@import "https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@600;800;900&family=Barlow:wght@400;500;600;700&display=swap";:root{--bg:#0a0f1c;--card:#111829;--card-2:#172036;--line:#233050;--text:#e9eefb;--muted:#8d99b8;--lime:#d7ff3a;--gold:#f5c84c;--win:#3ddc84;--loss:#ff5a5f;--display:"Big Shoulders Display", "Arial Narrow", Impact, sans-serif;--body:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--body);margin:0;font-size:16px;line-height:1.45}button,input,select{font:inherit;color:inherit}a{color:var(--lime)}.app{max-width:1240px;margin:0 auto;padding:20px 16px 64px}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.wordmark{font-family:var(--display);letter-spacing:.5px;font-size:28px;font-weight:900;line-height:1}.wordmark span{color:var(--lime)}h1,h2,h3{font-family:var(--display);letter-spacing:.3px;margin:0 0 10px;font-weight:800;line-height:1.05}h1{font-size:clamp(40px,7vw,76px)}h2{font-size:30px}h3{font-size:21px}p{margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.stack{align-content:start;gap:16px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{justify-content:space-between}.grid2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.grid3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.btn{border:1px solid var(--line);background:var(--card-2);cursor:pointer;white-space:nowrap;border-radius:8px;padding:10px 16px;font-weight:700}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--lime);color:#10140a;border-color:var(--lime)}.btn.primary:hover{filter:brightness(1.06)}.btn.gold{background:var(--gold);color:#1d1606;border-color:var(--gold)}.btn:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:2px solid var(--lime);outline-offset:2px}label.field{color:var(--muted);gap:6px;font-size:14px;font-weight:600;display:grid}input[type=text],select{background:var(--card-2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:10px 12px}.chip{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:14px;font-weight:600;display:inline-flex}.chip.on{background:var(--lime);color:#10140a;border-color:var(--lime)}.ovr{font-family:var(--display);font-size:20px;font-weight:800}.o90{color:var(--lime)}.o80{color:var(--win)}.o70{color:#ffd84a}.o60{color:var(--muted)}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 10px;font-size:13px;font-weight:600}td{border-bottom:1px solid #1a2440;padding:8px 10px}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}.hero{padding:28px 0 18px}.hero h1{max-width:15ch}.mode-card{text-align:left;cursor:pointer;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:16px}.mode-card.on{border-color:var(--lime)}.mode-card h3{margin-bottom:4px}.clock{border-radius:var(--radius);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:22px 22px 18px;display:flex}.clock .city{font-family:var(--display);font-size:clamp(34px,6vw,60px);font-weight:900;line-height:.95}.clock .meta{opacity:.85;font-weight:600}.draft-layout{grid-template-columns:minmax(0,1fr) 340px;gap:16px;margin-top:16px;display:grid}@media (width<=900px){.draft-layout{grid-template-columns:1fr}}.players tr.can{cursor:pointer}.players tr.can:hover td{background:#1b2643}.players tr.cannot{opacity:.38}.players tr:focus-visible td{background:#1b2643}.rk{color:#10140a;background:var(--gold);vertical-align:2px;border-radius:4px;margin-left:6px;padding:0 4px;font-size:11px;font-weight:700;display:inline-block}.pen{color:var(--loss);font-weight:700}.roster-row{border-bottom:1px solid #1a2440;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;padding:6px 0;font-size:15px;display:grid}.roster-row .slot{color:var(--muted);font-size:13px;font-weight:700}.tag{color:var(--muted);border:1px solid var(--line);border-radius:4px;margin-left:6px;padding:0 5px;font-size:12px}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.grade{font-family:var(--display);color:var(--lime);font-size:120px;font-weight:900;line-height:.85}.progress{background:var(--card-2);border-radius:99px;height:6px;overflow:hidden}.progress>div{background:var(--lime);height:100%;transition:width .3s}.progress.gold>div{background:var(--gold)}.strip{flex-wrap:wrap;gap:4px;display:flex}.strip span{background:var(--card-2);width:26px;height:26px;color:var(--muted);border-radius:5px;place-items:center;font-size:13px;font-weight:800;display:grid}.strip .W{background:var(--win);color:#062411}.strip .L{background:var(--loss);color:#2b0507}.strip .PW{background:var(--gold);color:#1d1606}.strip .PL{border:2px solid var(--loss);color:var(--loss);background:0 0}.mini-game{background:var(--card-2);border-radius:8px;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 10px;font-size:15px;display:grid}.mini-game .w{font-weight:700}.mini-game .l{color:var(--muted)}.games-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.board{border-radius:var(--radius);border:1px solid var(--line);overflow:hidden}.board-row{color:#fff;grid-template-columns:minmax(0,1fr) repeat(5,46px) 72px;align-items:center;display:grid}.board-row>*{text-align:center;font-family:var(--display);font-variant-numeric:tabular-nums;padding:12px 6px;font-size:26px;font-weight:800}.board-row .team{text-align:left;white-space:nowrap;text-overflow:ellipsis;padding-left:16px;font-size:30px;overflow:hidden}.board-row .tot{background:#00000047;font-size:40px}.board-head{color:var(--muted);background:#070b15}.board-head>*{font-family:var(--body);padding:6px;font-size:13px;font-weight:700}.board-head .team{font-size:13px}.board-row .dim{opacity:.25}@media (width<=560px){.board-row{grid-template-columns:minmax(0,1fr) repeat(5,30px) 52px}.board-row>*{padding:10px 2px;font-size:19px}.board-row .team{padding-left:10px;font-size:20px}.board-row .tot{font-size:28px}}.live-dot{background:var(--loss);border-radius:50%;width:10px;height:10px;margin-right:8px;animation:1s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.25}}.verdict{font-family:var(--display);letter-spacing:1px;font-size:44px;font-weight:900}.verdict.good{color:var(--gold)}.verdict.bad{color:var(--loss)}.banner{border-radius:var(--radius);padding:18px 20px;animation:.35s ease-out pop}.banner.gold{border:1px solid var(--gold);background:linear-gradient(120deg,#3b2c06,#6b4f0c)}.banner.out{background:var(--card-2);border:1px solid var(--line)}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.seed-list{gap:4px;display:grid}.seed-item{border-radius:6px;grid-template-columns:24px 1fr auto;gap:8px;padding:4px 6px;font-size:15px;display:grid}.seed-item.me{background:#22305a}.cut{border-top:1px dashed var(--muted);margin:6px 0}.tabs{flex-wrap:wrap;gap:8px;margin:12px 0 16px;display:flex}.award{border-left:4px solid var(--gold)}.bracket{grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px;display:grid;overflow-x:auto}.share-canvas{border:1px solid var(--line);border-radius:8px;width:100%;max-width:600px}details summary{cursor:pointer}.swatch{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:8px;display:inline-block}.confetti{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:9px;height:14px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}.my-game{border-radius:var(--radius);border:3px solid var(--line);background:var(--card);padding:0;overflow:hidden}.my-game.won{border-color:var(--win)}.my-game.lost{border-color:var(--loss)}.my-game .board{border:0;border-radius:0}.my-game>p{padding-bottom:12px}.result-bar{background:var(--card-2);flex-wrap:wrap;align-items:baseline;gap:16px;padding:10px 16px;display:flex}.my-game.won .result-bar{background:var(--win);color:#062411}.my-game.lost .result-bar{background:var(--loss);color:#2b0507}.result-word{font-family:var(--display);letter-spacing:1px;font-size:46px;font-weight:900;line-height:1}.result-score{font-size:18px;font-weight:700}.you-tag{font-family:var(--body);color:#10140a;background:var(--lime);vertical-align:3px;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:12px;font-weight:800;display:inline-block}.you-badge{color:#10140a;background:var(--lime);border-radius:4px;margin-bottom:6px;padding:2px 7px;font-size:12px;font-weight:800;display:inline-block}.award.mine{border-left-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime);background:#1a2a1a}.roster-row.leader.mine{background:#24331a;border-radius:6px;padding-left:6px;padding-right:6px;font-weight:700}.big-record{font-family:var(--display);font-size:72px;font-weight:900;line-height:.95}.mobile-only{display:none}@media (width<=900px){.draft-side{display:none}.roster-open .draft-side{display:grid}.roster-open .draft-main{display:none}.mobile-only{display:inline-flex}.clock.sticky{z-index:20;padding:12px 14px;position:sticky;top:0}.clock.sticky .city{font-size:28px}.clock.sticky .meta{font-size:13px}.clock .row{width:100%}.clock .row .btn{flex:1;padding:9px 10px}}@media (width<=600px){.app{padding:12px 12px 48px}.hide-sm{display:none}.grade{font-size:90px}.card{padding:14px}.players td,.players th{padding:10px 6px}.filters{gap:6px}.filters input[type=text]{flex:100%;min-width:0}.chip{padding:5px 10px}.result-word{font-size:36px}.big-record{font-size:56px}.topbar .wordmark{font-size:24px}h2{font-size:26px}.tabs .chip{flex:1;justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.confetti{display:none}}td.num,th.num{white-space:nowrap}table.small td,table.small th{padding:6px 5px}.swatch{flex-shrink:0}.live-score{grid-template-columns:1fr 1fr;display:grid}.live-team{color:#fff;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.live-team .team{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:26px;font-weight:800;line-height:1;overflow:hidden}.live-team .tot{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:52px;font-weight:900;line-height:1}.plays{margin:0;padding:6px 0;list-style:none}.play{border-top:1px solid #1a2440;grid-template-columns:40px 1fr auto;align-items:baseline;gap:10px;padding:10px 16px;font-size:16px;display:grid}.play.mine{background:#d7ff3a12}.play.new{animation:.35s ease-out pop}.play-q{color:var(--muted);font-size:13px;font-weight:700}.play-score{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}@media (width<=600px){.live-team{padding:10px 12px}.live-team .team{font-size:19px}.live-team .tot{font-size:38px}.play{grid-template-columns:32px 1fr;padding:9px 12px;font-size:15px}.play-score{grid-column:2}}.ad-slot{border:1px dashed var(--line);border-radius:var(--radius);min-height:120px;margin:8px 0;padding:8px;display:block}.ad-label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.site-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:16px;font-size:13px;display:flex}.site-footer p{margin:0}
