:root {
  --bg: #08120f; --surface: #101d19; --surface-2: #172722; --line: #263b34;
  --text: #f5f7f5; --muted: #92a59e; --green: #35d07f; --lime: #b9f15a;
  --gold: #ffca62; --red: #ff6d6d; --shadow: 0 14px 40px rgba(0,0,0,.28);
}
* { box-sizing: border-box; }
html { background: var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 80% -10%, #1b4b36 0, transparent 34%), var(--bg); }
button,input,select { font: inherit; }
button { color: inherit; }
.topbar { height: 68px; position: sticky; z-index: 20; top: 0; padding: 10px max(16px,env(safe-area-inset-left)); display:flex; align-items:center; gap:10px; background:rgba(8,18,15,.9); backdrop-filter: blur(14px); border-bottom:1px solid rgba(255,255,255,.05); }
.brand-mark { width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,var(--lime),var(--green));color:#07130e;display:grid;place-items:center;font-weight:950;font-size:23px; transform:skew(-5deg); }
.brand-copy { display:flex;flex-direction:column;line-height:1.05; }
.brand-copy strong { letter-spacing:.08em;font-size:15px; }
.brand-copy span { color:var(--muted);font-size:11px;margin-top:4px; }
.sync-pill { margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;padding:7px 9px;border:1px solid var(--line);border-radius:99px; }
.sync-pill i { width:7px;height:7px;border-radius:50%;background:var(--gold); }
.sync-pill.live i { background:var(--green);box-shadow:0 0 0 4px rgba(53,208,127,.12); }
.sync-pill.error i { background:var(--red); }
.icon-button { border:1px solid var(--line);background:var(--surface);width:38px;height:38px;border-radius:12px;font-size:20px;cursor:pointer; }
main { max-width:1050px;margin:auto;padding: 0 18px 96px; }
.view { display:none;animation:fade .18s ease; }
.view.active { display:block; }
@keyframes fade { from{opacity:.5;transform:translateY(3px)} }
.hero { display:flex;justify-content:space-between;gap:20px;align-items:center;padding:30px 0 18px; }
h1,h2,p { margin-top:0; }
h1 { font-size:clamp(25px,5vw,40px);line-height:1.07;margin-bottom:8px;letter-spacing:-.035em; }
h2 { font-size:20px;margin:2px 0 0;letter-spacing:-.02em; }
.eyebrow { margin:0;color:var(--green);font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase; }
#draftMeta,.hint,.lede { color:var(--muted); }
#draftMeta { margin:0;font-size:14px; }
.clock-box { min-width:94px;padding:13px;border:1px solid var(--line);border-radius:16px;background:rgba(16,29,25,.75);text-align:center; }
.clock-box span { display:block;color:var(--muted);font-size:10px;text-transform:uppercase; }
.clock-box strong { font-size:27px;color:var(--lime); }
.section-title { display:flex;align-items:end;justify-content:space-between;gap:15px;margin:23px 0 12px; }
.hint { font-size:11px;text-align:right; }
.banner { padding:12px 14px;color:#ffc6c6;background:#351c1c;border:1px solid #6a3030;border-radius:12px;font-size:13px; }
.hidden { display:none!important; }
.pick-plan { display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px; }
.strategy-path { display:flex;align-items:center;gap:10px;margin:-4px 0 12px;padding:10px 13px;border:1px solid #315244;border-radius:12px;background:#10231c; }
.strategy-path span { color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.09em; }
.strategy-path strong { color:var(--lime);font-size:13px;letter-spacing:.04em; }
.pick-card { position:relative;background:linear-gradient(150deg,#172a23,#101d19);border:1px solid var(--line);border-radius:18px;padding:15px;overflow:hidden;box-shadow:var(--shadow); }
.strategy-reason { margin:9px 0 0;color:#b8c9c1;font-size:10px;line-height:1.45; }
.pick-card.on-clock { border-color:var(--green); }
.pick-card.on-clock:after { content:'ON THE CLOCK';position:absolute;right:-31px;top:16px;transform:rotate(42deg);background:var(--green);color:#05110b;font-size:8px;font-weight:950;padding:4px 28px;letter-spacing:.1em; }
.research-pick { width:100%;margin-top:11px;border:1px solid #315244;background:#12261e;color:var(--green);padding:8px;border-radius:10px;font-size:10px;font-weight:800;cursor:pointer; }
.pick-label { display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em; }
.pick-label strong { color:var(--lime);font-size:15px; }
.target { display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:10px;margin-top:13px;cursor:pointer; }
.target + .target { padding-top:11px;border-top:1px solid var(--line); }
.primary-option { padding:12px;margin:13px -3px 0;border:1px solid rgba(53,208,127,.28);border-radius:13px;background:rgba(53,208,127,.055); }
.primary-option img { width:52px;height:52px; }
.primary-option h3 { font-size:18px; }
.primary-option .chance { font-size:14px; }
.alternative-stack { margin-top:8px;border-top:1px solid var(--line); }
.alternative-stack .target { margin-top:0;padding:9px 2px; }
.alternative-stack .target + .target { padding-top:9px; }
.alternative-stack .target img { width:35px;height:35px; }
.alternative-stack .target h3 { font-size:13px; }
.target img,.avatar { width:43px;height:43px;border-radius:50%;object-fit:cover;background:#263630; }
.target .role { color:var(--green);font-size:9px;font-weight:800;text-transform:uppercase; }
.target h3 { margin:2px 0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.target p { color:var(--muted);font-size:10px;margin:0; }
.injury-badge { display:inline-grid;place-items:center;vertical-align:2px;min-width:25px;padding:2px 5px;border-radius:6px;background:#5c2626;color:#ffd2d2;border:1px solid #914040;font-size:8px;font-weight:950;letter-spacing:.05em;line-height:1.2; }
.injury-dtd,.injury-q { background:#5a4619;color:#ffe4a1;border-color:#8a6b27; }
.injury-ir,.injury-pup,.injury-out { background:#5c2626;color:#ffd2d2;border-color:#914040; }
.chance { font-size:12px;font-weight:800;color:var(--gold); }
.filter-row { display:flex;gap:7px;overflow:auto;padding-bottom:7px;scrollbar-width:none; }
.chip { border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:7px 13px;font-size:11px;cursor:pointer;white-space:nowrap; }
.chip.active { background:var(--text);color:var(--bg);border-color:var(--text);font-weight:750; }
.player-list { display:flex;flex-direction:column;gap:7px;margin-top:8px; }
.player-row { display:grid;grid-template-columns:32px 44px minmax(120px,1fr) auto auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(16,29,25,.82);cursor:pointer; }
.rank { color:var(--muted);font-size:12px;text-align:center; }
.player-main { min-width:0; }
.player-main strong { display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px; }
.player-main small { color:var(--muted);font-size:10px; }
.position { display:inline-grid;place-items:center;min-width:34px;height:24px;padding:0 6px;border-radius:8px;background:#21372f;color:var(--green);font-size:10px;font-weight:850; }
.score { text-align:right; }
.score strong { display:block;color:var(--lime);font-size:14px; }
.score small { color:var(--muted);font-size:9px; }
.empty-state { padding:25px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted);font-size:13px; }
.page-heading { padding:30px 0 8px; }
.search { display:flex;gap:9px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:11px 13px;margin-bottom:15px; }
.search input { width:100%;border:0;outline:0;background:transparent;color:var(--text); }
.needs-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:10px 0 20px; }
.need-tile { background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px; }
.need-tile span { color:var(--muted);font-size:10px; }
.need-tile strong { display:block;margin-top:4px;font-size:15px; }
.need-tile.open strong { color:var(--gold); }
.scoring-card,.settings-card,.status-card,.help-card,.mode-card { background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:14px;margin-bottom:13px; }
.practice-banner { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;margin:2px 0 18px;border:1px solid #856528;border-radius:14px;background:linear-gradient(135deg,#352812,#1c2119); }
.practice-banner strong { display:block;color:var(--gold);font-size:13px;text-transform:uppercase;letter-spacing:.08em; }
.practice-banner span { display:block;color:#d8cba9;font-size:11px;margin-top:3px; }
.practice-actions,.mode-actions { display:flex;gap:7px;flex-wrap:wrap; }
.practice-actions .button { padding:8px 10px;font-size:10px;white-space:nowrap; }
.advisor-card { margin:2px 0 22px;padding:16px;border:1px solid #315244;border-radius:18px;background:linear-gradient(145deg,#153126,#0f211a);box-shadow:var(--shadow); }
.advisor-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px; }
.advisor-card>p,.advisor-summary { color:#b6c7c0;font-size:12px;line-height:1.5;margin:0 0 12px; }
.keyless-badge { padding:5px 8px;border:1px solid rgba(53,208,127,.32);border-radius:99px;color:var(--green);font-size:9px;font-weight:800;white-space:nowrap; }
.advisor-primary { font-size:13px;box-shadow:0 8px 22px rgba(53,208,127,.14); }
.advisor-position-row { display:flex;gap:7px;overflow:auto;margin-top:10px;padding-bottom:3px;scrollbar-width:none; }
.advisor-question { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px; }
.advisor-question input { min-width:0;border:1px solid var(--line);outline:0;border-radius:11px;background:#0a1712;color:var(--text);padding:11px 12px;font-size:12px; }
.advisor-question input:focus { border-color:var(--green); }
.advisor-results { display:flex;flex-direction:column;gap:8px;margin-top:13px; }
.advisor-option { display:grid;grid-template-columns:25px 45px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);cursor:pointer; }
.advisor-option-rank { color:var(--lime);font-size:13px;font-weight:900; }
.advisor-option img { width:45px;height:45px;border-radius:50%;object-fit:cover;background:#263630; }
.advisor-option h3 { margin:3px 0;font-size:15px; }
.advisor-option p { margin:0;color:#bdcbc5;font-size:10px;line-height:1.4; }
.advisor-option .role { color:var(--green);font-size:9px;font-weight:800;text-transform:uppercase; }
.advisor-needs { padding:9px 11px;margin:10px 0;border-radius:10px;background:#0b1713;color:var(--muted);font-size:10px; }
.advisor-needs strong { color:var(--text); }
.advisor-freshness { max-width:none!important;margin:12px 0 0!important;text-align:left; }
.upside-title { margin-top:30px; }
.upside-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px; }
.upside-card { padding:13px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#14251f,#0e1b17);cursor:pointer; }
.upside-card .role { color:var(--gold);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em; }
.upside-card h3 { margin:4px 0;font-size:15px; }
.upside-card p { margin:0;color:var(--muted);font-size:10px; }
.upside-card ul { margin:9px 0 0;padding-left:17px;color:#bfccc6;font-size:10px;line-height:1.45; }
.mode-card { display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(145deg,#172a23,#101d19); }
.mode-card h2 { margin:4px 0; }
.mode-card p { margin:0;color:var(--muted);font-size:11px;line-height:1.5; }
.sync-pill.practice i { background:var(--gold);box-shadow:0 0 0 4px rgba(255,202,98,.12); }
.scoring-row { display:grid;grid-template-columns:minmax(125px,1fr) 68px 32px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line); }
.scoring-row:last-child { border-bottom:0; }
.scoring-row span { font-size:12px; }
.scoring-row small { color:var(--muted);display:block;font-size:9px; }
.scoring-row input,.settings-card input,.settings-card select { width:100%;background:#0c1713;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px;outline:0; }
.scoring-row button { border:0;background:transparent;color:var(--red);font-size:18px;cursor:pointer; }
.override-editor { grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-bottom:4px; }
.override-editor input { font-size:10px;padding:7px; }.override-editor small{grid-column:1/-1;color:var(--muted)}
.settings-card { display:grid;gap:14px; }
.settings-card label { color:var(--muted);font-size:11px; }
.settings-card label input,.settings-card label select { display:block;margin-top:6px;color:var(--text);font-size:14px; }
.settings-card small { margin-top:5px;display:block; }
.skipped-list { display:grid;gap:7px; }
.skipped-player { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);font-size:12px; }
.skipped-player .button { padding:6px 10px;font-size:10px; }
.comparison-reason { margin:12px 0;padding:11px;border:1px solid #315244;border-radius:11px;background:#12261e;color:#cfe8dc;font-size:12px;line-height:1.5; }
.status-card div { display:flex;justify-content:space-between;padding:10px 2px;border-bottom:1px solid var(--line);font-size:12px; }
.status-card div:last-child{border:0}.status-card span{color:var(--muted)}.status-card strong.ok{color:var(--green)}
.help-card summary { cursor:pointer;font-weight:700;font-size:13px; }.help-card p{color:var(--muted);font-size:12px;margin:12px 0 0;line-height:1.55}.help-card code{color:var(--lime)}
.button { border:0;border-radius:11px;padding:11px 15px;background:var(--green);color:#06120c;font-weight:850;cursor:pointer; }
.button.secondary { background:var(--surface-2);color:var(--text);border:1px solid var(--line); }
.button.wide { width:100%; }
.sticky-actions { position:sticky;bottom:76px;display:flex;justify-content:flex-end;gap:8px;padding:12px 0;background:linear-gradient(transparent,var(--bg) 20%); }
.bottom-nav { position:fixed;z-index:30;bottom:0;left:0;right:0;height:70px;padding:7px max(8px,env(safe-area-inset-left)) max(7px,env(safe-area-inset-bottom));display:flex;justify-content:center;background:rgba(8,18,15,.96);backdrop-filter:blur(16px);border-top:1px solid var(--line); }
.bottom-nav button { width:min(20%,100px);border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;cursor:pointer; }
.bottom-nav b { font-size:19px;font-weight:500; }.bottom-nav button.active{color:var(--green)}
dialog { width:min(560px,calc(100% - 24px));max-height:82vh;border:1px solid var(--line);border-radius:20px;background:#0e1b17;color:var(--text);padding:22px;box-shadow:0 30px 100px #000; }
dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:27px;color:var(--muted);cursor:pointer}
.profile-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.profile-head img{width:68px;height:68px;border-radius:50%;background:#243a32}.profile-head h2{font-size:23px}.profile-head p{color:var(--muted);margin:4px 0 0;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{padding:10px;background:var(--surface-2);border-radius:11px}.metric span{display:block;color:var(--muted);font-size:9px}.metric strong{font-size:16px}.reason-list{padding-left:18px;color:#cad5d0;font-size:12px;line-height:1.6}.research-output{white-space:pre-wrap;color:#dce5e1;font-size:12px;line-height:1.55;max-height:300px;overflow:auto}.dialog-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.dialog-actions button{flex:1;min-width:120px}
.toast { position:fixed;z-index:80;left:50%;bottom:86px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#eef8f2;color:#0a1712;padding:10px 15px;border-radius:99px;font-size:12px;font-weight:700;transition:.2s;box-shadow:var(--shadow); }.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:600px){main{padding-left:12px;padding-right:12px}.hero{align-items:flex-start}.hero h1{max-width:240px}.player-row{grid-template-columns:27px 40px minmax(100px,1fr) auto}.player-row>.position{display:none}.player-row{padding:9px 8px}.score strong{font-size:12px}.pick-plan{display:flex;overflow:auto;padding-bottom:7px;scroll-snap-type:x mandatory}.pick-card{min-width:88%;scroll-snap-align:start}.hint{max-width:100px}.sync-pill span{display:none}.sync-pill{padding:8px}.brand-copy span{display:none}.practice-banner,.mode-card{align-items:stretch;flex-direction:column}.practice-actions,.mode-actions{display:grid;grid-template-columns:1fr 1fr}.practice-actions .button:last-child,.mode-actions .button:last-child{grid-column:1/-1}.advisor-heading{align-items:flex-start}.advisor-question{grid-template-columns:1fr}.advisor-option{grid-template-columns:22px 40px minmax(0,1fr) auto;padding:9px}.advisor-option img{width:40px;height:40px}.upside-grid{grid-template-columns:1fr}}