
:root{--team-primary:#2563eb;--team-secondary:#22d3ee;--team-accent:#fff;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{min-height:100dvh;background:radial-gradient(circle at 15% -10%,color-mix(in srgb,var(--team-primary) 24%,transparent),transparent 40%),#07111b}
button,input,select{font:inherit}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.logo-img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}.autosave-status{display:flex;align-items:center;gap:7px;color:#9fb3c7;font-size:.72rem;white-space:nowrap}.save-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 12px rgba(74,222,128,.6)}.autosave-status.saving .save-dot{background:#facc15}.autosave-status.error .save-dot{background:#fb7185}
.program-logo{display:block;width:96px;height:96px;object-fit:contain;margin:0 auto 12px;filter:drop-shadow(0 15px 20px rgba(0,0,0,.35))}.mobile-team-logo{width:38px;height:38px;object-fit:contain}
.school-card{--card-primary:var(--team-primary);--card-secondary:var(--team-secondary);background:linear-gradient(150deg,color-mix(in srgb,var(--card-primary) 24%,#142536),#101c29 64%);border-color:color-mix(in srgb,var(--card-secondary) 28%,rgba(255,255,255,.08))}.school-card:before{background:linear-gradient(90deg,var(--card-primary),var(--card-secondary))}.school-card-brand{display:flex;align-items:center;gap:12px;margin:5px 0 10px}.school-card-logo{width:62px;height:62px;object-fit:contain;flex:none;filter:drop-shadow(0 10px 15px rgba(0,0,0,.25))}.school-card-title{min-width:0}.school-card-title h3{font-size:1.05rem}.school-card .rating-row{margin:5px 0}.school-card .rating-fill{background:linear-gradient(90deg,var(--card-primary),var(--card-secondary))}
.topbar{border-bottom-color:color-mix(in srgb,var(--team-secondary) 20%,rgba(255,255,255,.08))}.feature-panel{background:linear-gradient(130deg,color-mix(in srgb,var(--team-primary) 32%,#153152),#0d1b29)}.nav-tab.active,.primary{background:linear-gradient(135deg,var(--team-primary),color-mix(in srgb,var(--team-primary) 55%,var(--team-secondary)))}
.pager{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:12px 0}.pager-info{color:var(--muted);font-size:.78rem}.pager-actions{display:flex;gap:7px}.mobile-card-list{display:none}.recruit-toolbar input,.toolbar input{background:#122234;color:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 12px;outline:none;min-height:44px}.recruit-toolbar input{min-width:240px}
.team-mini{display:flex;align-items:center;gap:9px;min-width:0}.team-mini img{width:34px;height:34px;object-fit:contain;flex:none}.team-mini>div{min-width:0}.team-mini b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.link-button{border:0;background:transparent;color:#e8f2ff;font-weight:800;padding:0;text-align:left;cursor:pointer}.link-button:hover{color:var(--team-secondary)}
.toast{position:fixed;z-index:100;left:50%;bottom:calc(88px + var(--safe-bottom));transform:translateX(-50%);background:#132739;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:11px 15px;box-shadow:0 20px 50px rgba(0,0,0,.42);max-width:min(90vw,520px);font-size:.82rem}.toast.success{border-color:rgba(74,222,128,.4)}.toast.error{border-color:rgba(251,113,133,.45)}
.release-settings{background:#102131;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;margin-top:14px}.release-settings h3{margin-top:0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.settings-grid label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.75rem}.toggle-row{flex-direction:row!important;align-items:center}.toggle-row input{width:20px;height:20px}
body.text-large{font-size:18px}body.density-compact .surface{padding:14px;margin-bottom:11px}body.density-compact td{padding:8px}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.app-week-card{display:flex;align-items:center;gap:12px;background:#102334;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;margin-bottom:12px}.app-week-card img{width:48px;height:48px;object-fit:contain}.app-week-card strong{font-size:1.05rem}.app-week-card .spacer{flex:1}
@media(max-width:760px){
 body{padding-bottom:calc(74px + var(--safe-bottom));font-size:15px}.topbar{display:flex;height:62px;padding:0 10px;position:sticky}.topbar .brand h1{font-size:1rem}.topbar .brand p{display:block;font-size:.58rem}.topbar .logo-img{width:38px;height:38px}.top-status{display:none}.autosave-status{font-size:0}.autosave-status .save-dot{width:10px;height:10px}.mobile-status{top:62px;grid-template-columns:38px repeat(3,1fr) auto;padding:7px 8px}.mobile-status .btn{font-size:.72rem}.surface{padding:13px;border-radius:15px}.hero-panel{padding:13px}.hero-copy h2{font-size:1.55rem}.team-filters{position:sticky;top:0;z-index:15;background:#0b1723;padding:8px;border-radius:12px}.school-grid{grid-template-columns:1fr}.school-card{padding:14px}.school-card-logo{width:56px;height:56px}.school-card .tagline{min-height:0}.school-card .rating-row:nth-of-type(n+4){display:none}
 .desktop-data-table{display:none}.mobile-card-list{display:grid;gap:10px}.mobile-data-card{background:linear-gradient(145deg,#15283a,#0e1c29);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:13px}.mobile-data-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.mobile-data-head h3{margin:0;font-size:1rem}.mobile-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.mobile-data-grid>div{background:#091722;border-radius:9px;padding:8px;text-align:center}.mobile-data-grid small{display:block;color:var(--muted);font-size:.56rem}.mobile-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.mobile-actions .btn{min-height:44px;padding:8px;font-size:.7rem}.mobile-data-card select{width:100%;min-height:44px}.pager{position:sticky;top:116px;z-index:14;background:#0b1723;padding:7px;border-radius:11px}.pager-info{font-size:.66rem}
 .dashboard-layout{display:block}.program-card{display:block}.program-card #schoolSummary{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.program-logo{width:82px;height:82px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric strong{font-size:1.15rem}.section-head{gap:8px}.section-head .btn{width:100%}.recruit-controls{display:grid;grid-template-columns:1fr 1fr}.recruit-controls .btn{grid-column:1/-1}.recruiting-rules{display:none}.recruit-toolbar{display:grid;grid-template-columns:1fr 1fr}.recruit-toolbar>*{width:100%;min-width:0}.recruit-toolbar input,.recruit-toolbar #autoBoardBtn{grid-column:1/-1}.nav-tabs{display:none}.mobile-bottom-nav{grid-template-columns:repeat(5,1fr);padding-bottom:calc(6px + var(--safe-bottom))}.mobile-more-menu{max-height:60dvh;overflow:auto}.modal-card{max-height:90dvh}.recap-score{font-size:.85rem}.recap-score strong{font-size:1.55rem}.schedule-row{grid-template-columns:42px 1fr auto;gap:7px;padding:11px 5px}.schedule-row img{width:30px;height:30px}.choice-grid,.skill-tree,.gameplan-grid{grid-template-columns:1fr}.depth-slots{grid-template-columns:1fr}.toast{bottom:calc(82px + var(--safe-bottom))}
}
@media(min-width:761px){.program-card{position:sticky;top:96px}.school-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}

/* Keep long profiles scrollable inside Android WebView. */
.modal:not(.hidden){display:flex;justify-content:center;align-items:center}
@media(max-width:760px){.modal:not(.hidden){align-items:flex-end}.modal-card{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}}
/* Recruiting race overhaul — V1.0.2 */
.motivation-inline{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.motivation-inline span{font-size:.58rem;font-weight:800;color:#c4b5fd;background:rgba(124,58,237,.16);padding:3px 6px;border-radius:999px}
.motivation-row{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.motivation-chip{display:flex;flex-direction:column;gap:2px;background:#142b40;border:1px solid rgba(129,140,248,.25);border-radius:11px;padding:8px 10px}.motivation-chip b{font-size:.72rem}.motivation-chip small{color:var(--muted);font-size:.58rem}
.race-summary{min-width:205px}.race-summary>b,.race-summary>.sub{display:block}.race-compact{display:grid;gap:3px;margin-top:7px}.race-mini-row{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:4px 6px;border-radius:8px;background:#0d1b29}.race-mini-row.user-school{background:rgba(34,211,238,.12);outline:1px solid rgba(34,211,238,.25)}.race-mini-row>span{display:flex;align-items:center;gap:5px;min-width:0}.race-mini-row img{width:18px;height:18px;object-fit:contain;flex:0 0 auto}.race-mini-row b{font-size:.59rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.race-mini-row strong{font-size:.67rem}
.mobile-race-list{display:grid;gap:5px;margin:10px 0}.mobile-race-list .race-mini-row b{max-width:220px}
.recruit-profile-section{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.recruit-profile-section h3{margin:0 0 8px}
.top-schools-list{display:grid;gap:7px}.top-school-row{display:grid;grid-template-columns:30px 34px minmax(0,1fr) auto;align-items:center;gap:8px;background:#102131;border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:8px}.top-school-row.user-school{border-color:rgba(34,211,238,.48);background:rgba(13,56,73,.75)}.top-school-row img{width:30px;height:30px;object-fit:contain}.top-school-row div{min-width:0}.top-school-row b,.top-school-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-school-row small{color:var(--muted);font-size:.61rem}.top-school-rank{font-weight:900;color:var(--cyan)}
.motivation-comparison{display:grid;gap:7px}.motivation-grade{display:grid;grid-template-columns:minmax(0,1fr) 70px 90px;align-items:center;gap:8px;background:#102131;border-radius:10px;padding:8px}.motivation-grade>div b,.motivation-grade>div small{display:block}.motivation-grade>div small{color:var(--muted);font-size:.59rem}.motivation-grade>span{display:flex;align-items:center;justify-content:space-between;gap:4px;background:#0a1722;border-radius:8px;padding:5px}.motivation-grade em{font-size:.52rem;color:var(--muted);font-style:normal}.motivation-grade strong{font-size:.9rem}.grade-a{color:#4ade80}.grade-b{color:#67e8f9}.grade-c{color:#fde047}.grade-d,.grade-f{color:#fb7185}
.recruit-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.recruit-action-card{display:flex;flex-direction:column;background:#102131;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:11px}.recruit-action-card h4{display:flex;justify-content:space-between;gap:7px;margin:0 0 5px}.recruit-action-card h4 span{font-size:.65rem;color:var(--cyan)}.recruit-action-card p{color:var(--muted);font-size:.67rem;line-height:1.4;flex:1}.recruit-action-card small{display:block;color:#c4b5fd;font-size:.58rem;margin-bottom:8px}.action-feedback{background:rgba(34,211,238,.1);border-left:3px solid var(--cyan);border-radius:8px;padding:9px;margin-bottom:9px;font-size:.72rem}.nil-detail{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;background:#102131;border-radius:10px;padding:9px;margin-top:8px}.nil-detail span{color:var(--muted)}
@media(max-width:760px){.recruit-action-grid{grid-template-columns:1fr}.motivation-grade{grid-template-columns:minmax(0,1fr) 62px 78px}.top-school-row{grid-template-columns:26px 30px minmax(0,1fr) auto}.race-mini-row b{max-width:205px}.mobile-actions .btn{min-height:44px}.mobile-data-card .plan-select{width:100%;margin:8px 0}}


/* V1.7.3 — team selection now opens a complete coach-creation flow. */
.new-dynasty-setup{display:grid;gap:18px}.new-dynasty-team-head{display:flex;align-items:center;gap:14px;padding:4px 34px 14px 0;border-bottom:1px solid var(--border)}.new-dynasty-team-head img{width:72px;height:72px;object-fit:contain;flex:none}.new-dynasty-team-head h2{margin:3px 0}.new-dynasty-team-head p{margin:0;color:var(--muted)}.new-dynasty-name{display:grid;gap:7px;font-weight:800}.new-dynasty-name span,.new-dynasty-fieldset legend{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:900}.new-dynasty-name input{width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:#071725;color:var(--text);font-size:1rem}.new-dynasty-fieldset{border:0;padding:0;margin:0;display:grid;gap:10px}.new-dynasty-fieldset legend{margin-bottom:8px}.new-dynasty-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.difficulty-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-choice{display:block;cursor:pointer}.setup-choice input{position:absolute;opacity:0;pointer-events:none}.setup-choice span{display:block;height:100%;padding:12px;border:1px solid var(--border);border-radius:11px;background:#0b1a28;transition:.15s}.setup-choice b,.setup-choice small{display:block}.setup-choice small{margin-top:5px;color:var(--muted);line-height:1.35}.setup-choice input:checked+span{border-color:var(--team-secondary,var(--cyan));background:color-mix(in srgb,var(--team-primary,#1677d2) 20%,#0b1a28);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--team-secondary,var(--cyan)) 60%,transparent)}.setup-choice input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}.setup-explanation{padding:12px;border-left:4px solid var(--team-secondary,var(--cyan));border-radius:9px;background:#091824}.setup-explanation b,.setup-explanation span{display:block}.setup-explanation span{margin-top:4px;color:var(--muted)}.setup-explanation ul{margin:8px 0 0;padding-left:19px;color:var(--muted)}.custom-difficulty-details{border:1px solid var(--border);border-radius:11px;padding:10px 12px;background:#081724}.custom-difficulty-details summary{cursor:pointer;font-weight:900}.new-dynasty-slider-grid{display:grid;gap:9px;margin-top:12px}.new-dynasty-slider-grid label{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,1fr) 48px;gap:10px;align-items:center;padding:9px;border-top:1px solid rgba(255,255,255,.06)}.new-dynasty-slider-grid label:first-child{border-top:0}.new-dynasty-slider-grid label span b,.new-dynasty-slider-grid label span small{display:block}.new-dynasty-slider-grid label span small{color:var(--muted);font-weight:400;margin-top:3px}.new-dynasty-slider-grid input{width:100%}.new-dynasty-slider-grid output{text-align:right;font-weight:900}.new-dynasty-summary{padding:13px;border:1px solid color-mix(in srgb,var(--team-secondary,var(--cyan)) 35%,var(--border));border-radius:12px;background:#071521}.new-dynasty-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:8px}.new-dynasty-summary-grid div{min-width:0}.new-dynasty-summary-grid small,.new-dynasty-summary-grid b{display:block}.new-dynasty-summary-grid small{color:var(--muted);font-size:.57rem}.new-dynasty-summary-grid b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-dynasty-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;position:sticky;bottom:-22px;padding:12px 0 2px;background:linear-gradient(180deg,transparent,#0e1925 24%)}
@media(max-width:760px){.new-dynasty-team-head img{width:58px;height:58px}.new-dynasty-choice-grid,.difficulty-choice-grid{grid-template-columns:1fr}.new-dynasty-slider-grid label{grid-template-columns:1fr 48px}.new-dynasty-slider-grid label span{grid-column:1/-1}.new-dynasty-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-dynasty-actions{bottom:calc(-18px - var(--safe-bottom));padding-bottom:calc(8px + var(--safe-bottom))}}

/* Build 211: mobile roster/card overflow hardening */
.mobile-card-list{min-width:0;max-width:100%}.mobile-data-card{min-width:0;max-width:100%;width:100%;overflow:hidden}.mobile-data-head,.mobile-data-head>div,.mobile-data-grid,.mobile-data-grid>div{min-width:0}.mobile-data-grid b{overflow-wrap:anywhere}.mobile-data-card .btn.full{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:480px){#rosterCardList.mobile-card-list{grid-template-columns:minmax(0,1fr)}#rosterCardList .mobile-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
