:root{--bg: #0b1530;--bg-deep: #070e22;--surface: #12224a;--surface-2: #182c5e;--surface-3: #21397a;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .18);--text: #f4f6fb;--muted: #a3b3d8;--muted-2: #6f7fa6;--accent: #29d8f5;--accent-ink: #05303a;--gold: #f6c343;--gold-ink: #3a2a00;--danger: #ff5c6c;--good: #55e08a;--font-display: "Barlow Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;--font-body: "Barlow", "Helvetica Neue", Arial, sans-serif;--radius: 14px;--radius-sm: 10px;--shadow-card: 0 10px 30px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .06);--ease-out: cubic-bezier(.23, 1, .32, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.app-shell{min-height:100dvh;display:flex;flex-direction:column;max-width:560px;margin:0 auto;background:radial-gradient(120% 60% at 50% -10%,rgba(41,216,245,.16),transparent 60%),radial-gradient(80% 40% at 100% 100%,rgba(246,195,67,.08),transparent 60%),var(--bg);position:relative}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");opacity:.9}.screen{flex:1;display:flex;flex-direction:column;padding:calc(12px + var(--safe-top)) 16px calc(92px + var(--safe-bottom));gap:16px;position:relative;animation:screen-in .32s var(--ease-out)}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.topbar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:44px}.topbar__title{text-align:center;font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:.06em;text-transform:uppercase;margin:0}.icon-btn{width:44px;height:44px;border-radius:12px;display:inline-grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);transition:transform .15s var(--ease-out),background .15s}.icon-btn:hover{background:var(--surface-3)}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:22px;height:22px}.card{background:linear-gradient(180deg,#ffffff0a,#fff0),var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:16px}.card--tight{padding:12px}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:700;color:var(--muted);margin:0 0 6px}h2.display{font-family:var(--font-display);font-weight:800;font-size:30px;line-height:1.05;margin:0;text-wrap:balance}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);box-shadow:0 5px #0f8aa0,0 10px 20px #29d8f540;transition:transform .12s var(--ease-out),box-shadow .12s var(--ease-out),filter .15s;-webkit-user-select:none;user-select:none}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(3px);box-shadow:0 2px #0f8aa0,0 4px 10px #29d8f533}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:0 5px #0f8aa0}.btn--gold{background:var(--gold);color:var(--gold-ink);box-shadow:0 5px #a87f12,0 10px 20px #f6c34340}.btn--gold:active,.btn--gold:disabled{box-shadow:0 2px #a87f12}.btn--ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--line-strong);box-shadow:0 5px #0a1636}.btn--ghost:active,.btn--ghost:disabled{box-shadow:0 2px #0a1636}.btn--block{width:100%}.btn--sm{min-height:40px;font-size:17px;padding:0 14px}.coin{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--gold);font-variant-numeric:tabular-nums}.coin svg{width:18px;height:18px}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:560px;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 10px calc(10px + var(--safe-bottom));background:#070e22e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:30}.bottom-nav__tab{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;padding:6px 0 4px;border-radius:12px;color:var(--muted);font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:color .15s,background .15s}.bottom-nav__tab svg{width:22px;height:22px}.bottom-nav__tab.is-active{color:var(--accent);background:#29d8f51a}.bottom-nav__tab:active{transform:scale(.96)}.record{display:flex;gap:14px;font-family:var(--font-display);font-weight:800;font-size:20px}.record .w{color:var(--good)}.record .l{color:var(--danger)}.team-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.04em}.swatch{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:linear-gradient(135deg,var(--c1) 50%,var(--c2) 50%);flex:none}.list{display:flex;flex-direction:column;gap:10px}.row{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:12px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;text-align:left;width:100%;min-height:60px;transition:transform .12s var(--ease-out),background .15s,border-color .15s}.row:hover{background:var(--surface-2)}.row:active{transform:scale(.985)}.row.is-starter{border-color:#29d8f559}.row__name{font-weight:600;font-size:17px;line-height:1.2}.row__sub{color:var(--muted);font-size:13px}.badge{font-family:var(--font-display);font-weight:800;letter-spacing:.08em;font-size:15px;padding:2px 8px;border-radius:8px;background:var(--surface-3);color:var(--accent)}.badge--muted{color:var(--muted)}.ovr{font-family:var(--font-display);font-weight:800;font-size:22px;min-width:44px;text-align:center;padding:4px 6px;border-radius:10px;background:var(--bg-deep);border:1px solid var(--line);font-variant-numeric:tabular-nums}.ovr--na{color:var(--muted-2);font-size:14px}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.25),transparent 50%),var(--team, #345);border:2px solid rgba(255,255,255,.18);font-family:var(--font-display);font-weight:800;font-size:16px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.stat-bars{display:grid;gap:10px}.stat-bar{display:grid;grid-template-columns:96px 1fr 40px;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:14px}.stat-bar__track{height:10px;border-radius:999px;background:var(--bg-deep);overflow:hidden;border:1px solid var(--line)}.stat-bar__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),#6fe4ff);transform-origin:left;animation:bar-grow .6s var(--ease-out)}.stat-bar__fill.tier-hi{background:linear-gradient(90deg,var(--gold),#ffe08a)}.stat-bar__fill.tier-lo{background:linear-gradient(90deg,#7d8fb8,#a7b6d8)}@keyframes bar-grow{0%{transform:scaleX(.2)}}.stat-bar__val{text-align:right;font-variant-numeric:tabular-nums;font-size:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.option{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;background:var(--surface);border:2px solid var(--line);text-align:left;transition:border-color .15s,transform .12s var(--ease-out);min-height:72px}.option:active{transform:scale(.98)}.option.is-selected{border-color:var(--accent);box-shadow:0 0 0 4px #29d8f526}.option__title{font-family:var(--font-display);font-weight:800;font-size:16px;letter-spacing:.05em;text-transform:uppercase}.option__sub{color:var(--muted);font-size:13px;line-height:1.35}.shop-card{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.shop-card__art{height:84px;border-radius:10px;display:grid;place-items:center;background:var(--bg-deep);border:1px solid var(--line);overflow:hidden}.shop-card__art svg{width:64px;height:64px}.shop-card__title{font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:.05em;text-transform:uppercase}.shop-card__blurb{color:var(--muted);font-size:13px;line-height:1.35;flex:1}.owned{color:var(--good);font-family:var(--font-display);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.note{color:var(--muted);font-size:13px;line-height:1.45;margin:0}.mini-court{width:100%;border-radius:10px;display:block;background:#d9a866}.scoreline{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-family:var(--font-display);font-weight:800;font-size:40px;line-height:1;font-variant-numeric:tabular-nums}.scoreline__team{font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:4px}.table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.table th,.table td{padding:8px 6px;text-align:right;border-bottom:1px solid var(--line)}.table th:first-child,.table td:first-child{text-align:left}.table th{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;font-size:12px}.stat-tile{padding:12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);display:grid;gap:2px}.stat-tile__label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;font-size:12px;color:var(--muted)}.stat-tile__value{font-family:var(--font-display);font-weight:800;font-size:22px;white-space:nowrap;line-height:1;font-variant-numeric:tabular-nums}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:8px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line);width:100%;text-align:left}.toggle__pill{width:46px;height:26px;border-radius:999px;background:var(--bg-deep);border:1px solid var(--line-strong);position:relative;flex:none;transition:background .2s}.toggle__pill:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:transform .2s var(--ease-out),background .2s}.toggle.is-on .toggle__pill{background:#29d8f540}.toggle.is-on .toggle__pill:after{transform:translate(20px);background:var(--accent)}.play{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c1733;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.play__stage{position:absolute;top:0;right:0;bottom:0;left:0}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block}.label-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.player-label{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:5px;padding:2px 7px 2px 6px;border-radius:999px;background:#080e20c7;border:1.5px solid var(--team, #fff);color:#fff;font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.04em;white-space:nowrap;will-change:transform;transition:border-color .15s,background .15s;line-height:1.2}.player-label__role{font-size:10px;color:var(--muted);letter-spacing:.1em}.player-label.is-star .player-label__name:after{content:"★";color:var(--gold);margin-left:3px;font-size:10px}.player-label.has-ball{background:#ffffffeb;color:#0b1530}.player-label.has-ball .player-label__role{color:#4d5c82}.player-label.is-hidden{display:none}.player-label.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px #29d8f573,0 4px 12px #29d8f559}.hud-top{position:absolute;top:calc(8px + var(--safe-top));left:10px;right:10px;display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;pointer-events:none;z-index:5}.hud-team{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:var(--team, #234);border:1px solid rgba(255,255,255,.18);box-shadow:0 6px 18px #00000059;min-height:48px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.hud-team--away{justify-content:flex-end}.hud-team__name{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:.1em;text-transform:uppercase;line-height:1}.hud-team__score{font-family:var(--font-display);font-weight:800;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}.hud-clock{display:grid;place-items:center;padding:4px 12px;border-radius:12px;background:#080e20e6;border:1px solid var(--line-strong);font-family:var(--font-display);font-weight:800;font-variant-numeric:tabular-nums;min-width:84px}.hud-clock__time{font-size:26px;line-height:1}.hud-clock__meta{font-size:12px;letter-spacing:.1em;color:var(--muted);display:flex;gap:8px}.hud-clock__shot.is-low{color:var(--danger)}.hud-bottom{position:absolute;left:10px;right:10px;bottom:calc(10px + var(--safe-bottom));display:grid;grid-template-columns:52px 1fr 52px;gap:10px;align-items:end;z-index:5}.hud-btn{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#080e20e6;border:1px solid var(--line-strong);color:#fff;box-shadow:0 6px 16px #0006;transition:transform .12s var(--ease-out),background .15s,border-color .15s}.hud-btn:active{transform:scale(.93)}.hud-btn.is-on{background:var(--accent);color:var(--accent-ink);border-color:transparent}.hud-btn svg{width:24px;height:24px}.caption{min-height:52px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 14px;border-radius:14px;background:#080e20e6;border:1px solid var(--line-strong);font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.02em;line-height:1.15;color:#fff;box-shadow:0 6px 16px #0006;transition:border-color .2s,opacity .3s}.caption.tone-good{border-color:var(--good)}.caption.tone-bad{border-color:var(--danger)}.caption.tone-big{border-color:var(--gold);color:var(--gold);animation:caption-pop .35s var(--ease-out)}.caption.is-idle{opacity:.55}@keyframes caption-pop{0%{transform:scale(.94)}to{transform:none}}.hint{animation:hint-out .6s ease 7s forwards;position:absolute;left:50%;bottom:calc(76px + var(--safe-bottom));transform:translate(-50%);padding:4px 10px;border-radius:999px;background:#080e20bf;color:var(--muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-display);font-weight:700;pointer-events:none;z-index:5;white-space:nowrap}@keyframes hint-out{to{opacity:0;visibility:hidden}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#070e22db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;padding:24px}.overlay__panel{width:min(360px,100%);display:grid;gap:14px;text-align:center}.progress{height:10px;border-radius:999px;background:var(--bg-deep);overflow:hidden;border:1px solid var(--line)}.progress__fill{height:100%;background:linear-gradient(90deg,var(--accent),#6fe4ff);transition:width .2s var(--ease-out)}.replay{position:absolute;top:calc(72px + var(--safe-top));right:10px;width:104px;border-radius:12px;background:#080e20eb;border:1px solid var(--gold);box-shadow:0 8px 20px #00000073;overflow:hidden;z-index:6;animation:replay-in .3s var(--ease-out)}@keyframes replay-in{0%{opacity:0;transform:translate(16px) scale(.96)}}.replay__tag{display:flex;justify-content:space-between;padding:4px 8px;font-family:var(--font-display);font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.replay canvas{display:block;width:100%}.perf{position:absolute;top:calc(120px + var(--safe-top));left:10px;font-family:var(--font-display);font-size:11px;letter-spacing:.08em;color:var(--muted);background:#080e20b3;padding:2px 6px;border-radius:6px;z-index:5;pointer-events:none}.fatal{color:var(--danger);font-weight:600}@media(prefers-reduced-motion:reduce){.screen,.replay,.stat-bar__fill,.caption.tone-big{animation:none}}.reduced-motion .screen,.reduced-motion .replay,.reduced-motion .stat-bar__fill,.reduced-motion .caption.tone-big{animation:none}@media(min-width:720px){.play__stage{left:50%;transform:translate(-50%);width:min(100vw,56.25dvh)}.hud-top,.hud-bottom,.replay,.hint{max-width:min(100vw,56.25dvh);left:50%;right:auto;transform:translate(-50%);width:calc(min(100vw,56.25dvh) - 20px)}.replay{width:132px;left:auto;right:calc((100vw - min(100vw,56.25dvh))/2 + 10px);transform:none}}.hud-stack{display:grid;gap:8px;justify-items:end}.option--compact{min-height:48px;justify-content:center;padding:8px 10px}.option--compact .option__title{font-size:15px;line-height:1.1}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#070e2299;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:25;display:flex;align-items:flex-end;justify-content:center;animation:fade-in .18s var(--ease-out)}@keyframes fade-in{0%{opacity:0}}.sheet{width:100%;max-width:560px;display:grid;gap:10px;padding:10px 16px calc(18px + var(--safe-bottom));background:var(--surface);border-top:1px solid var(--line-strong);border-radius:20px 20px 0 0;box-shadow:0 -12px 32px #00000073;animation:sheet-up .24s var(--ease-out)}@keyframes sheet-up{0%{transform:translateY(24px);opacity:.4}}.sheet__grab{width:40px;height:4px;border-radius:999px;background:var(--line-strong);margin:2px auto 6px}.sheet .eyebrow{margin:2px 0 0}.banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 28px;border-radius:14px;background:#080e20eb;border:1px solid var(--gold);color:var(--gold);font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:.14em;text-transform:uppercase;z-index:12;pointer-events:none}.overlay__panel--wide{width:min(420px,100%);text-align:left}.howto{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px;line-height:1.4;color:var(--muted)}.howto__key{color:var(--text);font-family:var(--font-display);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:14px;margin-right:4px}.replay__close{color:var(--muted);font-size:13px;line-height:1;padding:2px 4px;border-radius:6px;min-width:24px;min-height:24px}.replay__close:hover{color:#fff}.character-view{display:block;width:100%;height:100%;border-radius:12px;background:radial-gradient(circle at 50% 35%,rgba(41,216,245,.14),transparent 62%),var(--bg-deep);border:1px solid var(--line)}.character-view--card{width:116px;height:148px}.character-view--hero{width:100%;height:190px}.character-view--fallback{display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:30px;color:#fff;background:var(--team, #345)}.team-logo{display:block;flex:none;border-radius:50%}.team-chip .team-logo{margin:-2px 0}.bottom-nav{grid-template-columns:repeat(5,1fr)}.bottom-nav__tab{font-size:11px;letter-spacing:.06em}.fixture{display:grid;grid-template-columns:22px 26px 1fr auto;align-items:center;gap:10px;padding:8px 12px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:10px;min-height:52px}.fixture.is-win{border-left-color:var(--good)}.fixture.is-loss{border-left-color:var(--danger)}.fixture.is-next{border-color:#29d8f573;border-left-color:var(--accent);background:var(--surface-2)}.fixture__num{font-family:var(--font-display);color:var(--muted-2);font-variant-numeric:tabular-nums;font-size:14px}.fixture__name{font-weight:600;font-size:16px;line-height:1.15}.fixture__meta{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-display)}.fixture__score{font-family:var(--font-display);font-weight:800;font-size:16px;font-variant-numeric:tabular-nums}.fixture__score--pending{color:var(--muted-2)}.table tr.is-you td{color:var(--accent);font-weight:700}.series{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 10px;background:var(--surface-2);border-radius:10px;border:1px solid var(--line)}.series__team{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.04em;color:var(--muted)}.series__team.is-winner{color:var(--text)}.series__team:last-child{text-align:right}.series__score{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted-2)}.trophy{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#f6c3431f;border:1px solid var(--gold);color:var(--gold);font-family:var(--font-display);font-weight:800;letter-spacing:.04em;font-size:17px}.season-strip{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line-strong);width:100%;min-height:48px;text-align:left;transition:background .15s,transform .12s var(--ease-out)}.season-strip:hover{background:var(--surface-3)}.season-strip:active{transform:scale(.985)}.season-strip__label{font-family:var(--font-display);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:15px}.season-strip__record{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--accent);font-variant-numeric:tabular-nums}.season-strip__meta{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-display)}.zoom-reset{position:absolute;left:10px;top:calc(76px + var(--safe-top));display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;background:#080e20eb;border:1px solid var(--line-strong);color:var(--text);font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;z-index:6}.zoom-reset:active{transform:scale(.95)}.screen--home{gap:20px}.screen--home>.note:last-of-type{margin-bottom:4px}.home-bar{display:grid;grid-template-columns:1fr auto 44px;align-items:center;gap:12px;min-height:44px}.home-bar__brand{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hero{position:relative;display:grid;justify-items:center;gap:10px;padding:26px 18px 20px;border-radius:20px;overflow:hidden;background:var(--bg-deep);border:1px solid var(--line)}.hero__wash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% -20%,color-mix(in oklab,var(--team) 55%,transparent),transparent 68%),linear-gradient(180deg,color-mix(in oklab,var(--team) 16%,transparent),transparent 62%);pointer-events:none}.hero__mark,.hero__name,.hero__stats{position:relative}.hero__mark{filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}.hero__name{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,8vw,38px);line-height:1.02;letter-spacing:.01em;text-align:center;margin:0;text-wrap:balance}.hero__stats{display:flex;gap:26px;margin-top:2px}.stat-pair{display:grid;justify-items:center;gap:1px}.stat-pair b{font-family:var(--font-display);font-weight:800;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}.stat-pair i{font-style:normal;font-family:var(--font-display);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.matchup{display:grid;gap:12px}.matchup__teams{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px}.matchup__vs{font-family:var(--font-display);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.matchup__name{font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:.05em;text-transform:uppercase}.block{display:grid;gap:10px}.block__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.block__title,.section-label{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0}.link-btn{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);min-height:32px;padding:0 2px}.link-btn:active{opacity:.7}.face{border-radius:12px;display:block;flex:none;background:linear-gradient(180deg,color-mix(in oklab,var(--team) 35%,#0a1024),#0a1024);border:1px solid var(--line);object-fit:cover}.face--placeholder{display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:17px;color:#fffc}.face-rail{display:grid;grid-auto-flow:column;grid-auto-columns:92px;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity;scrollbar-width:none}.face-rail::-webkit-scrollbar{display:none}.face-card{position:relative;display:grid;justify-items:center;gap:6px;padding:10px 8px 8px;border-radius:14px;background:var(--surface);border:1px solid var(--line);scroll-snap-align:start;transition:transform .14s var(--ease-out),border-color .15s}.face-card:hover{border-color:color-mix(in oklab,var(--team) 55%,var(--line))}.face-card:active{transform:scale(.96)}.face-card__name{font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.04em;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.face-card__ovr{position:absolute;top:6px;right:6px;min-width:24px;padding:1px 5px;border-radius:7px;background:var(--bg-deep);border:1px solid var(--line-strong);font-family:var(--font-display);font-weight:800;font-size:13px;font-variant-numeric:tabular-nums;color:var(--accent)}.team-rail{display:grid;grid-auto-flow:column;grid-auto-columns:62px;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.team-rail::-webkit-scrollbar{display:none}.team-rail__item{display:grid;justify-items:center;gap:4px;padding:8px 4px 6px;border-radius:12px;border:1px solid transparent;font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.08em;color:var(--muted);opacity:.7;transition:opacity .15s,border-color .15s,background .15s}.team-rail__item.is-active{opacity:1;color:var(--text);background:color-mix(in oklab,var(--team) 22%,transparent);border-color:color-mix(in oklab,var(--team) 65%,transparent)}.team-rail__item:disabled{opacity:.28;cursor:not-allowed}.team-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(90deg,color-mix(in oklab,var(--team) 26%,transparent),transparent 70%),var(--surface);border:1px solid var(--line)}.team-head__name{font-family:var(--font-display);font-weight:800;font-size:21px;letter-spacing:.02em;line-height:1.1}.team-head__meta{color:var(--muted);font-size:13px}.pill{padding:5px 10px;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.pill--own{background:#55e08a24;color:var(--good);border:1px solid rgba(85,224,138,.4)}.prow{display:grid;grid-template-columns:46px 1fr auto auto;align-items:center;gap:12px;width:100%;min-height:66px;padding:8px 12px 8px 10px;border-radius:14px;background:var(--surface);border:1px solid var(--line);border-left:3px solid transparent;text-align:left;transition:background .15s,transform .12s var(--ease-out),border-color .15s}.prow.is-starter{border-left-color:var(--team)}.prow:hover{background:var(--surface-2)}.prow:active{transform:scale(.985)}.prow__body{display:grid;gap:2px;min-width:0}.prow__name{font-weight:600;font-size:17px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prow__meta{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.pos-chip{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.1em;padding:3px 8px;border-radius:8px;background:var(--bg-deep);border:1px solid var(--line);color:var(--muted)}.ovr-num{font-family:var(--font-display);font-weight:800;font-size:26px;line-height:1;min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.player-hero{position:relative;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:14px;padding:16px;border-radius:20px;overflow:hidden;background:var(--bg-deep);border:1px solid var(--line)}.player-hero__wash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(90% 80% at 22% 10%,color-mix(in oklab,var(--team) 46%,transparent),transparent 70%);pointer-events:none}.player-hero__id{position:relative;display:grid;gap:4px}.player-hero__number{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:.1em;color:#ffffffb8}.player-hero__number:before{content:"#";opacity:.7}.player-hero__name{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,7vw,32px);line-height:1.03;margin:0;text-wrap:balance}.player-hero__meta{color:var(--muted);font-size:13px;line-height:1.35}.player-hero__ovr{justify-self:start;margin-top:6px;padding:4px 12px;border-radius:10px;background:color-mix(in oklab,var(--team) 30%,var(--bg-deep));border:1px solid color-mix(in oklab,var(--team) 60%,transparent);font-family:var(--font-display);font-weight:800;font-size:26px;line-height:1;font-variant-numeric:tabular-nums}.character-view--hero{height:176px;border:0;background:none}.coach-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.coach-row.is-active{border-color:color-mix(in oklab,var(--team) 60%,transparent);background:linear-gradient(90deg,color-mix(in oklab,var(--team) 18%,transparent),transparent 65%),var(--surface)}.coach-row__mark{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--bg-deep);border:1px solid var(--line);color:var(--team-2)}.coach-row__name{font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:.04em}.coach-row__blurb{color:var(--muted);font-size:13px;line-height:1.35}.final{position:relative;display:grid;gap:12px;justify-items:center;padding:18px 16px;border-radius:20px;background:var(--bg-deep);border:1px solid var(--line);overflow:hidden}.final__badge{font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.2em;text-transform:uppercase;padding:4px 14px;border-radius:999px}.final__badge.is-win{color:var(--good);background:#55e08a24;border:1px solid rgba(85,224,138,.45)}.final__badge.is-loss{color:var(--danger);background:#ff5c6c1f;border:1px solid rgba(255,92,108,.4)}.final__line{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;align-items:center}.final__side{display:flex;align-items:center;gap:8px}.final__side--right{justify-content:flex-end}.final__team{font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.final__score{font-family:var(--font-display);font-weight:800;font-size:40px;line-height:1;font-variant-numeric:tabular-nums}.final__coins{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;color:var(--gold);letter-spacing:.06em}.stat-tile__sep{color:var(--muted-2);font-size:14px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}@media(prefers-reduced-motion:reduce){.face-card,.prow,.team-rail__item{transition:none}}.stick-zone{position:absolute;left:14px;bottom:calc(96px + var(--safe-bottom));width:132px;height:132px;z-index:7;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out)}.stick-zone.is-live{opacity:1;pointer-events:auto}.joystick .back{box-sizing:border-box;border:1.5px solid rgba(41,216,245,.45);box-shadow:inset 0 1px #ffffff14,0 4px 14px #00000059}.joystick .front{opacity:.92!important;box-shadow:0 2px 12px #00000073}.action-stack{position:absolute;right:14px;bottom:calc(152px + var(--safe-bottom));display:grid;gap:8px;z-index:7}.action-btn{min-width:92px;min-height:52px;padding:0 16px;border-radius:999px;background:#080e20eb;border:1px solid var(--line-strong);color:var(--text);font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 6px 16px #0006;transition:transform .12s var(--ease-out),background .15s}.action-btn:active{transform:scale(.94)}.action-btn--primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.action-btn:disabled{opacity:.45;cursor:not-allowed}.play:has(.stick-zone.is-live) .hud-bottom{bottom:calc(10px + var(--safe-bottom))}.screen--dev{gap:12px;padding-bottom:calc(24px + var(--safe-bottom))}.dev-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.dev-label{font-family:var(--font-display);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.dev-select{font:inherit;padding:8px 10px;border-radius:10px;background:var(--bg-deep);color:var(--text);border:1px solid var(--line-strong);min-height:44px;width:100%}.dev-note{color:var(--muted);font-size:13px;margin:0;font-variant-numeric:tabular-nums}.dev-note--bad{color:var(--danger)}.dev-chips{display:flex;flex-wrap:wrap;gap:6px}.dev-chip{min-height:36px;padding:0 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.dev-chip.is-on{background:#29d8f529;border-color:var(--accent);color:var(--text)}.dev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.dev-grid--wide{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.dev-face{display:grid;justify-items:center;gap:2px;padding:8px 4px;border-radius:10px;background:var(--surface);border:1px solid var(--line)}.dev-face.is-bad{border-color:var(--danger);background:#ff5c6c1a}.dev-face img{border-radius:8px;background:var(--bg-deep)}.dev-face__pending{width:72px;height:72px;display:grid;place-items:center;border-radius:8px;background:var(--bg-deep);color:var(--muted-2);font-size:12px}.dev-face__name{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.04em;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-face__meta{color:var(--muted-2);font-size:10px;letter-spacing:.04em}.dev-face__err{color:var(--danger);font-size:9px;text-align:center}.dev-scroll{overflow-x:auto;border-radius:10px;border:1px solid var(--line)}.dev-table{min-width:720px;font-size:12px}.dev-table td,.dev-table th{padding:6px 5px;white-space:nowrap}.dev-stage{width:100%;height:300px;border-radius:12px;background:radial-gradient(circle at 50% 30%,rgba(41,216,245,.12),transparent 62%),var(--bg-deep);border:1px solid var(--line);display:block}.dev-row input[type=range]{width:100%;accent-color:var(--accent);min-height:44px}.dev-grid--kits{grid-template-columns:repeat(auto-fill,minmax(116px,1fr))}.dev-grid--kits img{width:104px;height:104px}