
:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f8fafc;background:#0b1220}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0b1220}button,input,select{font:inherit}
.top{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:rgba(15,23,42,.96);border-bottom:1px solid #263244;backdrop-filter:blur(12px)}
.brand{font-size:1.25rem}.icon-btn{background:#1f2937;color:white;border:0;border-radius:10px;padding:8px 10px}
main{max-width:850px;margin:auto;padding:14px 14px 100px}.screen{display:none}.screen.active{display:block}
.hero{height:155px;border:1px solid #263244;border-radius:18px;background:url("club.webp") center/cover no-repeat;margin-bottom:12px}
.division-row{display:flex;justify-content:space-between;align-items:center;margin:8px 2px}.division{background:#1f2937;border:1px solid #334155;border-radius:999px;padding:6px 10px;font-weight:800}
.muted{color:#94a3b8}.small{font-size:.8rem}.record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metric{background:#111827;border:1px solid #263244;border-radius:14px;padding:11px 6px;text-align:center}.metric span{display:block;color:#94a3b8;font-size:.78rem}.metric b{display:block;font-size:1.55rem;margin-top:4px}.good{color:#22c55e}.bad{color:#ef4444}
.card{background:#111827;border:1px solid #263244;border-radius:16px;padding:15px;margin-top:14px}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h2{margin:0}.link-btn,.back{background:none;border:0;color:#22c55e;font-weight:800;padding:8px 0}
h1{font-size:1.55rem}h2{font-size:1.15rem}.row{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#0f172a;border:1px solid #263244;border-radius:12px;padding:11px;margin:8px 0}.row .right{font-weight:900;font-size:1.2rem}.result-win{color:#22c55e}.result-loss{color:#ef4444}
select,input[type=text],input[type=file]{width:100%;background:#111827;color:#f8fafc;border:1px solid #334155;border-radius:10px;padding:11px;margin:7px 0 12px}label{display:block;color:#cbd5e1;font-size:.86rem;margin-top:8px}.primary{width:100%;border:0;border-radius:10px;padding:12px;background:#22c55e;color:#052e16;font-weight:900}
.subtabs{display:flex;gap:8px;overflow:auto;margin-bottom:12px}.subtab{border:0;border-radius:10px;background:#1f2937;color:#cbd5e1;padding:10px 12px;font-weight:800}.subtab.active{background:#22c55e;color:#052e16}
.table-wrap{overflow:auto;border:1px solid #263244;border-radius:14px;background:#111827}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #263244;text-align:left;white-space:nowrap}th{font-size:.78rem;color:#94a3b8}td button{background:none;border:0;color:#86efac;font-weight:800;padding:0}
.profile-hero{display:flex;gap:14px;align-items:center;background:#111827;border:1px solid #263244;border-radius:16px;padding:14px}.profile-img{width:78px;height:78px;border-radius:50%;object-fit:cover;background:#1f2937;border:2px solid #334155}.profile-metrics{margin-top:10px}
.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 6px calc(7px + env(safe-area-inset-bottom));background:#111827;border-top:1px solid #334155}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;color:#cbd5e1;font-size:1.1rem;min-height:50px}.bottom-nav button span{font-size:.68rem;font-weight:700}.bottom-nav button.active{color:#22c55e}
details{background:#111827;border:1px solid #263244;border-radius:14px;padding:12px;margin:10px 0}summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center}summary::marker{display:none}
@media(max-width:560px){.record-grid{grid-template-columns:repeat(4,1fr)}.metric span{font-size:.68rem}.metric b{font-size:1.35rem}}

.team-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.team-stat b{color:#86efac}
.team-stat small{display:block;margin-top:4px;font-size:.74rem}
.blank-game{background:#0f172a;border:1px solid #263244;border-radius:12px;padding:10px;margin:9px 0}
.blank-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;margin-top:8px}
.blank-fields input,.blank-fields select{margin:0}
@media(max-width:560px){.blank-fields{grid-template-columns:1fr}.team-stat-grid{grid-template-columns:1fr 1fr}}

.blank-game{background:#0f172a;border:1px solid #263244;border-radius:12px;padding:10px;margin:9px 0}
.blank-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;margin-top:8px}
.blank-fields input,.blank-fields select{margin:0}
@media(max-width:560px){.blank-fields{grid-template-columns:1fr}}

.hidden{display:none!important}
.header-actions{display:flex;align-items:center;gap:7px}
.modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:18px}
.modal-card{width:min(420px,100%);background:#111827;border:1px solid #334155;border-radius:18px;padding:18px}
.full{width:100%;margin-top:8px}
.secondary{border:0;border-radius:10px;padding:11px 14px;background:#334155;color:#f8fafc;font-weight:800}
.danger{border:0;border-radius:10px;padding:9px 11px;background:#7f1d1d;color:#fff;font-weight:800}
.compact{padding:7px 9px;font-size:.78rem}
.admin-actions{display:flex;gap:8px;margin-top:9px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.admin-name-fields{margin-top:8px}

/* Mobile stats table: fit entire table on iPhone without sideways scroll */
#stats .table-wrap{overflow-x:hidden}
#stats table{width:100%;table-layout:fixed;font-size:.82rem}
#stats th,#stats td{padding:8px 4px;white-space:normal;overflow-wrap:anywhere}
#stats th:nth-child(1),#stats td:nth-child(1){width:7%;text-align:center}
#stats th:nth-child(2),#stats td:nth-child(2){width:37%}
#stats th:nth-child(3),#stats td:nth-child(3),
#stats th:nth-child(4),#stats td:nth-child(4),
#stats th:nth-child(5),#stats td:nth-child(5){width:13%;text-align:center}
#stats th:nth-child(6),#stats td:nth-child(6){width:17%;text-align:center}
#stats td button{white-space:normal;text-align:left;font-size:.82rem}
@media(max-width:430px){
  #stats table{font-size:.75rem}
  #stats th,#stats td{padding:7px 2px}
  #stats td button{font-size:.75rem}
  .two-col{grid-template-columns:1fr}
}

/* v10: Player Records mobile readability */
body.records-mode #stats table{
  width:100%;
  table-layout:fixed;
  font-size:.82rem;
}
body.records-mode #stats th,body.records-mode #stats td{
  padding:10px 5px;
  word-break:normal!important;
  overflow-wrap:normal!important;
  white-space:normal;
}
body.records-mode #stats th:nth-child(1),body.records-mode #stats td:nth-child(1){width:36%!important;text-align:left}
body.records-mode #stats th:nth-child(2),body.records-mode #stats td:nth-child(2){width:25%!important;text-align:left}
body.records-mode #stats th:nth-child(3),body.records-mode #stats td:nth-child(3){width:25%!important;text-align:center}
body.records-mode #stats th:nth-child(4),body.records-mode #stats td:nth-child(4){width:14%!important;text-align:center}
body.records-mode #stats td:first-child button{
  display:block;
  width:100%;
  padding:0!important;
  background:none!important;
  color:#86efac!important;
  text-align:left!important;
  font-weight:800!important;
  white-space:normal!important;
  word-break:normal!important;
  line-height:1.18;
}
@media(max-width:430px){
  body.records-mode #stats table{font-size:.76rem}
  body.records-mode #stats th,body.records-mode #stats td{padding:9px 4px}
  body.records-mode #stats td:first-child button{font-size:.79rem!important}
}
/* Shared live build */
.match-edit-fields{grid-template-columns:1fr 1fr 1fr auto}
@media(max-width:560px){.match-edit-fields{grid-template-columns:1fr}}


/* Monday countdown — v14 Partnerships base, current BMC theme */
.monday-countdown-card{
  margin-top:14px;
  padding:22px 16px 20px;
  text-align:center;
  overflow:hidden;
}
.monday-kicker{
  color:#22c55e;
  font-weight:900;
  font-size:.85rem;
  letter-spacing:.08em;
  margin-bottom:18px;
}
.monday-matchup{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  padding:2px 0 18px;
}
.monday-team,
.monday-opponent{
  font-size:clamp(1.8rem,8vw,3rem);
  line-height:1.05;
  font-weight:950;
  letter-spacing:-.035em;
}
.monday-vs{
  color:#22c55e;
  font-weight:950;
  font-size:1.15rem;
  margin:3px 0;
}
.monday-meta{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:8px;
  background:#0f172a;
  border:1px solid #263244;
  border-radius:12px;
  padding:11px 10px;
  color:#e2e8f0;
  font-size:.78rem;
  font-weight:800;
}
.monday-meta span+span{
  border-left:1px solid #334155;
  padding-left:8px;
}
.monday-divider{
  height:1px;
  background:#263244;
  margin:20px 0 16px;
}
.monday-countdown-title{
  color:#cbd5e1;
  font-size:.83rem;
  font-weight:900;
  letter-spacing:.06em;
  margin-bottom:11px;
}
.monday-clock{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
.monday-time-box{
  min-width:0;
  background:#0f172a;
  border:1px solid #263244;
  border-radius:12px;
  padding:13px 3px 10px;
}
.monday-time-box b{
  display:block;
  color:#22c55e;
  font-size:clamp(1.65rem,8vw,2.45rem);
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.monday-time-box span{
  display:block;
  color:#94a3b8;
  font-size:.58rem;
  font-weight:900;
  margin-top:8px;
  letter-spacing:.02em;
}
.monday-back{
  margin-top:2px;
  margin-bottom:2px;
}
.monday-empty{
  padding-top:30px;
  padding-bottom:30px;
}
@media(max-width:390px){
  .monday-countdown-card{padding-left:12px;padding-right:12px}
  .monday-meta{font-size:.7rem;gap:5px;padding-left:7px;padding-right:7px}
  .monday-meta span+span{padding-left:5px}
  .monday-clock{gap:5px}
  .monday-time-box{padding-left:2px;padding-right:2px}
  .monday-time-box span{font-size:.52rem}
}


/* Monday current score — only addition to v14 Partnerships Monday countdown */
.monday-score-panel{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid #263244;
}
.monday-score-label{
  color:#94a3b8;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  margin-bottom:10px;
}
.monday-score-row{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:10px;
}
.monday-score-team{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
}
.monday-score-team span{
  max-width:100%;
  color:#cbd5e1;
  font-size:.78rem;
  font-weight:850;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.monday-score-team b{
  color:#22c55e;
  font-size:2.25rem;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.monday-score-dash{
  color:#64748b;
  font-size:1.5rem;
  font-weight:900;
}

.player-awards-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 14px}.player-award-card{margin:0;padding:15px 13px;min-width:0}.award-kicker{color:#22c55e;font-size:.7rem;font-weight:900;letter-spacing:.045em;line-height:1.35;margin-bottom:9px}.award-player{display:block;padding:0;border:0;background:none;color:#f8fafc;font-size:1.05rem;font-weight:900;text-align:left;line-height:1.2}.award-detail{color:#cbd5e1;font-size:.72rem;font-weight:800;margin-top:7px;line-height:1.35}.award-note{color:#64748b;font-size:.62rem;font-weight:700;margin-top:5px;line-height:1.3}@media(max-width:390px){.player-awards-grid{grid-template-columns:1fr}}
