:root{--pitch: #1d6a3d;--pitch-stripe: #1c6539;--pitch-deep: #103c25;--pitch-edge: #07210f;--chalk: #f3f7ee;--chalk-dim: rgba(243, 247, 238, .64);--chalk-faint: rgba(243, 247, 238, .16);--slate: #071710;--slate-2: #0c2417;--slate-3: #143020;--slate-line: rgba(243, 247, 238, .11);--board-edge: rgba(243, 247, 238, .09);--ball: #ff8a3d;--ball-deep: #ef6d22;--ball-ink: #2a1405;--teal: #3ad6c0;--teal-deep: #1ba894;--teal-ink: #04201b;--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;--bone: #f6efe2;--gold: #ffd24a;--grass-bright: #6fe39a;--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: "Bricolage Grotesque", "Arial Black", system-ui, sans-serif;--body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Azeret Mono", "SFMono-Regular", ui-monospace, "Consolas", monospace;--t-mega: clamp(3.2rem, 11vw, 8.5rem);--t-h1: clamp(2.1rem, 5.5vw, 4rem);--t-h2: clamp(1.5rem, 3.2vw, 2.4rem);--t-h3: 1.25rem;--t-body: 1.0625rem;--t-small: .8125rem;--t-eyebrow: .72rem;--r-lg: 22px;--r-md: 14px;--r-sm: 9px;--gap: clamp(1rem, 2.2vw, 1.75rem);--shadow-card: 0 22px 50px -22px rgba(0, 0, 0, .78), 0 3px 8px -3px rgba(0, 0, 0, .4);--shadow-lift: 0 30px 66px -24px rgba(0, 0, 0, .82);--ease: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*: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:800;line-height:.98;letter-spacing:-.02em;margin:0}#ui p{margin:0}#ui button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}#ui :focus-visible{outline:3px solid var(--ball);outline-offset:3px;border-radius:4px}#ui .nav-focus{outline:3px solid var(--ball);outline-offset:3px;border-radius:4px;box-shadow:0 0 0 6px color-mix(in srgb,var(--ball) 28%,transparent)}.reduce-motion .nav-focus{box-shadow:none}.pitch-bg{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(120% 90% at 16% -12%,rgba(255,255,255,.07),transparent 50%),repeating-linear-gradient(90deg,var(--pitch) 0 80px,var(--pitch-stripe) 80px 160px)}.pitch-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(135% 115% at 50% 40%,transparent 24%,var(--pitch-edge) 98%),linear-gradient(180deg,#07210f57,#07210f80);mix-blend-mode:multiply;opacity:.96}.pitch-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.55}.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);overflow-y:auto}.screen[hidden]{display:none}.screen.enter{animation:deal-in .5s var(--ease) both}@keyframes deal-in{0%{opacity:0;transform:translateY(14px) scale(.99)}}.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 34% 30%,#fff 0 12%,transparent 13%),radial-gradient(circle at 50% 48%,var(--ball) 0 60%,var(--ball-deep) 100%);box-shadow:inset 0 -.18em .3em #00000059,0 .18em .4em #0006;position:relative;flex:none}.ball:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--ball-ink) 0 13%,transparent 14%),radial-gradient(circle at 50% 13%,var(--ball-ink) 0 8%,transparent 9%),radial-gradient(circle at 87% 41%,var(--ball-ink) 0 8%,transparent 9%),radial-gradient(circle at 71% 87%,var(--ball-ink) 0 8%,transparent 9%),radial-gradient(circle at 29% 87%,var(--ball-ink) 0 8%,transparent 9%),radial-gradient(circle at 13% 41%,var(--ball-ink) 0 8%,transparent 9%);opacity:.5}.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:.6em;padding:.85em 1.5em;border-radius:var(--r-md);font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:.01em;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),box-shadow .18s var(--ease)}.btn:hover{background:var(--slate-3);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-cta{background:linear-gradient(180deg,var(--ball),var(--ball-deep));color:var(--ball-ink);box-shadow:0 10px 22px -8px var(--ball-deep),inset 0 1px #fff6;font-size:1.2rem;padding:.95em 1.8em}.btn-cta:hover{background:linear-gradient(180deg,#ff9b54,var(--ball));box-shadow:0 16px 30px -10px var(--ball-deep),inset 0 1px #ffffff80}.btn-ghost{background:transparent;box-shadow:inset 0 0 0 1.5px var(--chalk-faint)}.btn-ghost:hover{background:#f2f7ec0f}.btn-sm{padding:.5em .9em;font-size:.9rem;border-radius:var(--r-sm)}.key{font-family:var(--mono);font-size:.78em;font-weight:600;padding:.18em .5em;border-radius:6px;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:linear-gradient(180deg,var(--slate-2),var(--slate));border-radius:var(--r-lg);box-shadow:var(--shadow-card),inset 0 0 0 1px var(--board-edge),inset 0 1px #f3f7ee0f;padding:clamp(1.1rem,2.5vw,1.9rem)}.scoreboard{display:inline-flex;align-items:stretch;gap:2px;background:#06140c;border-radius:var(--r-md);padding:6px;box-shadow:var(--shadow-card),inset 0 0 0 1px var(--slate-line);font-family:var(--mono)}.flap{background:linear-gradient(180deg,#15301f,#0a1d12);color:var(--chalk);font-weight:700;font-size:clamp(1.4rem,4vw,2.6rem);padding:.18em .34em;border-radius:6px;min-width:1.2em;text-align:center;box-shadow:inset 0 -1px #0009,inset 0 1px #ffffff0d;background-image:linear-gradient(180deg,transparent calc(50% - 1px),rgba(0,0,0,.45) 50%,transparent calc(50% + 1px))}.bar{height:7px;border-radius:99px;background:var(--slate);box-shadow:inset 0 0 0 1px var(--slate-line);overflow:hidden}.bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--grass-bright),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:99px;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:auto 1fr auto;padding:clamp(1.1rem,3.5vh,2.4rem) clamp(1.1rem,5vw,4rem)}.title-topbar{display:flex;justify-content:flex-end}.title-hero{align-self:center;display:flex;flex-direction:column;gap:1.1rem;max-width:760px}.wordmark{font-size:var(--t-mega);letter-spacing:-.045em;text-shadow:0 6px 0 rgba(0,0,0,.18)}.wordmark span{display:block}.wordmark-2{color:var(--ball);display:inline-flex!important;align-items:center;gap:.18em}.wordmark-2 .ball{margin-bottom:.12em;animation:bob 2.6s var(--ease) infinite}@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}.chip{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .85rem .4rem .4rem;border-radius:99px;background:var(--slate-2);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}.chip-name{font-weight:600}.chip-lv{font-size:.66rem;letter-spacing:.16em;color:var(--chalk-dim)}.tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}.tile{display:flex;gap:1rem;text-align:left;padding: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),inset 0 1px #f3f7ee0f;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}button.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift),inset 0 0 0 1px color-mix(in srgb,var(--ball) 40%,var(--slate-line))}.tile.is-soon{opacity:.5}.tile-glyph{width:2.9rem;height:2.9rem;flex:none;display:grid;place-items:center;font-size:1.5rem;border-radius:12px;color:var(--chalk);background:var(--slate-3);box-shadow:inset 0 0 0 1px var(--slate-line);transition:color .2s var(--ease),background .2s var(--ease)}button.tile:hover .tile-glyph{color:var(--ball);background:color-mix(in srgb,var(--ball) 14%,var(--slate-3))}.tile-body{flex:1;display:flex;flex-direction:column;gap:.35rem}.tile-body p{font-size:.92rem}.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:720px){.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))}.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(3,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;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;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(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}}.results-screen{display:grid;place-items:center;min-height:100%}.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)}.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{font-size:3.4rem;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)}.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}}.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)}.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}}.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)}.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-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}}