:root{--bg: #0a0d13;--bg-glow: #16203a;--surface-1: #121723;--surface-2: #1a2130;--surface-3: #232c3f;--line: #28324660;--line-1: #2c374d;--line-2: #3a4864;--text: #eaf0fa;--text-dim: #9fadc4;--text-faint: #667389;--home: #2fe3c0;--home-ink: #032b24;--away: #ff6d46;--gold: #ffce5a;--danger: #ff5470;--radius: 14px;--radius-sm: 10px;--radius-lg: 22px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .28);--shadow-2: 0 8px 30px rgba(0, 0, 0, .45);--glow-home: 0 0 0 1px rgba(47, 227, 192, .35), 0 0 24px rgba(47, 227, 192, .15);--ease: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-micro: cubic-bezier(.2, 0, 0, 1);--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(1100px 720px at 50% -20%,var(--bg-glow),transparent 60%),var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.55;letter-spacing:.1px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}#app{min-height:100svh}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;margin:0}b{font-weight:700}.tabnum{font-variant-numeric:tabular-nums}.center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:24px}.row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.muted{color:var(--text-dim)}.err{color:var(--away)}button{font:600 15px var(--font-body);cursor:pointer;border:1px solid var(--line-1);background:var(--surface-2);color:var(--text);padding:12px 20px;border-radius:12px;transition:transform .12s var(--ease-micro),background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),opacity .18s var(--ease);position:relative}button:hover:not(:disabled){transform:translateY(-1.5px);border-color:var(--line-2)}button:active:not(:disabled){transform:translateY(1px) scale(.99)}button:focus-visible{outline:none;box-shadow:0 0 0 3px #2fe3c066}button:disabled{opacity:.38;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#43ecca,#1fc4a8);border-color:transparent;color:var(--home-ink);font-weight:700;box-shadow:0 6px 18px #2fe3c03d}button.primary:hover:not(:disabled){box-shadow:0 9px 24px #2fe3c057}button.secondary{background:var(--surface-2);border-color:var(--line-2)}button.ghost{background:transparent;border-color:var(--line-1);color:var(--text-dim)}button.ghost:hover:not(:disabled){color:var(--text)}button.small{padding:7px 14px;font-size:13px;border-radius:9px}.lobby{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px}.lobby .logo{font-size:76px;line-height:1;filter:drop-shadow(0 10px 30px rgba(255,150,60,.35));cursor:pointer;transition:transform .5s var(--ease);animation:float 4s ease-in-out infinite}.lobby .logo:hover{transform:scale(1.08) rotate(8deg)}.lobby .logo.spin{animation:spin-once .7s var(--ease)}.lobby h1{font-size:clamp(38px,8vw,58px);letter-spacing:-.03em;background:linear-gradient(120deg,#fff 20%,var(--home) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.lobby .tag{color:var(--text-dim);max-width:460px;font-size:16px}.lobby .tag b{color:var(--text)}.lobby input{font:500 16px var(--font-body);padding:14px 18px;border-radius:12px;border:1px solid var(--line-1);background:var(--surface-1);color:var(--text);width:300px;text-align:center;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.lobby input:focus{outline:none;border-color:var(--home);box-shadow:0 0 0 3px #2fe3c02e}.lobby input::placeholder{color:var(--text-faint)}.status{color:var(--text-faint);font-size:13px;display:inline-flex;align-items:center;gap:6px}.status.ok{color:var(--home)}.status .dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.lobby-stats{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:2px}.stat-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--text-dim);background:var(--surface-1);border:1px solid var(--line-1);padding:5px 11px;border-radius:var(--radius-pill);font-variant-numeric:tabular-nums}.stat-chip.online b{color:var(--text)}.stat-chip.streak{color:var(--gold);border-color:#ffce5a47;background:#ffce5a14}.stat-chip.streak b{color:var(--gold)}.stat-chip.version{color:var(--text-faint);font-family:var(--font-display);letter-spacing:.02em}.stat-chip .live-dot{width:7px;height:7px;border-radius:50%;background:var(--home);box-shadow:0 0 8px var(--home);animation:live-pulse 2s var(--ease) infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@media (prefers-reduced-motion: reduce){.stat-chip .live-dot{animation:none}}.streaks{width:300px;max-width:90vw;margin-top:4px;background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--radius);padding:12px 14px}.streaks-title{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.01em;color:var(--text-dim);text-align:left;margin-bottom:8px}.streak-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.streak-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-sm);font-size:14px}.streak-row.me{background:#2fe3c01a;border:1px solid rgba(47,227,192,.25)}.streak-rank{width:18px;text-align:center;font-weight:700;color:var(--text-faint);font-variant-numeric:tabular-nums}.streak-row:nth-child(1) .streak-rank{color:var(--gold)}.streak-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.streak-count{font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:3px}.streak-fire{font-size:12px}.streak-empty{list-style:none;text-align:center;color:var(--text-faint);font-size:13px;padding:8px 0}.linkbtn{background:none;border:none;color:var(--text-dim);font-size:13px;padding:2px 6px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.linkbtn:hover:not(:disabled){color:var(--text);transform:none;border-color:transparent}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#04070cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .2s var(--ease)}.modal{position:relative;max-width:540px;width:100%;max-height:86vh;overflow-y:auto;overflow-x:hidden;background:var(--surface-1);border:1px solid var(--line-2);border-radius:var(--radius-lg);padding:26px 26px 22px;box-shadow:var(--shadow-2);animation:modal-in .25s var(--ease);text-align:left}.modal h2{font-size:22px;margin-bottom:12px}.modal p{color:var(--text-dim);margin:0 0 14px;line-height:1.55}.modal p b{color:var(--text)}.modal-close{position:absolute;top:12px;right:12px;width:34px;height:34px;padding:0;display:grid;place-items:center;font-size:22px;line-height:1;border-radius:50%;background:var(--surface-2);border:1px solid var(--line-1);color:var(--text-dim)}.modal-close:hover:not(:disabled){color:var(--text)}.sim-points{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:12px}.sim-points li{position:relative;padding-left:20px;color:var(--text-dim);line-height:1.5}.sim-points li:before{content:"▸";position:absolute;left:0;color:var(--home)}.sim-points li b{color:var(--text)}.modal .mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;color:var(--gold);background:#ffce5a14;padding:1px 5px;border-radius:5px;word-break:break-word}.modal-foot{font-size:13px;color:var(--text-faint)!important;border-top:1px solid var(--line);padding-top:12px;margin-bottom:0!important}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal{animation:none}}.roomlink{display:flex;gap:8px;width:340px;max-width:90vw}.roomlink input{flex:1;min-width:0;font:500 13px var(--font-body);padding:11px 12px;border-radius:10px;border:1px solid var(--line-1);background:var(--surface-1);color:var(--text);text-overflow:ellipsis}.roomlink input:focus{outline:none;border-color:var(--home);box-shadow:0 0 0 3px #2fe3c02e}.room-wait{display:inline-flex;align-items:center;gap:10px}.small-note{font-size:12.5px}.eta{font-family:var(--font-display);font-size:15px;color:var(--text-dim);margin:-2px 0 2px}.eta b{color:var(--home);font-variant-numeric:tabular-nums}.version-line{background:none;border:none;cursor:pointer;color:var(--text-faint);font-size:12px;font-family:var(--font-display);letter-spacing:.04em;margin:0;padding:2px 5px}.version-line:hover:not(:disabled){color:var(--text-dim);text-decoration:underline;text-underline-offset:3px;transform:none;border-color:transparent}.changelog{max-height:62vh;overflow-y:auto}.changelog h3{font-family:var(--font-display);font-size:15px;color:var(--gold);margin:16px 0 8px}.changelog h3:first-child{margin-top:0}.changelog p{font-size:13px;color:var(--text-dim);margin:0 0 10px}.changelog .cl-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}.changelog .cl-list li{position:relative;padding-left:18px;color:var(--text-dim);font-size:13px;line-height:1.5}.changelog .cl-list li:before{content:"▸";position:absolute;left:0;color:var(--home)}.changelog .cl-list li b{color:var(--text)}.cl-ver{font-family:var(--font-display);font-size:14px;color:var(--text-faint);font-weight:700}.results-actions{margin:6px 0 20px;gap:16px}.share-x{background:#16181c;border-color:#38393c;color:#e7e9ea;font-family:var(--font-display)}.share-x:hover:not(:disabled){background:#202225;border-color:#4a4c50;color:#fff}.spinner{width:34px;height:34px;border:3px solid var(--line-2);border-top-color:var(--home);border-radius:50%;animation:spin .8s linear infinite}.spinner.big{width:58px;height:58px;border-width:4px}.loader-court{width:120px;height:74px;border:2px solid var(--line-2);border-radius:8px;position:relative;overflow:hidden}.loader-court:before{content:"";position:absolute;top:0;right:0;bottom:0;left:50%;width:2px;background:var(--line-2)}.loader-court:after{content:"";position:absolute;top:50%;left:-30%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold);animation:dribble 1.6s var(--ease) infinite}.auction{max-width:1680px;margin:0 auto;padding:16px 24px}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 4px 16px;gap:12px}.topbar .brand{justify-self:start}.topbar .turn-pill{justify-self:center}.topbar>button{justify-self:end}.brand{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;font-size:17px}.phase-pill{font-size:12.5px;font-weight:700;color:var(--gold);background:#ffce5a1a;border:1px solid rgba(255,206,90,.25);padding:5px 12px;border-radius:var(--radius-pill);letter-spacing:.2px}.board{display:grid;grid-template-columns:1fr 1.55fr 1fr;gap:14px;align-items:start}.roster{position:relative;background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--radius);padding:14px;transition:box-shadow .25s var(--ease)}.roster.you{box-shadow:inset 0 0 0 1px #2fe3c038}.roster.opp{box-shadow:inset 0 0 0 1px #ff6d462e}.roster.active{box-shadow:0 0 0 2px var(--home),0 0 28px #2fe3c052}.roster.opp.active{box-shadow:0 0 0 2px var(--away),0 0 28px #ff6d464d}.clock-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:10.5px;font-weight:800;letter-spacing:.6px;color:var(--home-ink);background:linear-gradient(180deg,#43ecca,#1fc4a8);padding:3px 13px;border-radius:var(--radius-pill);box-shadow:var(--shadow-1);white-space:nowrap;z-index:2;animation:badge-pop .3s var(--ease) both}.roster.opp .clock-badge{background:linear-gradient(180deg,#ff8a68,#ff6d46);color:#2b0f07}@keyframes badge-pop{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.turn-pill{font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:.4px;padding:7px 16px;border-radius:var(--radius-pill);border:1px solid var(--line-1);color:var(--text-dim);background:var(--surface-2);white-space:nowrap}.turn-pill.mine{color:var(--home-ink);background:linear-gradient(180deg,#43ecca,#1fc4a8);border-color:transparent;animation:turn-pulse 1.5s var(--ease) infinite}.turn-pill.theirs{color:var(--away);background:#ff6d461a;border-color:#ff6d464d}@keyframes turn-pulse{0%,to{box-shadow:0 0 0 3px #2fe3c029}50%{box-shadow:0 0 0 6px #2fe3c047}}@media (prefers-reduced-motion: reduce){.turn-pill.mine{animation:none}}.roster-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.pname{font-family:var(--font-display);font-weight:600;font-size:15px}.budget{font-family:var(--font-display);font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums;font-size:18px}.budget.flash{animation:pulse-gold .5s var(--ease)}.chem-row{display:flex;align-items:center;gap:9px;margin-bottom:12px}.chem-row label{font-size:10.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.8px;font-weight:700}.team-metric{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;padding:7px 11px;background:var(--surface-2);border-radius:var(--radius-sm)}.team-metric .tm-label{font-size:10.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.8px;font-weight:700}.team-metric .tm-val{font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--text);font-variant-numeric:tabular-nums}.chem{position:relative;flex:1;height:18px;background:var(--surface-3);border-radius:var(--radius-pill);overflow:hidden}.chem-fill{height:100%;border-radius:var(--radius-pill);transition:width .6s var(--ease),background .6s var(--ease)}.chem span{position:absolute;right:8px;top:0;font-size:11px;line-height:18px;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.4)}.slots{display:flex;flex-direction:column;gap:7px}.slot{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-2);font-size:13.5px;animation:slot-in .35s var(--ease) both}.slot.empty{color:var(--text-faint);font-style:italic;justify-content:center;border:1px dashed var(--line-2);background:transparent}.slot-tag{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:800;flex-shrink:0}.slot-tag.G,.pc-slot.G{background:#22456b;color:#a6d4ff}.slot-tag.W,.pc-slot.W{background:#46396b;color:#cdb8ff}.slot-tag.B,.pc-slot.B{background:#6b3a44;color:#ffb3c0}.slot-name{flex:1;font-weight:500}.slot-ovr{font-family:var(--font-display);font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums}.notes,.synnotes{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}.synnote{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.3;padding:5px 9px;border-radius:8px;border:1px solid transparent;animation:log-in .3s var(--ease) both}.synnote-signs{font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:-1px;flex-shrink:0;min-width:24px;text-align:center}.synnote-text{color:var(--text-dim)}.synnote.good{background:#2fe3c017;border-color:#2fe3c038}.synnote.good .synnote-signs{color:var(--home)}.synnote.bad{background:#ff54701a;border-color:#ff547042}.synnote.bad .synnote-signs{color:var(--danger)}.synnote.neutral .synnote-signs{color:var(--text-faint)}.block{min-height:380px}.waiting{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:70px;color:var(--text-dim)}.waiting-inline{display:flex;align-items:center;gap:10px;justify-content:center;color:var(--text-dim);padding:12px}.onblock{max-width:480px;margin-inline:auto;background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--line-2);border-radius:var(--radius);padding:18px;text-align:center;box-shadow:var(--shadow-2)}.onblock.reveal-in .bigcard{animation:reveal-pop .55s var(--ease) both}.onblock.reveal-in .statbar i{animation:bar-grow .6s var(--ease) both}.block-label{font-size:11px;letter-spacing:1.5px;color:var(--text-faint);margin-bottom:12px;font-weight:700}.bigcard{background:var(--surface-3);border-radius:var(--radius);padding:16px;position:relative;overflow:hidden}.bigcard:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--home),var(--gold))}.bc-head{display:flex;flex-direction:column;align-items:center}.bc-name{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.bc-sub{color:var(--text-dim);font-size:13px;margin-top:2px}.bc-ovr{font-family:var(--font-display);font-size:34px;font-weight:700;color:var(--gold);margin:8px 0}.bc-ovr small{font-size:12px;color:var(--text-faint);margin-left:5px;font-family:var(--font-body);font-weight:600}.bc-stats{display:flex;flex-direction:column;gap:6px;margin-top:8px;max-width:320px;margin-inline:auto}.stat{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:10px}.stat label{font-size:11px;color:var(--text-dim);text-align:right;font-weight:600}.statbar{height:9px;background:#0e1420;border-radius:var(--radius-pill);overflow:hidden}.statbar i{display:block;height:100%;background:linear-gradient(90deg,#1fc4a8,#6ff0dc);border-radius:var(--radius-pill);transform-origin:left}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;justify-content:center}.tags span{font-size:11px;background:#0e1420;border:1px solid var(--line-1);color:var(--text-dim);padding:3px 10px;border-radius:var(--radius-pill)}.highbid{margin:16px auto 14px;max-width:260px;padding:12px 16px 14px;border-radius:var(--radius);background:var(--surface-3);border:1px solid var(--line-2);text-align:center;transition:box-shadow .25s var(--ease),border-color .25s var(--ease)}.highbid.you{border-color:#2fe3c08c;box-shadow:0 0 0 1px #2fe3c04d,0 0 24px #2fe3c029}.highbid.opp{border-color:#ff6d4680;box-shadow:0 0 0 1px #ff6d4647,0 0 24px #ff6d4626}.hb-label{font-size:10.5px;letter-spacing:1.8px;font-weight:800;color:var(--text-faint)}.hb-amount{font-family:var(--font-display);font-weight:800;font-size:46px;line-height:1.02;color:var(--gold);font-variant-numeric:tabular-nums;margin:2px 0 5px;text-shadow:0 2px 14px rgba(255,206,90,.28)}.hb-holder{font-family:var(--font-display);font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:7px}.highbid.you .hb-holder{color:var(--home)}.highbid.opp .hb-holder{color:var(--away)}.hb-holder.none{color:var(--text-faint);font-weight:600;font-size:13px}.hb-dot{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;flex-shrink:0}.bidrow{display:flex;gap:9px;justify-content:center}.controls{min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.controls .waiting-inline,.controls p{margin:0}.lead{color:var(--home)}.feed{margin-top:16px;background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--radius);padding:12px 14px}.feed-title{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.3px;color:var(--text-dim);margin-bottom:8px}.feed-rows{display:flex;flex-direction:column;gap:5px}.feed-row{padding:7px 11px;border-radius:9px;background:var(--surface-2);font-size:13px;color:var(--text-dim);border-left:3px solid var(--line-2);animation:log-in .3s var(--ease) both}.feed-row.latest{color:var(--text);background:var(--surface-3);border-left-color:var(--home)}.feed-empty{padding:12px;text-align:center;color:var(--text-faint);font-size:13px}.recap{max-width:1680px;margin:0 auto;padding:18px}.scorebug{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:14px}.scorebug .team{font-family:var(--font-display);font-weight:600;font-size:18px}.scorebug .team.home{color:var(--home)}.scorebug .team.away{color:var(--away)}.scorebug .score{font-family:var(--font-display);font-size:40px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:1px}.scorebug .score b{display:inline-block;min-width:46px}#court{width:100%;border:1px solid var(--line-2);border-radius:var(--radius);background:#12161f;display:block;box-shadow:var(--shadow-2);touch-action:pan-y}.livehint{text-align:center;color:var(--text-faint);font-size:12px;margin:12px 0 6px;letter-spacing:.4px}.livebox{margin-top:4px}.livecols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lbcol h4{margin:6px 0 8px;font-size:13px}.lbcol h4.home{color:var(--home)}.lbcol h4.away{color:var(--away)}.lbcol table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.lbcol th,.lbcol td{padding:4px 6px;text-align:right;border-bottom:1px solid var(--line);color:var(--text)}.lbcol th{color:var(--text-faint);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px}.lbcol .pl{text-align:left}.postgame{margin-top:20px;animation:rise .5s var(--ease) both}.hidden{display:none}.result-banner{text-align:center;font-family:var(--font-display);font-size:26px;font-weight:700;padding:16px;border-radius:var(--radius);margin-bottom:16px;animation:banner-pop .6s var(--ease) both}.result-banner.win{background:linear-gradient(180deg,rgba(47,227,192,.18),transparent);color:var(--home);border:1px solid rgba(47,227,192,.4)}.result-banner.lose{background:linear-gradient(180deg,rgba(255,109,70,.14),transparent);color:var(--away);border:1px solid rgba(255,109,70,.32)}.syn-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.syn{background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--radius);padding:14px}.syn.you{border-color:#2fe3c066}.syn.opp{border-color:#ff6d4659}.syn-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.syn-head b{font-family:var(--font-display)}.syn-metrics{display:inline-flex;gap:10px;align-items:baseline}.syn-ovr,.syn-rating{font-family:var(--font-display);font-weight:700;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.3px}.syn-ovr{color:var(--text)}.syn-rating{color:var(--gold)}.box{overflow-x:auto;border:1px solid var(--line-1);border-radius:var(--radius)}.box table{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}.box th,.box td{padding:6px 8px;text-align:right;border-bottom:1px solid var(--line)}.box th{color:var(--text-faint);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px}.box th.pl,.box td.pl{text-align:left}.box .teamrow td{background:var(--surface-2);font-family:var(--font-display);font-weight:700;text-align:left;color:var(--gold)}.box .teamrow.you td{color:var(--home)}.box .teamrow.opp td{color:var(--away)}.box tbody tr:hover td{background:#ffffff08}.box td.lead{color:var(--gold);font-weight:700;background:#ffce5a1a}.box tbody tr:hover td.lead{background:#ffce5a29}.results{max-width:1680px;margin:0 auto;padding:20px 24px 40px;animation:rise .45s var(--ease) both}.scoreline{display:flex;align-items:center;justify-content:center;gap:22px;margin:4px 0 22px}.scoreline .team{font-family:var(--font-display);font-weight:600;font-size:18px}.scoreline .team.home,.scoreline .team.you{color:var(--home)}.scoreline .team.away,.scoreline .team.opp{color:var(--away)}.scoreline .score{font-family:var(--font-display);font-size:42px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:1px}.scoreline .score b{display:inline-block;min-width:46px}.award-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;max-width:900px;margin-inline:auto}.award{display:flex;align-items:center;gap:14px;background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--radius);padding:14px 16px;position:relative;overflow:hidden;animation:rise .5s var(--ease) both}.award:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.award.home:before,.award.you:before{background:var(--home)}.award.away:before,.award.opp:before{background:var(--away)}.award-icon{font-size:40px;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.award-body{display:flex;flex-direction:column;gap:1px;min-width:0}.award-label{font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--gold)}.award-name{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.01em}.award-team{font-size:12px;color:var(--text-faint)}.award-line{font-size:13px;color:var(--text-dim);margin-top:4px}.award-line b{font-family:var(--font-display);color:var(--text);font-variant-numeric:tabular-nums}.results .result-banner{max-width:520px;margin-inline:auto}.why{background:linear-gradient(180deg,rgba(255,206,90,.08),transparent);border:1px solid rgba(255,206,90,.25);border-radius:var(--radius);padding:14px 16px 12px;margin:0 auto 18px;max-width:900px;animation:rise .5s var(--ease) both}.why-head{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--gold);margin-bottom:8px}.why ul{margin:0;padding-left:18px}.why li{margin:5px 0;color:var(--text);font-size:13.5px}@media (max-width: 560px){.scoreline .score{font-size:32px}.scoreline .team{font-size:15px}.award-row{grid-template-columns:1fr}}.matched{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px;cursor:pointer}.matched-label{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,6vw,40px);letter-spacing:.18em;background:linear-gradient(120deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;animation:matched-drop .55s var(--ease) both}.vs{display:flex;align-items:center;gap:clamp(18px,6vw,54px)}.vs-side{display:flex;flex-direction:column;align-items:center;gap:8px}.vs-side.you{animation:slide-from-left .55s var(--ease) .1s both}.vs-side.opp{animation:slide-from-right .55s var(--ease) .1s both}.vs-avatar{width:clamp(60px,16vw,84px);height:clamp(60px,16vw,84px);border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:clamp(22px,6vw,30px);background:var(--surface-2)}.vs-avatar.home{color:var(--home);box-shadow:0 0 0 2px var(--home),0 0 26px #2fe3c066}.vs-avatar.away{color:var(--away);box-shadow:0 0 0 2px var(--away),0 0 26px #ff6d4659}.vs-name{font-family:var(--font-display);font-weight:600;font-size:clamp(15px,4vw,19px)}.vs-tag{font-size:10.5px;text-transform:uppercase;letter-spacing:1px;color:var(--text-faint);font-weight:700}.vs-x{font-family:var(--font-display);font-weight:700;font-size:clamp(18px,5vw,26px);color:var(--text-faint);animation:pop .5s var(--ease) .3s both}.matched-go{color:var(--text-faint);font-size:13px;animation:soft-pulse 1.6s ease-in-out .6s infinite}.slot.won{animation:won-flash 1.1s var(--ease);box-shadow:inset 0 0 0 1px #ffce5a99}.won-badge{font-size:9px;font-weight:800;letter-spacing:.5px;color:var(--home-ink);background:var(--gold);padding:2px 6px;border-radius:6px;margin-left:auto}.slot.won .slot-ovr{margin-left:8px}@keyframes matched-drop{0%{opacity:0;transform:translateY(-18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-from-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slide-from-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes pop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes soft-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes won-flash{0%{background:#ffce5a66;transform:scale(1.05)}to{background:var(--surface-2);transform:scale(1)}}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(24px);background:var(--away);color:#2a0d06;font-weight:700;padding:11px 20px;border-radius:12px;opacity:0;transition:all .3s var(--ease);pointer-events:none;box-shadow:var(--shadow-2);z-index:50}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-once{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes dribble{0%,to{left:12%;transform:scale(1)}50%{left:78%;transform:scale(.82)}}@keyframes reveal-pop{0%{opacity:0;transform:scale(.9) translateY(14px)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bar-grow{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1)}}@keyframes slot-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes log-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes banner-pop{0%{opacity:0;transform:scale(.92)}55%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes pulse-gold{0%{transform:scale(1)}40%{transform:scale(1.18);color:#fff}to{transform:scale(1)}}::view-transition-old(root){animation:vt-out .24s var(--ease-in) both}::view-transition-new(root){animation:vt-in .34s var(--ease) both}@keyframes vt-out{to{opacity:0;transform:translateY(-8px) scale(.995)}}@keyframes vt-in{0%{opacity:0;transform:translateY(10px) scale(.995)}}#toast{bottom:max(24px,calc(env(safe-area-inset-bottom) + 12px))}@media (max-width: 860px){.board{display:flex;flex-direction:column;gap:12px}.block{order:-1;min-height:auto}.syn-row,.livecols{grid-template-columns:1fr}.auction,.results,.recap{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom))}}@media (max-width: 560px){body{font-size:14px}.auction,.recap{padding-top:12px}.topbar{padding-bottom:12px}.brand{font-size:15px}.phase-pill{padding:4px 10px;font-size:12px}.row button,button.primary,button.secondary{min-height:48px}.roster{padding:12px 12px 14px}.slot{padding:11px 10px;min-height:44px}.team-metric{padding:8px 11px}.onblock,.bigcard{padding:14px}.bc-name{font-size:22px}.bc-ovr{font-size:30px}.bc-stats{max-width:none}.hb-amount{font-size:40px}.bidrow{flex-wrap:wrap;gap:8px}.bidrow button{flex:1 1 30%;min-width:92px;min-height:54px;padding:14px 12px}.bidrow #pass{flex:1 1 100%}.scorebug{gap:12px}.scorebug .score{font-size:30px}.scorebug .score b{min-width:34px}.scorebug .team{font-size:15px}.scoreline{gap:12px}.scoreline .score{font-size:34px}.result-banner{font-size:20px;padding:14px}.lbcol th,.lbcol td{padding:3px 4px}.box th,.box td{padding:6px 7px}.results-actions{flex-direction:column}.results-actions button{width:100%}.lobby{min-height:100svh;justify-content:flex-start;gap:15px;padding-top:30px}.lobby .logo{font-size:58px}.lobby input{width:min(320px,88vw)}.lobby .row{width:min(340px,90vw);flex-wrap:wrap;gap:10px}.lobby #find{flex:1 1 100%}.lobby #bot,.lobby #custom{flex:1 1 42%}.streaks{width:min(340px,90vw)}.postgame .row button{flex:1 1 100%}}@media (max-width: 600px){.board{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}.block{grid-column:1 / -1;order:-1;min-height:auto}.roster.you{grid-column:1}.roster.opp{grid-column:2}.feed{display:none}.roster{padding:9px 9px 11px}.roster-head{margin-bottom:6px;gap:4px}.pname{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.budget{font-size:14px}.team-metric{display:none}.chem-row{margin-bottom:7px;gap:6px}.chem-row label{display:none}.chem{height:14px}.slots{gap:5px}.slot{padding:7px 8px;gap:6px;font-size:11.5px;min-height:0;animation:none}.slot-tag{width:19px;height:19px;font-size:10px}.slot-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-ovr{font-size:12px}.slot.empty{font-size:11px}.notes{display:none}.onblock{padding:12px}.block-label{margin-bottom:8px}.bigcard{padding:12px}.bc-sub{display:none}.bc-name{font-size:20px}.bc-ovr{font-size:26px;margin:3px 0}.bc-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;max-width:none}.tags{display:none}.highbid{margin:10px auto;padding:8px 14px;max-width:240px}.hb-amount{font-size:32px}.hb-label{font-size:9.5px}.bidrow{flex-wrap:nowrap;gap:6px;width:100%}.bidrow button{flex:1 1 0;min-width:0;padding:12px 5px;font-size:13px;min-height:48px}.bidrow #pass{flex:1 1 0}.controls{min-height:82px}}@media (max-height: 500px) and (orientation: landscape){#court{max-height:62vh;width:auto;margin:0 auto}.recap{max-width:96vw}}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}