:root{--pitch: #17130d;--pitch-stripe: #15110b;--pitch-deep: #100c08;--pitch-edge: #080603;--chalk: #f0e7d3;--chalk-dim: rgba(240, 231, 211, .6);--chalk-faint: rgba(240, 231, 211, .14);--slate: #1f1810;--slate-2: #271f15;--slate-3: #322819;--slate-line: rgba(240, 231, 211, .14);--board-edge: rgba(240, 231, 211, .1);--ball: #ff2e63;--ball-deep: #e21d4e;--ball-ink: #20060f;--teal: #2f6bff;--teal-deep: #1c4fe0;--teal-ink: #eaf0ff;--p1: #ff6b6b;--p2: #ffa83d;--p3: #ffd24a;--p4: #9ee43b;--p5: #34d399;--p6: #3ad6c0;--p7: #38bdf8;--p8: #5a8cff;--p9: #8c6cff;--p10: #c46cff;--p11: #e857c4;--p12: #ff5fa2;--p13: #ff7a3d;--p14: #cda35c;--p15: #66d9c2;--p16: #8ec5ff;--p17: #f06292;--p18: #aed581;--p19: #4dd0e1;--p20: #ba68c8;--dot-ai: #7e8a99;--dot-empty: #586a5c;--paper: #ece1c8;--paper-2: #ddcfae;--paper-ink: #1a140c;--bone: #ece1c8;--gold: #e8b73e;--grass-bright: #57c98a;--card-yellow: #ffce3a;--kit-home: #b3122b;--kit-home-2: #ffffff;--kit-home-ink: #ffffff;--kit-away: #1f4ea3;--kit-away-2: #ffffff;--kit-away-ink: #ffffff;--display: "Anton", "Arial Narrow", "Arial Black", system-ui, sans-serif;--body: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Courier Prime", "Courier New", "SFMono-Regular", ui-monospace, monospace;--t-mega: clamp(3.6rem, 12.5vw, 9.5rem);--t-h1: clamp(2.3rem, 6vw, 4.4rem);--t-h2: clamp(1.6rem, 3.4vw, 2.6rem);--t-h3: 1.3rem;--t-body: 1.0625rem;--t-small: .8125rem;--t-eyebrow: .72rem;--r-lg: 0px;--r-md: 0px;--r-sm: 0px;--gap: clamp(1rem, 2.2vw, 1.75rem);--shadow-card: 4px 5px 0 rgba(0, 0, 0, .5);--shadow-lift: 7px 9px 0 rgba(0, 0, 0, .55);--ease: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--halftone: radial-gradient(rgba(240, 231, 211, .05) 22%, transparent 23%)}*,*:before,*:after{box-sizing:border-box}#ui{position:fixed;inset:0;z-index:10;font-family:var(--body);color:var(--chalk);font-size:var(--t-body);line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}#ui.is-hidden{opacity:0;pointer-events:none}#ui h1,#ui h2,#ui h3{font-family:var(--display);font-weight:400;line-height:.92;letter-spacing:.01em;text-transform:uppercase;margin:0}#ui p{margin:0}:where(#ui) button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}#ui :focus-visible{outline:3px solid var(--ball);outline-offset:2px;border-radius:0}#ui .nav-focus{outline:3px solid var(--ball);outline-offset:2px;border-radius:0;box-shadow:0 0 0 6px color-mix(in srgb,var(--ball) 28%,transparent)}.reduce-motion .nav-focus{box-shadow:none}.subs-overlay .subs-row.sel{outline:3px solid var(--ball);outline-offset:2px;box-shadow:0 0 0 6px color-mix(in srgb,var(--ball) 28%,transparent)}.reduce-motion .subs-overlay .subs-row.sel{box-shadow:none}.subs-overlay .subs-row.pending{opacity:.55}.pitch-bg{position:absolute;inset:0;z-index:0;overflow:hidden;background-color:var(--pitch);background-image:radial-gradient(120% 90% at 16% -12%,rgba(240,231,211,.05),transparent 52%),var(--halftone),var(--halftone);background-size:auto,7px 7px,7px 7px;background-position:0 0,0 0,3.5px 3.5px}.pitch-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(135% 115% at 50% 40%,transparent 30%,var(--pitch-edge) 100%),linear-gradient(180deg,#08060347,#08060375);mix-blend-mode:multiply;opacity:.96}.pitch-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.28}.pitch-lines path,.pitch-lines circle,.pitch-lines line,.pitch-lines rect{fill:none;stroke:var(--chalk);stroke-width:2.2;stroke-opacity:.4;stroke-linecap:round;vector-effect:non-scaling-stroke}.kit-wash{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s var(--ease);background:linear-gradient(90deg,color-mix(in srgb,var(--kit-home) 60%,transparent),transparent 42%),linear-gradient(270deg,color-mix(in srgb,var(--kit-away) 60%,transparent),transparent 42%);mix-blend-mode:soft-light}.kit-wash.on{opacity:.9}.screen{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;padding:clamp(1.1rem,3.5vh,2.6rem) clamp(1.1rem,4vw,3.5rem);padding:max(clamp(1.1rem,3.5vh,2.6rem),env(safe-area-inset-top)) max(clamp(1.1rem,4vw,3.5rem),env(safe-area-inset-right)) max(clamp(1.1rem,3.5vh,2.6rem),env(safe-area-inset-bottom)) max(clamp(1.1rem,4vw,3.5rem),env(safe-area-inset-left));overflow-y:auto}.screen[hidden]{display:none}.screen.enter{animation:deal-in .42s var(--ease) both}@keyframes deal-in{0%{opacity:0;transform:translateY(10px) rotate(-.6deg)}}.stack{display:flex;flex-direction:column;gap:var(--gap)}.center{margin:auto;width:min(100%,1080px)}.eyebrow{font-family:var(--mono);font-size:var(--t-eyebrow);font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--chalk-dim);display:inline-flex;align-items:center;gap:.5em}.eyebrow:before{content:"";width:1.6em;height:2px;background:var(--ball);border-radius:2px}.ball{--r: 1em;width:var(--r);height:var(--r);border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--paper) 0 62%,var(--paper-2) 100%);box-shadow:inset 0 0 0 1.5px var(--ball-ink);position:relative;flex:none}.ball-svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}.ball-panels{fill:var(--ball-ink);opacity:.82}.ball-seams{fill:none;stroke:var(--ball-ink);stroke-width:2.2;stroke-linecap:round;opacity:.38}.ball-spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55em;padding:.7em 1.4em;border-radius:0;font-family:var(--display);font-weight:400;font-size:1.18rem;letter-spacing:.03em;text-transform:uppercase;background:var(--slate-2);color:var(--chalk);box-shadow:inset 0 0 0 1.5px var(--chalk-faint),3px 3px #00000080;transition:transform .1s var(--ease),background .1s var(--ease),box-shadow .1s var(--ease)}.btn:hover{background:var(--slate-3);transform:translate(-1px,-1px);box-shadow:inset 0 0 0 1.5px var(--chalk-faint),5px 6px #0000008c}.btn:active{transform:translate(3px,3px);box-shadow:inset 0 0 0 1.5px var(--chalk-faint),0 0 #00000080}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed}.btn:disabled:hover,.btn[disabled]:hover{transform:none;box-shadow:inset 0 0 0 1.5px var(--chalk-faint),3px 3px #00000080}.btn-cta:disabled:hover,.btn-cta[disabled]:hover{background:var(--ball);box-shadow:inset 0 0 0 1.5px var(--ball-ink),4px 4px #0000008c}.btn-cta{background:var(--ball);color:var(--ball-ink);box-shadow:inset 0 0 0 1.5px var(--ball-ink),4px 4px #0000008c;font-size:1.35rem;padding:.74em 1.7em}.btn-cta:hover{background:#ff5781;transform:translate(-1px,-1px);box-shadow:inset 0 0 0 1.5px var(--ball-ink),6px 7px #0009}.btn-cta:active{transform:translate(4px,4px);box-shadow:inset 0 0 0 1.5px var(--ball-ink),0 0 #0000008c}.btn-ghost{background:transparent;box-shadow:inset 0 0 0 1.5px var(--chalk-faint),3px 3px #0006}.btn-ghost:hover{background:#f0e7d30f}.btn-sm{padding:.42em .85em;font-size:.95rem;letter-spacing:.02em;box-shadow:inset 0 0 0 1.5px var(--chalk-faint),2px 2px #00000073}.btn-sm:hover{transform:translate(-1px,-1px);box-shadow:inset 0 0 0 1.5px var(--chalk-faint),3px 4px #00000080}.key{font-family:var(--mono);font-size:.78em;font-weight:700;padding:.18em .5em;border-radius:0;background:var(--slate);box-shadow:inset 0 0 0 1px var(--slate-line),0 2px #0006;color:var(--chalk);white-space:nowrap}.panel{position:relative;background:var(--slate);border-radius:0;box-shadow:var(--shadow-card),inset 0 0 0 1.5px var(--board-edge);padding:clamp(1.1rem,2.5vw,1.9rem)}.scoreboard{display:inline-flex;align-items:stretch;gap:3px;background:var(--pitch-deep);border-radius:0;padding:5px;box-shadow:var(--shadow-card),inset 0 0 0 1.5px var(--slate-line);font-family:var(--mono)}.flap{background:var(--slate);color:var(--ball);font-weight:700;font-size:clamp(1.4rem,4vw,2.6rem);padding:.12em .3em;border-radius:0;min-width:1.2em;text-align:center;box-shadow:inset 0 0 0 1px var(--slate-line)}.bar{height:8px;border-radius:0;background:var(--slate);box-shadow:inset 0 0 0 1px var(--slate-line);overflow:hidden}.bar>i{display:block;height:100%;border-radius:0;background:var(--ball)}.row{display:flex;align-items:center;gap:var(--gap)}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.muted{color:var(--chalk-dim)}.mono{font-family:var(--mono)}.soon{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;padding:.25em .55em;border-radius:0;color:var(--ball);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ball) 50%,transparent)}.title-screen{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto;padding:clamp(1.1rem,3.5vh,2.4rem) clamp(1.1rem,5vw,4rem)}.hud-left{position:fixed;top:clamp(.8rem,2.4vh,1.5rem);left:clamp(.8rem,2.4vw,1.5rem);z-index:42;display:flex;align-items:center;gap:.6rem;pointer-events:none}.hud-left>*{pointer-events:auto}.topbar-centered{position:relative;display:flex;align-items:center;justify-content:center;min-height:2.4rem}.topbar-centered .topbar-title{margin:0;text-align:center}.topbar-centered .topbar-head{text-align:center}.topbar-centered .topbar-head .topbar-title{margin-top:.2rem}.topbar-centered .topbar-back{position:absolute;right:0;top:50%;transform:translateY(-50%)}.mm-dock{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:99px;font-family:var(--body);font-weight:700;font-size:.95rem;line-height:1;letter-spacing:.01em;color:var(--ball-ink);background:var(--ball);border:2px solid var(--paper-ink);box-shadow:3px 3px #00000080;cursor:pointer;transition:transform .15s var(--ease),background .15s var(--ease)}.mm-dock:hover{transform:translateY(-1px)}.mm-dock:active{transform:translateY(1px);box-shadow:1px 1px #00000080}.mm-dock.searching{color:var(--chalk);background:var(--slate-2);border-color:var(--slate-line)}.mm-counter{min-width:2.8ch;text-align:center;font-size:.85rem;color:var(--chalk-dim)}.mm-sheet{z-index:46}@media(max-width:540px){.mm-dock .mm-label{display:none}}.title-hero{align-self:center;display:flex;flex-direction:column;gap:1.1rem;max-width:760px}.wordmark{align-self:flex-start}.scarf{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:.05em;padding:.7rem 1.6rem .85rem;margin:.4rem 0 1.5rem;background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(26,20,12,.05) 6px 7px),var(--paper);box-shadow:inset 0 8px 0 var(--ball),inset 0 -8px 0 var(--teal),inset 0 0 0 2px var(--paper-ink),7px 8px #00000080;transform:rotate(-1.6deg)}.scarf-line{display:block;font-family:var(--display);font-size:var(--t-mega);line-height:.84;letter-spacing:.02em;text-transform:uppercase;color:var(--paper-ink);text-shadow:3px 0 0 color-mix(in srgb,var(--ball) 62%,transparent),-2px 2px 0 color-mix(in srgb,var(--teal) 58%,transparent)}.scarf:after{content:"";position:absolute;left:8px;right:8px;bottom:-10px;height:11px;background:repeating-linear-gradient(90deg,var(--paper) 0 5px,transparent 5px 9px)}@keyframes bob{50%{transform:translateY(-12%)}}.tagline{font-size:clamp(1.05rem,2vw,1.3rem);max-width:32ch;color:var(--chalk-dim)}.title-foot{font-size:var(--t-small);letter-spacing:.06em}.build-tag{display:block;margin-top:.35rem;opacity:.6;font-size:var(--t-eyebrow);letter-spacing:.02em}.chip{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .85rem .4rem .4rem;border-radius:99px;background:var(--slate-2);color:var(--chalk);box-shadow:inset 0 0 0 1px var(--slate-line);transition:transform .18s var(--ease),background .18s var(--ease)}.chip:hover{background:var(--slate-3);transform:translateY(-1px)}.chip-avatar{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;color:var(--ball-ink);background:linear-gradient(180deg,var(--ball),var(--ball-deep))}.chip-meta{display:flex;flex-direction:column;line-height:1.1;text-align:left;min-width:0}.chip-name{font-weight:600;max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-lv{font-size:.66rem;letter-spacing:.16em;color:var(--chalk-dim)}.mode-section{display:flex;flex-direction:column;gap:.7rem}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap)}.tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:172px;padding:1.05rem 1.15rem;text-align:left;overflow:hidden;color:var(--chalk);background-color:var(--slate);background-image:linear-gradient(to top,#080603eb 6%,#08060373 42%,#08060300 74%),var(--art, none),linear-gradient(135deg,color-mix(in srgb,var(--ball) 62%,#000),color-mix(in srgb,var(--teal) 62%,#000));background-size:cover,cover,cover;background-position:center,center,center;background-repeat:no-repeat;box-shadow:var(--shadow-card),inset 0 0 0 1.5px var(--board-edge);transition:transform .16s var(--ease),box-shadow .16s var(--ease)}button.tile:hover,button.tile.nav-focus{transform:translate(-2px,-2px);box-shadow:var(--shadow-lift),inset 0 0 0 2px var(--ball)}.tile-body{display:flex;flex-direction:column;gap:.3rem;text-shadow:0 1px 3px rgba(0,0,0,.75)}.tile-body p{font-size:.9rem}.tile-go{font-family:var(--mono);font-size:.78rem;font-weight:700;letter-spacing:.08em;color:var(--ball);display:inline-flex;align-items:center;gap:.35em}@media(max-width:560px){.tile-grid{grid-template-columns:1fr}}.seg{display:inline-flex;flex-wrap:wrap;gap:3px;padding:3px;border-radius:11px;background:var(--slate);box-shadow:inset 0 0 0 1px var(--slate-line)}.seg-btn{font-family:var(--mono);font-size:.8rem;font-weight:600;padding:.45em .85em;border-radius:8px;cursor:pointer;color:var(--chalk-dim);transition:background .15s var(--ease),color .15s var(--ease),transform .08s var(--ease),box-shadow .15s var(--ease)}.seg-btn:hover{color:var(--chalk);background:color-mix(in srgb,var(--chalk) 8%,transparent)}.seg-btn:active{transform:scale(.93)}.seg-btn.on{background:linear-gradient(180deg,var(--ball),var(--ball-deep));color:var(--ball-ink);box-shadow:0 2px 8px color-mix(in srgb,var(--ball) 35%,transparent)}.seg-btn.on:hover{background:linear-gradient(180deg,var(--ball),var(--ball-deep))}.stepper{display:flex;align-items:stretch;width:100%;background:var(--slate);box-shadow:inset 0 0 0 1.5px var(--slate-line)}.step-arrow{flex:none;width:2.8rem;display:grid;place-items:center;color:var(--chalk);background:var(--slate-3);box-shadow:inset 0 0 0 1px var(--slate-line);transition:background .12s var(--ease),color .12s var(--ease),transform .08s var(--ease)}.step-arrow:hover:not(:disabled){background:var(--ball);color:var(--ball-ink)}.step-arrow:active:not(:disabled){transform:translateY(1px)}.step-arrow:disabled{opacity:.3;cursor:not-allowed}.step-val{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:.5em .6em;min-height:2.8rem;font-family:var(--display);font-size:1.2rem;letter-spacing:.03em;text-transform:uppercase;color:var(--ball);white-space:nowrap}.step-desc{margin-top:.55rem;font-size:.82rem;line-height:1.35;min-height:2.4em}.ts-stage{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:clamp(.6rem,2vw,1.4rem)}.ts-panel{display:flex;flex-direction:column;gap:.9rem;padding:1.2rem;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--slate-2),var(--slate));box-shadow:var(--shadow-card),inset 0 0 0 1px var(--board-edge),inset 0 1px #f3f7ee0f}.ts-home{box-shadow:var(--shadow-card),inset 0 0 0 1px var(--slate-line),inset 4px 0 0 var(--kit-home)}.ts-away{box-shadow:var(--shadow-card),inset 0 0 0 1px var(--slate-line),inset -4px 0 0 var(--kit-away)}.ts-cycle{display:inline-flex;gap:4px}.cyc{width:2rem;height:2rem;border-radius:8px;font-size:1.2rem;line-height:1;cursor:pointer;background:var(--slate-3);color:var(--chalk);box-shadow:inset 0 0 0 1px var(--slate-line);transition:background .15s var(--ease),transform .1s var(--ease)}.cyc:hover{background:var(--ball);color:var(--ball-ink)}.cyc:active{transform:scale(.9)}.ts-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem}.crest{width:3.4rem;height:3.4rem;border-radius:16px 16px 18px 18px/16px 16px 22px 22px;display:grid;place-items:center;background:linear-gradient(160deg,var(--c),color-mix(in srgb,var(--c) 70%,#000));box-shadow:inset 0 0 0 2px #ffffff59,0 6px 14px -6px #0009}.crest-abbr{font-family:var(--display);font-weight:800;font-size:.95rem;letter-spacing:.02em;color:#fff;mix-blend-mode:difference}.flag{height:1em;width:auto;border-radius:2px;box-shadow:0 0 0 1px #0000004d;vertical-align:-.12em}.crest-flag{background:color-mix(in srgb,var(--ink, #0c1f14) 60%,#000);overflow:hidden}.crest-flag .flag{width:100%;height:100%;border-radius:inherit;box-shadow:none;object-fit:cover}.xi-flag{height:.82em;margin-right:.45em;vertical-align:-.02em}.ts-name{font-size:clamp(1.15rem,2.2vw,1.6rem)}.ts-sub{font-size:.74rem;letter-spacing:.04em;margin-top:.15rem}.ts-ovr{display:flex;flex-direction:column;align-items:center;line-height:1}.ts-ovr-n{font-size:2.1rem;font-weight:700;color:var(--ball)}.ts-bars{display:flex;flex-direction:column;gap:.45rem}.ts-bar-row{display:grid;grid-template-columns:2.2rem 1fr 1.8rem;align-items:center;gap:.6rem}.ts-bar-lbl{font-size:.7rem;letter-spacing:.12em;color:var(--chalk-dim)}.ts-bar-val{font-size:.78rem;text-align:right;color:var(--chalk-dim)}.ts-foot{margin-top:auto}.ts-star{font-size:.9rem}.star-mark{color:var(--gold)}.ts-vs{display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:clamp(1.2rem,3vw,2rem);color:var(--chalk-dim);letter-spacing:.04em}.ts-controls{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap}.ts-diff{display:flex;flex-direction:column;gap:.5rem}.ts-opts{display:flex;flex-direction:column;gap:.9rem}.ts-pads{font-size:.78rem;letter-spacing:.02em}.ts-pads.warn{color:var(--ball)}.ts-cta:disabled{opacity:.45;cursor:not-allowed}.ts-cta{background:linear-gradient(180deg,var(--kit-home),color-mix(in srgb,var(--kit-home) 72%,#000))!important;color:var(--kit-home-ink)!important;box-shadow:0 12px 26px -10px color-mix(in srgb,var(--kit-home) 60%,#000),inset 0 1px #ffffff4d!important}@media(max-width:760px){.ts-stage{grid-template-columns:1fr}.ts-vs{padding:.3rem 0}}.ts-meta{font-size:.72rem;letter-spacing:.03em;margin-top:.15rem}.ts-tags{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.tag{font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.32em .62em;border-radius:7px;color:var(--chalk-dim);background:var(--slate);box-shadow:inset 0 0 0 1px var(--slate-line);display:inline-flex;align-items:center;gap:.4em}.tag-form{color:var(--chalk)}.tag-style{color:var(--ball);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ball) 45%,transparent)}.form-pick{display:inline-flex;align-items:center;gap:.25rem;padding:.18rem .22rem;border-radius:8px;background:var(--slate);box-shadow:inset 0 0 0 1px var(--slate-line)}.form-pick-lbl{font-size:.72rem;font-weight:700;letter-spacing:.06em;min-width:3.1rem;text-align:center;color:var(--chalk)}.cyc-mini{width:1.45rem;height:1.45rem;flex:none;border-radius:6px;display:grid;place-items:center;background:var(--slate-3);color:var(--chalk-dim);box-shadow:inset 0 0 0 1px var(--slate-line);transition:background .15s var(--ease),color .15s var(--ease)}.cyc-mini:hover{background:var(--ball);color:var(--ball-ink)}.form-pitch{width:100%;height:92px;border-radius:var(--r-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--pitch) 34%,var(--slate)),var(--slate));box-shadow:inset 0 0 0 1px var(--slate-line);display:block}.form-pitch .ln{stroke:var(--chalk-faint);stroke-width:1;fill:none}.form-pitch .dot{stroke:#00000073;stroke-width:.6}.form-pitch .gk{fill:var(--ball)}.setup-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.9rem,2vw,1.5rem)}@media(max-width:760px){.setup-controls{grid-template-columns:1fr}}.setup-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.85rem .85rem .85rem 1.2rem;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--slate-2),var(--slate));box-shadow:var(--shadow-card),inset 0 0 0 1px var(--board-edge),inset 0 1px #f3f7ee0f}.assign{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.8rem}.who{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border-radius:99px;background:var(--slate);box-shadow:inset 0 0 0 1px var(--slate-line);color:var(--chalk-dim);white-space:nowrap}.who.warn{color:var(--ball);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ball) 45%,transparent)}.who b{color:var(--chalk);font-weight:600}.setup-bar .ts-cta{font-size:1.18rem;padding:.9em 1.8em;flex:none}.setup-sum{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}@media(max-width:680px){.setup-sum{display:none}}.sheet{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:1.2rem;background:#06100a9e;backdrop-filter:blur(3px);animation:deal-in .25s var(--ease) both}.sheet-card{width:min(100%,460px);max-height:84vh;max-height:84dvh;overflow-y:auto}.xi{margin-top:.9rem;display:flex;flex-direction:column}.xi-row{display:grid;grid-template-columns:2rem 2.6rem 1fr auto;align-items:center;gap:.7rem;padding:.4rem .2rem;border-bottom:1px solid var(--slate-line)}.xi-num{color:var(--ball);font-weight:700}.xi-pos{color:var(--chalk-dim);font-size:.78rem}.xi-ovr{font-weight:700}.ts-hint{font-size:.74rem;letter-spacing:.01em;margin-top:.1rem;min-height:1.05em}.cyc-browse{width:auto;padding:0 .6rem;font-family:var(--mono);font-size:.72rem;font-weight:600;letter-spacing:.04em}.tp-card{width:min(100%,720px);display:flex;flex-direction:column;gap:.9rem}.tp-search{position:sticky;top:0;z-index:1}.tp-input{width:100%;font-family:var(--mono);font-size:.9rem;color:var(--chalk);padding:.7em .9em;border-radius:10px;background:var(--slate-3);box-shadow:inset 0 0 0 1px var(--slate-line);transition:box-shadow .15s var(--ease)}.tp-input::placeholder{color:var(--chalk-dim)}.tp-input:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ball)}.tp-cats{display:flex;flex-wrap:wrap;gap:.4rem}.tp-cat{font-family:var(--mono);font-size:.72rem;font-weight:600;white-space:nowrap;padding:.4em .8em;border-radius:999px;cursor:pointer;color:var(--chalk-dim);background:var(--slate);box-shadow:inset 0 0 0 1px var(--slate-line);transition:background .15s var(--ease),color .15s var(--ease),transform .08s var(--ease),box-shadow .15s var(--ease)}.tp-cat:hover{color:var(--chalk);background:var(--slate-2)}.tp-cat:active{transform:scale(.93)}.tp-cat.on{background:linear-gradient(180deg,var(--ball),var(--ball-deep));color:var(--ball-ink);box-shadow:0 2px 8px color-mix(in srgb,var(--ball) 35%,transparent)}.tp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.55rem;overflow-y:auto;max-height:56vh;max-height:56dvh;padding-right:.2rem}.tp-tile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;text-align:left;padding:.6rem .75rem;border-radius:var(--r-md);background:var(--slate);box-shadow:inset 0 0 0 1px var(--slate-line);transition:background .13s var(--ease),box-shadow .13s var(--ease),transform .13s var(--ease)}.tp-tile:hover:not(:disabled){background:var(--slate-2);transform:translateY(-1px)}.tp-tile.sel{box-shadow:inset 0 0 0 2px var(--ball);background:color-mix(in srgb,var(--ball) 14%,var(--slate))}.tp-tile:disabled{opacity:.4;cursor:not-allowed}.tp-tile .crest{width:2.4rem;height:2.4rem}.tp-tile .crest-abbr{font-size:.7rem}.tp-info{display:flex;flex-direction:column;min-width:0}.tp-tname{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-meta{font-size:.68rem;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-tovr{font-weight:700;font-size:1.1rem;color:var(--ball)}.tp-empty{grid-column:1 / -1;text-align:center;padding:2rem 0}.lob-choose{display:grid;gap:var(--gap)}.lob-room{display:flex;flex-direction:column;gap:1rem}.room-code{font-size:clamp(2.4rem,7vw,3.4rem);font-weight:700;letter-spacing:.3em;color:var(--teal);margin-top:.2rem}.lob-teams{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.lob-team{background:var(--slate);border-radius:var(--r-md);padding:.8rem .9rem;box-shadow:inset 0 0 0 1px var(--slate-line)}.lob-team-name{font-family:var(--display);font-weight:700;font-size:1.1rem;margin-top:.3rem}.lob-id{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;border-radius:var(--r-md);background:var(--slate);box-shadow:inset 0 0 0 1px var(--slate-line)}.lob-id.ready{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--grass-bright) 55%,transparent)}.lob-state{margin-left:auto;font-size:.7rem;letter-spacing:.14em;color:var(--chalk-dim)}.lob-id.ready .lob-state{color:var(--grass-bright)}.code-entry{font-size:clamp(2rem,8vw,3rem);font-weight:700;letter-spacing:.5em;text-align:center;padding:.6rem 0;color:var(--chalk)}.osk{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:.8rem}.osk-display{min-height:2.2rem;min-width:6ch;padding:.3rem 1rem;font-size:1.5rem;font-weight:700;letter-spacing:.16em;color:var(--chalk);background:var(--slate);border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--slate-line);text-align:center}.osk-row{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.osk-actions{margin-top:4px}.osk-key{font-family:var(--mono);font-size:.95rem;font-weight:600;min-width:2.1rem;padding:.5em .2em;display:inline-flex;align-items:center;justify-content:center;gap:.25em;color:var(--chalk-dim);background:var(--slate-2);border-radius:8px;box-shadow:inset 0 0 0 1px var(--slate-line);transition:background .12s var(--ease),color .12s var(--ease)}.osk-key:hover{background:var(--slate-3);color:var(--chalk)}.osk-key.on{background:linear-gradient(180deg,var(--ball),var(--ball-deep));color:var(--ball-ink)}.osk-wide{min-width:3.6rem;padding-inline:.7em}.osk-submit{padding:.5em 1.1em}@media(pointer:coarse){.osk-key{min-width:2.75rem;min-height:2.75rem}}@media(max-width:560px){.lob-teams{grid-template-columns:1fr}}.set-group{display:flex;flex-direction:column;gap:.2rem}.set-group>.eyebrow{margin-bottom:.7rem}.set-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-top:1px solid var(--slate-line)}.set-group>.eyebrow+.set-row{border-top:none}.set-text{min-width:0}.set-label{font-weight:600}.set-text p{font-size:.82rem;margin-top:.1rem}.switch{width:3.2rem;height:1.8rem;border-radius:99px;background:var(--slate-3);box-shadow:inset 0 0 0 1px var(--slate-line);position:relative;flex:none;transition:background .2s var(--ease)}.switch.on{background:linear-gradient(180deg,var(--ball),var(--ball-deep))}.switch-dot{position:absolute;top:3px;left:3px;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--chalk);box-shadow:0 2px 4px #0006;transition:transform .2s var(--ease)}.switch.on .switch-dot{transform:translate(1.4rem)}.slider{-webkit-appearance:none;appearance:none;width:9rem;height:7px;border-radius:99px;background:var(--slate-3);box-shadow:inset 0 0 0 1px var(--slate-line)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:1.3rem;height:1.3rem;border-radius:50%;background:linear-gradient(180deg,var(--ball),var(--ball-deep));cursor:pointer;box-shadow:0 2px 5px #0006}.slider::-moz-range-thumb{width:1.3rem;height:1.3rem;border:none;border-radius:50%;background:var(--ball);cursor:pointer}.zoom-val{min-width:3.2rem;font-size:.85rem;color:var(--chalk-dim)}.id-card{display:flex;align-items:center;gap:1.2rem}.id-avatar{width:4.6rem;height:4.6rem;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:2rem;color:var(--ball-ink);background:linear-gradient(180deg,var(--ball),var(--ball-deep));box-shadow:0 8px 18px -8px var(--ball-deep);flex:none}.id-main{flex:1;min-width:0}.name-input{font-family:var(--display);font-weight:800;font-size:clamp(1.4rem,3vw,2rem);color:var(--chalk);background:transparent;border:none;border-bottom:2px dashed var(--slate-line);padding:.1rem 0;width:100%}.name-input:focus{outline:none;border-bottom-color:var(--ball)}.name-edit{display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left}.name-edit>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-edit svg{flex:none;opacity:.5}.name-edit:hover{border-bottom-color:var(--ball)}.lvl-row{display:flex;align-items:center;gap:.7rem;margin-top:.7rem}.lvl-badge{font-weight:700;font-size:.8rem;padding:.25em .6em;border-radius:7px;background:var(--slate-3);color:var(--ball);box-shadow:inset 0 0 0 1px var(--slate-line)}.lvl-badge.pop{background:linear-gradient(180deg,var(--gold),#e6a51f);color:var(--ball-ink);animation:pop .6s var(--ease) both}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15)}}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:.9rem}.stat{background:var(--slate);border-radius:var(--r-md);padding:.8rem .6rem;text-align:center;box-shadow:inset 0 0 0 1px var(--slate-line)}.stat-v{display:block;font-size:1.4rem;font-weight:700;color:var(--chalk)}.stat-l{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--chalk-dim)}@media(max-width:560px){.stat-grid{grid-template-columns:repeat(2,1fr)}.id-card{flex-direction:column;text-align:center}}.squad-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:1.1rem;align-items:start}.squad-list{max-height:70vh;max-height:70dvh;overflow-y:auto}.sq-row{display:grid;grid-template-columns:2.1rem 2.6rem 1fr auto;align-items:center;gap:.6rem;width:100%;padding:.5rem .45rem;border:none;border-bottom:1px solid var(--slate-line);background:transparent;color:var(--chalk);text-align:left;cursor:pointer;border-radius:var(--r-sm);font:inherit}.sq-row:hover{background:#f3f7ee0a}.sq-row-on{background:#ff8a3d1f;box-shadow:inset 2px 0 0 var(--ball)}.sq-row-num{color:var(--ball);font-weight:700}.sq-row-pos{color:var(--chalk-dim);font-size:.76rem}.sq-row-name{display:inline-flex;align-items:center;gap:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sq-row-ovr{font-weight:700}.sq-sub{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;color:var(--chalk-dim);border:1px solid var(--slate-line);border-radius:99px;padding:0 .4em;margin-left:.4rem}.sq-you{font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.1em;color:var(--pitch);background:var(--ball);border-radius:99px;padding:0 .45em;margin-left:.4rem}.sq-chip{display:inline-flex;align-items:baseline;gap:.35rem;background:var(--slate);border-radius:99px;padding:.2rem .6rem;box-shadow:inset 0 0 0 1px var(--slate-line)}.sq-chip-l{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;color:var(--chalk-dim)}.sq-chip-v{font-family:var(--mono);font-weight:700}.sq-detail{max-height:70vh;max-height:70dvh;overflow-y:auto}.sq-num{font-size:1.3rem;font-weight:700;color:var(--ball)}.sq-name{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--display, inherit);font-size:1.15rem;font-weight:700}.sq-ovr{display:inline-flex;flex-direction:column;align-items:center;font-size:2rem;font-weight:800;line-height:1;font-family:var(--mono)}.sq-ovr-l{font-size:.58rem;letter-spacing:.14em;color:var(--chalk-dim)}.sq-cat{display:flex;align-items:center;gap:.6rem}.sq-cat-l{width:5.5rem;font-size:.8rem;color:var(--chalk-dim)}.sq-cat-v{width:1.7rem;text-align:right;font-weight:700}.sq-attr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem .7rem}.sq-attr{display:flex;align-items:baseline;gap:.45rem}.sq-attr-v{width:1.7rem;text-align:right;font-weight:700}.sq-attr-l{font-size:.78rem;color:var(--chalk-dim)}@media(max-width:720px){.squad-grid{grid-template-columns:1fr}.sq-attr-grid{grid-template-columns:repeat(2,1fr)}}.results-screen{background:var(--pitch);z-index:3;display:flex;flex-direction:column;overflow:hidden;padding:0}.res-shell{width:min(100%,1040px);height:100%;margin:0 auto;display:flex;flex-direction:column;gap:clamp(.8rem,2vh,1.3rem);padding:clamp(1rem,3.4vh,2.2rem) clamp(1rem,4vw,3rem)}.res-top{flex:none;display:flex;flex-direction:column;align-items:center;gap:.7rem}.res-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 7px 7px 2px}.res-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(.7rem,1.7vw,1.2rem);align-items:start}.res-col{display:flex;flex-direction:column;gap:clamp(.7rem,1.6vh,1.1rem);min-width:0}.res-sec{margin-bottom:.7rem}.res-msg{display:grid;place-items:center;min-height:7rem}.res-actions{flex:none;display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}@media(max-width:860px){.res-grid{grid-template-columns:1fr}}.verdict{align-self:center;font-size:.78rem}.verdict.win:before{background:var(--grass-bright)}.verdict.loss:before{background:var(--kit-away)}.res-score{display:flex;align-items:center;justify-content:center;gap:clamp(.8rem,3vw,2rem);flex-wrap:wrap}.res-team{font-family:var(--display);font-weight:800;font-size:clamp(1.3rem,3vw,2.2rem);flex:1;min-width:6ch}.res-home{text-align:right;color:color-mix(in srgb,var(--kit-home) 55%,var(--chalk))}.res-away{text-align:left;color:color-mix(in srgb,var(--kit-away) 55%,var(--chalk))}.res-flaps .flap{min-width:1.4em}.flap-sep{background:none!important;box-shadow:none!important;color:var(--chalk-dim)}.res-stats{width:100%;display:flex;flex-direction:column;gap:.9rem}.cmp-head{font-size:.85rem;margin-bottom:.35rem}.cmp-bar{display:flex;height:9px;border-radius:99px;overflow:hidden;background:var(--slate);box-shadow:inset 0 0 0 1px var(--slate-line)}.cmp-home{background:var(--kit-home)}.cmp-away{background:var(--kit-away)}.res-xp{width:100%}.res-xp-n{font-size:1.3rem;font-weight:700;color:var(--gold)}.xp-bar-wrap{position:relative}.spark-layer{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:visible}.spark-layer>i{position:absolute;border-radius:1px;transform:translate(-50%,-50%);animation-name:spark-fly;animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-fill-mode:forwards}@keyframes spark-fly{0%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx, 0)),calc(-50% + var(--dy, -20px))) scale(.4)}}.xp-line{animation:xp-line-in .45s var(--ease) both}@keyframes xp-line-in{0%{opacity:0;transform:translateY(6px)}}.res-flaps{perspective:320px}.res-flaps .flap{transform-origin:center top;backface-visibility:hidden}.reward-reveal{animation:reveal-pop .5s var(--ease) both}.reward-reveal:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,color-mix(in srgb,var(--gold) 40%,transparent) 50%,transparent 60%);background-size:200% 100%;background-position:200% 0;animation:reveal-shimmer .9s var(--ease) .18s both}@keyframes reveal-pop{0%{opacity:0;transform:scale(.95) translateY(8px)}}@keyframes reveal-shimmer{to{background-position:-200% 0}}.res-unlock-chip{animation:chip-pop .42s var(--ease) both}@keyframes chip-pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.wc-flag{width:2.6rem;height:2rem;border-radius:5px;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:.72rem;color:#fff;background:linear-gradient(160deg,var(--c),color-mix(in srgb,var(--c) 65%,#000));box-shadow:inset 0 0 0 1.5px #ffffff4d;flex:none}.wc-flag-img{background:none;overflow:hidden}.wc-flag-img .flag{width:100%;height:100%;border-radius:inherit;box-shadow:none;object-fit:cover}.wc-setup{display:flex;flex-direction:column;gap:.9rem}.wc-edition{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .85rem;border-radius:var(--r-md);background:var(--slate);box-shadow:inset 0 0 0 1px var(--slate-line)}.wc-edition-name{font-family:var(--display);font-weight:800;font-size:1.05rem;color:var(--chalk)}.wc-edition-blurb{margin:.1rem 0 0;font-size:.82rem}.wc-thirds{grid-column:1 / -1}.wc-thirds .wc-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px .8rem}.wc-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}.wc-group{background:linear-gradient(180deg,var(--slate-2),var(--slate));border-radius:var(--r-md);padding:.8rem;box-shadow:var(--shadow-card),inset 0 0 0 1px var(--board-edge),inset 0 1px #f3f7ee0f}.wc-group.is-you{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ball) 55%,transparent)}.wc-table{margin-top:.5rem;display:flex;flex-direction:column;gap:1px}.wc-row{display:grid;grid-template-columns:1fr auto 1.6rem;align-items:center;gap:.5rem;padding:.32rem .4rem;border-radius:5px;font-size:.88rem}.wc-row.qualifies{background:#6fe39a14}.wc-row.you{background:color-mix(in srgb,var(--ball) 18%,transparent)}.wc-rname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-rstat{font-size:.74rem;color:var(--chalk-dim)}.wc-rpts{text-align:right;font-weight:700;color:var(--ball)}.wc-bracket{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.4rem}.wc-koround{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.wc-tie{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.4rem;background:var(--slate);border-radius:8px;padding:.45rem .55rem;box-shadow:inset 0 0 0 1px var(--slate-line);font-size:.82rem}.wc-tie-team{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--chalk-dim)}.wc-tie-team:last-child{text-align:right}.wc-tie-team.won{color:var(--chalk);font-weight:700}.wc-tie-team.you{color:var(--ball)}.wc-done{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.wc-trophy{position:relative;font-size:3.4rem;color:var(--gold);filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));animation:bob 2.6s var(--ease) infinite}.wc-champ{font-size:clamp(1.6rem,4vw,2.6rem);color:var(--gold)}.wc-done.won .wc-trophy{animation:trophy-lift 1s var(--ease) both,bob 2.6s var(--ease) 1s infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5)) drop-shadow(0 0 18px color-mix(in srgb,var(--gold) 70%,transparent))}.wc-done.won .wc-champ{animation:pop .6s var(--ease) .2s both}@keyframes trophy-lift{0%{transform:translateY(26px) scale(.7) rotate(-8deg);opacity:0}55%{transform:translateY(-14px) scale(1.15) rotate(3deg);opacity:1}to{transform:none;opacity:1}}.wc-focus{display:flex;flex-direction:column;gap:.5rem;padding:.8rem .9rem;border-radius:var(--r-md);background:linear-gradient(180deg,var(--slate-2),var(--slate));box-shadow:var(--shadow-card),inset 0 0 0 1px var(--board-edge)}.wc-focus-fixtures{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.25rem .9rem;align-items:center}.wc-md{grid-column:1 / -1;margin-top:.35rem;font-family:var(--display);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--chalk-dim)}.wc-fix{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.4rem;padding:.26rem .45rem;border-radius:6px;font-size:.84rem}.wc-fix.you{background:color-mix(in srgb,var(--ball) 16%,transparent)}.wc-fix-side{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--chalk-dim)}.wc-fix-side.b{text-align:right}.wc-fix.you .wc-fix-side{color:var(--chalk)}.wc-fix-score{color:var(--ball);font-weight:700;min-width:2.2rem;text-align:center}.wc-row.wildcard{background:#f5c5421a}.wc-row.out{opacity:.42}.wc-banner{display:flex;align-items:center;gap:.55rem;padding:.7rem .9rem;border-radius:var(--r-md);font-family:var(--display);font-weight:700;font-size:.98rem}.wc-banner.good{color:#bff5d2;background:#6fe39a24;box-shadow:inset 0 0 0 1px #6fe39a59}.wc-banner.bad{color:#f4c9c9;background:#e36f6f1f;box-shadow:inset 0 0 0 1px #e36f6f4d}.wc-tie.is-you{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ball) 55%,transparent)}.confetti-layer{position:fixed;inset:0;z-index:44;pointer-events:none;overflow:hidden}.confetti-layer i{position:absolute;top:-6vh;height:14px;border-radius:2px;opacity:0;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.3,.1,.5,1);animation-fill-mode:forwards}@keyframes confetti-fall{0%{opacity:1;transform:translate3d(0,-6vh,0) rotate(0)}to{opacity:.85;transform:translate3d(var(--drift, 0),106vh,0) rotate(var(--rot, 360deg))}}.xp-toast-layer{position:fixed;top:max(.7rem,env(safe-area-inset-top));right:max(.7rem,env(safe-area-inset-right));z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:.45rem;pointer-events:none}.xp-toast{display:flex;align-items:center;gap:.5rem;padding:.46rem .66rem;background:var(--slate);border-radius:var(--r-sm);border-left:3px solid var(--toast-accent, var(--chalk-dim));box-shadow:var(--shadow-card),inset 0 0 0 1px var(--slate-line);color:var(--chalk);font-family:var(--mono);font-size:var(--t-small);line-height:1;white-space:nowrap;animation:xp-toast-in .28s var(--ease) both}.xp-toast.leaving{animation:xp-toast-out .22s var(--ease) both}.xp-toast-icon{color:var(--toast-accent, var(--chalk));font-size:1.05em}.xp-toast-label{font-weight:600}.xp-toast-xp{font-weight:700;color:var(--toast-accent, var(--ball))}@keyframes xp-toast-in{0%{opacity:0;transform:translate(18px) scale(.96)}to{opacity:1;transform:none}}@keyframes xp-toast-out{to{opacity:0;transform:translate(18px) scale(.98)}}.xp-toast.reduce{animation:xp-toast-fade .16s linear both}.xp-toast.reduce.leaving{animation:xp-toast-fade-out .16s linear both}@keyframes xp-toast-fade{0%{opacity:0}}@keyframes xp-toast-fade-out{to{opacity:0}}.pad-missing-notice{position:fixed;top:max(.7rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:41;padding:.46rem .9rem;background:var(--slate);border-radius:var(--r-sm);border-left:3px solid var(--ball);box-shadow:var(--shadow-card),inset 0 0 0 1px var(--slate-line);color:var(--chalk);font-family:var(--mono);font-size:var(--t-small);pointer-events:none}.control-hints{position:fixed;left:50%;bottom:max(.6rem,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .85rem;max-width:min(94vw,980px);padding:.42rem .8rem;background:color-mix(in srgb,var(--slate) 88%,transparent);border-radius:999px;box-shadow:var(--shadow-card),inset 0 0 0 1px var(--board-edge);pointer-events:none;user-select:none;z-index:38}.ch-item{display:inline-flex;align-items:center;gap:.34rem}.ch-label{font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.01em;color:var(--chalk-dim);white-space:nowrap}.ch-glyph{display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:700;font-size:.7rem;line-height:1;color:var(--chalk);transition:background 90ms var(--ease),color 90ms var(--ease),box-shadow 90ms var(--ease),transform 90ms var(--ease)}.ch-glyph.is-pressed{color:var(--ball-ink);background:var(--ball);box-shadow:inset 0 0 0 1px var(--ball-deep),0 0 12px color-mix(in srgb,var(--ball) 65%,transparent);transform:translateY(1px) scale(1.06)}.ch-key{min-width:1.35em;height:1.5em;padding:0 .4em;border-radius:5px;background:var(--slate-3);box-shadow:inset 0 0 0 1px var(--slate-line),0 2px #00000073}.ch-pill,.ch-stick{height:1.5em;padding:0 .55em;border-radius:999px;background:var(--slate-3);box-shadow:inset 0 0 0 1px var(--slate-line);font-size:.66rem;letter-spacing:.02em}.ch-face{width:1.55em;height:1.55em;border-radius:50%;background:radial-gradient(circle at 50% 38%,rgba(243,247,238,.08),transparent 70%),var(--slate);box-shadow:inset 0 0 0 1.5px currentColor;font-size:.72rem}.ch-face.ch-ps{font-size:.82rem}.ch-face-down{color:#5fc24a}.ch-face-right{color:#e5483f}.ch-face-left{color:#3b86e2}.ch-face-up{color:#f2bd3a}.ch-ps.ch-face-down{color:#5a93e6}.ch-ps.ch-face-right{color:#e5483f}.ch-ps.ch-face-left{color:#e070b6}.ch-ps.ch-face-up{color:#54c79a}@media(max-width:560px){.control-hints{gap:.3rem .5rem;padding:.36rem .6rem}.ch-label{display:none}}body.has-touch-controls{touch-action:none}.touch-controls{position:fixed;inset:0;z-index:39;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;font-family:var(--mono)}.touch-controls.is-off{display:none}.tc-zone{position:absolute;left:0;top:18%;bottom:0;width:52%;pointer-events:auto;touch-action:none}.tc-stick{position:absolute;width:128px;height:128px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--chalk-faint);background:#17130d59;display:none;pointer-events:none}.tc-stick.on{display:block}.tc-nub{position:absolute;left:50%;top:50%;width:52px;height:52px;transform:translate(-50%,-50%);border-radius:50%;background:var(--chalk);opacity:.85;box-shadow:0 0 0 2px var(--ball) inset}.tc-buttons{position:absolute;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:220px;height:220px;pointer-events:none}.tc-btn{position:absolute;pointer-events:auto;touch-action:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--chalk-dim);background:#1f1810b8;color:var(--chalk);font-family:var(--mono);font-weight:700;letter-spacing:.04em;padding:0}.tc-btn.held{background:var(--ball);border-color:var(--ball);color:var(--ball-ink)}.tc-label{font-size:.72rem;pointer-events:none}.tc-pass{right:0;bottom:0;width:70px;height:70px}.tc-shoot{right:80px;bottom:8px;width:66px;height:66px}.tc-cross{right:6px;bottom:82px;width:58px;height:58px}.tc-skill{right:84px;bottom:88px;width:48px;height:48px}.is-defense .tc-skill{opacity:.35}.tc-switch{right:158px;bottom:6px;width:56px;height:56px}.tc-through{right:6px;bottom:158px;width:54px;height:54px}.is-defense .tc-through{opacity:.35}.tc-shoot,.tc-cross,.tc-through{--charge: 0;background-image:conic-gradient(var(--ball) calc(var(--charge) * 360deg),transparent calc(var(--charge) * 360deg))}.tc-btn.held.tc-shoot,.tc-btn.held.tc-cross,.tc-btn.held.tc-through{background:#1f1810b8;background-image:conic-gradient(var(--ball) calc(var(--charge) * 360deg),transparent calc(var(--charge) * 360deg));color:var(--chalk);border-color:var(--ball)}.tc-pausebtn{top:max(.6rem,env(safe-area-inset-top));right:max(.6rem,env(safe-area-inset-right));width:44px;height:44px;border-radius:10px;font-size:.9rem}.tc-rotate{display:none;position:absolute;left:50%;top:9rem;transform:translate(-50%);padding:.4rem .9rem;background:var(--slate-2);color:var(--chalk);font-size:.78rem;letter-spacing:.06em;box-shadow:inset 0 0 0 1px var(--slate-line);pointer-events:none}@media(orientation:portrait){.tc-rotate{display:block}.tc-buttons{bottom:max(16px,env(safe-area-inset-bottom));transform:scale(.85);transform-origin:bottom right}}body.has-touch-controls .tut-bubble{left:.75rem;transform:none;width:min(66vw,460px)}.touch-controls.is-tutorial .tc-pausebtn{right:calc(max(.6rem,env(safe-area-inset-right)) + 7.5rem)}.tut-vignette{position:fixed;inset:0;z-index:37;pointer-events:none;opacity:0;transition:opacity .3s var(--ease)}.tut-root{position:fixed;inset:0;z-index:41;pointer-events:none}.tut-arrow{position:absolute;transform:translate(-50%,-50%);font-size:1.7rem;line-height:1;color:var(--ball);text-shadow:0 2px 6px rgba(0,0,0,.6);animation:tut-bob .9s ease-in-out infinite;pointer-events:none}.tut-arrow.up{animation-name:tut-bob-up}@keyframes tut-bob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% + 6px))}}@keyframes tut-bob-up{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 6px))}}.tut-bubble{position:absolute;left:50%;bottom:calc(max(.6rem,env(safe-area-inset-bottom)) + 3.4rem);transform:translate(-50%);display:flex;align-items:flex-end;gap:.7rem;width:min(94vw,560px);pointer-events:none;animation:deal-in .25s var(--ease) both}.tut-bubble.is-clickable{pointer-events:auto;cursor:pointer}.tut-mascot{flex:none;width:4rem;height:4rem;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 32%,var(--slate-3),var(--slate));box-shadow:var(--shadow-card),inset 0 0 0 1.5px var(--teal);animation:tut-pop .9s ease-in-out infinite alternate}.tut-mascot .mascot-svg{width:88%;height:88%;object-fit:contain}@keyframes tut-pop{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.tut-bubble-body{position:relative;flex:1;padding:.7rem .85rem;background:color-mix(in srgb,var(--slate) 94%,transparent);border-radius:14px;box-shadow:var(--shadow-card),inset 0 0 0 1px var(--board-edge)}.tut-bubble-body:before{content:"";position:absolute;left:-7px;bottom:16px;width:14px;height:14px;background:color-mix(in srgb,var(--slate) 94%,transparent);box-shadow:inset 0 0 0 1px var(--board-edge);transform:rotate(45deg);border-radius:3px}.tut-bubble-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.tut-coachname{font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}.tut-dots{display:flex;gap:.28rem}.tut-dot{width:.4rem;height:.4rem;border-radius:50%;background:var(--slate-3);box-shadow:inset 0 0 0 1px var(--slate-line)}.tut-dot.on{background:var(--teal);box-shadow:none}.tut-bubble-text{margin:0;font-size:.92rem;line-height:1.3;color:var(--chalk)}.tut-keys{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}.tut-key{display:inline-flex}.tut-foot{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;margin-top:.55rem;min-height:1.1rem}.tut-cont{font-family:var(--mono);font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--chalk-dim);animation:tut-pulse 1.4s ease-in-out infinite}.tut-cont:before{content:"▸ ";color:var(--teal)}@keyframes tut-pulse{0%,to{opacity:.55}50%{opacity:1}}.tut-skipstep,.tut-quit{pointer-events:auto;border:0;border-radius:9px;background:var(--slate-3);box-shadow:inset 0 0 0 1px var(--slate-line);color:var(--chalk-dim);font-family:var(--mono);font-size:.72rem;font-weight:600;letter-spacing:.02em;cursor:pointer}.tut-skipstep{padding:.28rem .6rem}.tut-skipstep:hover,.tut-quit:hover{color:var(--chalk);background:color-mix(in srgb,var(--slate-3) 70%,var(--chalk) 8%)}.tut-quit{position:absolute;top:max(.7rem,env(safe-area-inset-top));right:max(.7rem,env(safe-area-inset-right));padding:.42rem .8rem}.tut-end{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.6rem}.tut-endbtn{pointer-events:auto;border:0;border-radius:9px;padding:.42rem .9rem;background:var(--slate-3);box-shadow:inset 0 0 0 1px var(--slate-line);color:var(--chalk);font-family:var(--mono);font-size:.76rem;font-weight:700;letter-spacing:.02em;cursor:pointer}.tut-endbtn:hover{color:var(--chalk);background:color-mix(in srgb,var(--slate-3) 70%,var(--chalk) 8%)}.tut-endbtn.primary{background:var(--ball);color:var(--ball-ink);box-shadow:inset 0 0 0 1.5px var(--ball-ink)}.tut-endbtn.primary:hover{background:#ff5781}.tut-endbtn.sel{outline:2px solid var(--chalk);outline-offset:2px}.reduce-motion .tut-arrow,.reduce-motion .tut-mascot,.reduce-motion .tut-cont,.tut-root.no-motion .tut-arrow,.tut-root.no-motion .tut-mascot,.tut-root.no-motion .tut-cont{animation:none}@media(max-width:560px){.tut-bubble{width:94vw;bottom:calc(max(.6rem,env(safe-area-inset-bottom)) + 3rem)}.tut-mascot{width:3.2rem;height:3.2rem}.tut-bubble-text{font-size:.85rem}}.pill-teal{display:inline-flex;align-items:center;gap:.5em;width:max-content;font-family:var(--mono);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.4em .9em;border-radius:99px;color:var(--teal);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--teal) 45%,transparent)}.lb-enter{font-family:var(--display);font-weight:700}.lb-invite{font-family:var(--display);font-weight:700;color:var(--teal);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--teal) 45%,transparent);background:transparent}.lb-invite:hover{background:color-mix(in srgb,var(--teal) 12%,transparent)}.lb-code{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem .55rem .95rem;border-radius:var(--r-md);background:var(--slate);box-shadow:var(--shadow-card),inset 0 0 0 1px var(--slate-line);cursor:pointer}.lb-code:hover{box-shadow:var(--shadow-card),inset 0 0 0 1px color-mix(in srgb,var(--teal) 45%,var(--slate-line))}.lb-code-lbl{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--chalk-dim)}.lb-code-val{font-size:1.35rem;font-weight:700;letter-spacing:.1em;color:var(--teal)}.lb-qr{width:38px;height:38px;border-radius:7px;background:repeating-conic-gradient(var(--slate) 0 25%,var(--chalk) 0 50%) 0 0 / 13px 13px;box-shadow:inset 0 0 0 3px var(--chalk);flex:none}.lb-stage{display:grid;grid-template-columns:1fr 190px 1fr;gap:clamp(.6rem,1.6vw,1.2rem);align-items:start}.lb-team{background:linear-gradient(180deg,var(--slate-2),var(--slate));border-radius:var(--r-lg);padding:1rem;box-shadow:var(--shadow-card),inset 0 0 0 1px var(--board-edge)}.lb-home{box-shadow:var(--shadow-card),inset 0 0 0 1px var(--slate-line),inset 5px 0 0 var(--ball)}.lb-away{box-shadow:var(--shadow-card),inset 0 0 0 1px var(--slate-line),inset -5px 0 0 var(--teal)}.lb-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.9rem}.lb-tname{font-family:var(--display);font-weight:800;font-size:1.35rem;line-height:1}.lb-tsub{font-size:.62rem;letter-spacing:.14em;color:var(--chalk-dim);margin-top:.2rem}.lb-ovr{text-align:center;line-height:1}.lb-ovr b{display:block;font-family:var(--display);font-size:1.8rem;color:var(--ball)}.lb-away .lb-ovr b{color:var(--teal)}.lb-ovr .eyebrow{font-size:.56rem}.lb-slots{display:flex;flex-direction:column;gap:5px}.lb-slot{display:flex;align-items:center;gap:.7rem;padding:.45rem .7rem;border-radius:var(--r-sm);background:var(--slate);box-shadow:inset 0 0 0 1px var(--slate-line);transition:box-shadow .15s var(--ease)}.lb-slot.gk{opacity:.8}.lb-slot.empty{opacity:.55}.lb-slot.ready{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--grass-bright) 55%,transparent)}.lb-slot.lb-pop{animation:lb-pop .34s var(--ease)}@keyframes lb-pop{0%{transform:scale(.92)}55%{transform:scale(1.035)}to{transform:scale(1)}}.lb-pos{font-size:.62rem;font-weight:700;letter-spacing:.04em;color:var(--chalk-dim);width:22px;flex:none}.lb-dot{width:18px;height:18px;border-radius:50%;flex:none;box-shadow:inset 0 -2px 3px #0006,0 0 0 2px #ffffff2e}.lb-pname{flex:1;min-width:0;font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-via{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;flex:none;color:var(--chalk-dim);background:var(--slate-3);box-shadow:inset 0 0 0 1px var(--slate-line)}.lb-rdy{font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.1em;padding:.28em .66em;border-radius:99px;flex:none}.lb-rdy.y{color:var(--grass-bright);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--grass-bright) 45%,transparent)}.lb-rdy.n{color:var(--ball);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ball) 45%,transparent)}.lb-rdy.ai{color:var(--chalk-dim);box-shadow:inset 0 0 0 1px var(--slate-line)}.lb-center{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding-top:2.6rem}.lb-vs{font-family:var(--display);font-weight:800;font-size:2.4rem;color:var(--chalk-dim);letter-spacing:.04em}.lb-tally{font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;color:var(--chalk-dim);text-align:center}.lb-tally b{color:var(--chalk)}.lb-tally.warn{color:var(--ball);font-weight:700}.lb-joinbar{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;padding:.9rem .9rem .9rem 1.3rem;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--slate-2),var(--slate));box-shadow:var(--shadow-card),inset 0 0 0 1px var(--board-edge)}.lb-hints{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem;font-size:.86rem;color:var(--chalk-dim)}.lb-hints b{color:var(--chalk)}.lb-key{display:inline-flex;align-items:center;gap:.4em;font-family:var(--mono);font-size:.74rem;padding:.35em .7em;border-radius:9px;background:var(--slate);box-shadow:inset 0 0 0 1px var(--slate-line)}.lb-start{flex:none}.lb-start:disabled{opacity:.45;cursor:not-allowed}@media(max-width:820px){.lb-stage{grid-template-columns:1fr}.lb-center{padding-top:0;flex-direction:row;justify-content:center;gap:1.2rem}}.chip,.seg,.seg-btn,.cyc,.cyc-mini,.form-pick,.who,.tag,.tp-input,.tp-cat,.osk-key,.lvl-badge,.lb-rdy,.lb-key,.lb-qr,.lb-via,.pill-teal,.sq-sub,.sq-chip,.wc-row,.wc-tie,.wc-fix,.wc-flag,.control-hints,.ch-key,.ch-pill,.ch-stick{border-radius:0}