:root{--bg: #0b1220;--bg-2: #0d1526;--surface: #111b2e;--elevated: #16233a;--sunken: #0a1220;--border: #24365a;--border-soft: #1a2740;--text: #f8fbff;--text-dim: #c7d2fe;--muted: #8ea3c9;--white: #ffffff;--brand: #60a5fa;--brand-ink: #0b1220;--c-spinner: #60a5fa;--c-cricket: #58d170;--c-toss: #fbbf24;--good: #58d170;--bad: #ff6b6b;--warn: #fbbf24;--f-display: "Bebas Neue", Impact, sans-serif;--f-score: "Bebas Neue", Impact, sans-serif;--f-label: "Galindo", Inter, system-ui, sans-serif;--f-body: "Galindo", Inter, system-ui, sans-serif;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--shadow-card: 0 18px 50px rgba(0,0,0,.5);--shadow-pop: 0 40px 110px rgba(0,0,0,.78);--ease-out: cubic-bezier(.16,.84,.34,1);--ease-spring: cubic-bezier(.34,1.56,.64,1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--f-body);font-size:16px;line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.atmos{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.atmos:before{content:"";position:absolute;inset:-10% -10% 0;background:conic-gradient(from 200deg at 12% -8%,transparent 0deg,rgba(96,165,250,.1) 12deg,transparent 26deg),conic-gradient(from 130deg at 88% -8%,transparent 0deg,rgba(251,191,36,.07) 12deg,transparent 26deg);filter:blur(6px)}.atmos:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,160,190,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(120,160,190,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 30%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 30%,transparent 78%)}.vignette{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 120% 80% at 50% -10%,transparent 40%,rgba(0,0,0,.55) 100%)}.grain{position:fixed;inset:-50%;z-index:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grainShift 7s steps(6) infinite}@keyframes grainShift{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-4%)}60%{transform:translate(-3%,2%)}80%{transform:translate(2%,4%)}to{transform:translate(0)}}.eyebrow{font-family:var(--f-label);font-weight:700;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.led{font-family:var(--f-score);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1}.btn{font-family:var(--f-label);font-weight:700;font-size:.92rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--border);background:var(--elevated);color:var(--text);border-radius:var(--r-md);padding:14px 20px;cursor:pointer;transition:transform .12s var(--ease-out),filter .15s,background .15s,border-color .15s;min-height:48px;-webkit-tap-highlight-color:transparent}.btn:hover{border-color:var(--accent, var(--brand))}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent, var(--brand));outline-offset:2px}.btn-primary{background:linear-gradient(180deg,var(--accent, var(--brand)),color-mix(in srgb,var(--accent, var(--brand)) 78%,#000));color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.42);border-color:transparent;box-shadow:0 8px 24px color-mix(in srgb,var(--accent, var(--brand)) 30%,transparent),0 5px #0f172ae0,0 12px 24px #0f172a52}.btn-primary:hover{filter:brightness(1.08)}.modal-overlay{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:16px;background:#030509d1;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}.modal-overlay.open{display:flex;animation:ovFade .25s var(--ease-out)}@keyframes ovFade{0%{opacity:0}to{opacity:1}}.modal-box{position:relative;width:min(460px,100%);max-height:92vh;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(120% 60% at 50% -10%,color-mix(in srgb,var(--accent, var(--brand)) 14%,transparent),transparent 60%),var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-pop)}.modal-overlay.open .modal-box{animation:boxIn .38s var(--ease-spring)}@keyframes boxIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}.modal-close{position:absolute;top:14px;right:14px;z-index:5;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-dim);font-size:1.1rem;cursor:pointer;transition:background .15s,color .15s,transform .12s}.modal-close:hover{background:#ffffff24;color:var(--white)}.modal-close:active{transform:scale(.9)}.modal-close:focus-visible{outline:2px solid var(--accent, var(--brand));outline-offset:2px}.fx-layer{position:fixed;inset:0;z-index:200;pointer-events:none;overflow:hidden}.fx-flash{position:fixed;inset:0;z-index:199;pointer-events:none;background:radial-gradient(circle at 50% 45%,var(--flash, #fff),transparent 60%);opacity:0;animation:fxFlash .5s var(--ease-out) forwards}@keyframes fxFlash{0%{opacity:.5}to{opacity:0}}.confetti-bit{position:absolute;width:9px;height:14px;border-radius:2px;will-change:transform,opacity}.shake{animation:shake .42s var(--ease-out)}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}@media (max-width: 600px),(pointer: coarse){.atmos:before{filter:none;opacity:.65}.atmos:after{opacity:.35;mask-image:none;-webkit-mask-image:none}.grain{display:none}.modal-overlay{background:#030509e6;-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.grain{display:none}}.shell{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:0 24px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:26px 0 0}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(150deg,var(--brand),#0c8aa0);color:var(--brand-ink);font-size:1.1rem;box-shadow:0 0 22px color-mix(in srgb,var(--brand) 40%,transparent)}.brand-name{font-family:var(--f-label);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:.9rem}.topbar-tag{font-family:var(--f-label);letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;color:var(--muted)}.hero{padding:64px 0 40px;text-align:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-label);font-weight:700;letter-spacing:.26em;text-transform:uppercase;font-size:.74rem;color:var(--brand);padding:6px 14px;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--border));border-radius:var(--r-pill);background:color-mix(in srgb,var(--brand) 8%,transparent)}.hero-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 10px var(--brand);animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero-title{font-family:var(--f-display);font-weight:400;font-size:clamp(3.2rem,11vw,7rem);line-height:.86;letter-spacing:.01em;margin:22px 0 0;color:var(--white);text-shadow:0 0 60px rgba(96,165,250,.18)}.hero-title .glow{color:var(--brand);text-shadow:0 0 40px color-mix(in srgb,var(--brand) 60%,transparent)}.hero-sub{max-width:540px;margin:22px auto 0;font-size:1.06rem;color:var(--text-dim);line-height:1.7}.hero-stats{display:flex;gap:30px;justify-content:center;margin-top:32px;flex-wrap:wrap}.hero-stat{text-align:center}.hero-stat b{display:block;font-family:var(--f-score);font-size:2.2rem;color:var(--white);line-height:1}.hero-stat span{font-family:var(--f-label);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.hero,.topbar{animation:rise .7s var(--ease-out) both}.hero{animation-delay:.05s}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px;padding:16px 0 70px}.card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:transform .28s var(--ease-out),border-color .28s;animation:rise .6s var(--ease-out) both;animation-delay:var(--d)}.card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 1px var(--accent),inset 0 0 42px color-mix(in srgb,var(--accent) 14%,transparent);transition:opacity .28s var(--ease-out)}.card-hero{position:relative;height:160px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(120% 130% at 50% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 62%),linear-gradient(160deg,#0c131c,#070b11);border-bottom:1px solid var(--border-soft)}.card-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--accent) 12%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,transparent) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse at 50% 40%,#000,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000,transparent 70%);opacity:.5}.card-emoji{font-size:4.4rem;position:relative;z-index:1;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--accent) 60%,transparent));transition:transform .3s var(--ease-spring)}.card-img{position:relative;z-index:1;width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--accent) 55%,transparent));transition:transform .3s var(--ease-spring)}.card-index{position:absolute;top:12px;right:18px;z-index:1;font-family:var(--f-score);font-size:3rem;font-weight:600;line-height:1;color:var(--accent);opacity:.18}.card-body{padding:22px 22px 8px;flex:1;display:flex;flex-direction:column;gap:8px}.card-tagline{font-family:var(--f-label);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;color:var(--accent)}.card-title{font-family:var(--f-display);font-weight:400;font-size:2.1rem;line-height:1;color:var(--white)}.card-desc{font-size:.92rem;color:var(--text-dim);line-height:1.6;flex:1}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.chip{font-family:var(--f-label);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;padding:4px 9px;border-radius:var(--r-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-dim)}.card-play{margin:14px 22px 22px;padding:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-label);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.84rem;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.42);border:none;border-radius:var(--r-md);background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 75%,#000));box-shadow:0 5px #0f172ae0,0 12px 24px #0f172a52;transition:filter .15s,transform .1s var(--ease-out);-webkit-tap-highlight-color:transparent}.card-play{text-decoration:none}.card-play:active{transform:scale(.97)}.card-play:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.card-play:disabled,.card-play[aria-disabled=true]{background:var(--elevated);color:var(--muted);cursor:not-allowed;filter:none;transform:none}.card-flag{position:absolute;top:14px;left:16px;z-index:2;font-family:var(--f-label);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.62rem;color:var(--accent);padding:4px 10px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--accent) 14%,#06080d);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.foot{border-top:1px solid var(--border-soft);padding:28px 0 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;color:var(--muted)}.foot a{color:var(--text-dim);text-decoration:none}.foot a:hover{color:var(--brand)}@media (hover: hover) and (pointer: fine){.card:hover{transform:translateY(-6px);border-color:var(--accent)}.card:hover:after{opacity:1}.card:hover .card-emoji{transform:scale(1.14) rotate(-5deg)}.card:hover .card-img{transform:scale(1.12) rotate(-4deg)}.card-play:hover{filter:brightness(1.1)}}@media (max-width: 600px){.grid{grid-template-columns:1fr}.hero{padding:44px 0 28px}.topbar-tag{display:none}}.os{padding:30px 26px 26px;display:flex;flex-direction:column;align-items:center}.g-head{text-align:center;margin-bottom:18px}.g-title{font-family:var(--f-display);font-weight:400;font-size:2.6rem;letter-spacing:.02em;line-height:.92;color:var(--white);margin-top:2px}.os-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;padding:12px;border-radius:var(--r-md);background:var(--sunken);border:1px solid var(--border-soft);transition:box-shadow .3s}.os-board.flash{box-shadow:0 0 0 1px var(--accent),0 0 40px color-mix(in srgb,var(--accent) 40%,transparent)}.os-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.os-slabel{font-family:var(--f-label);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.os-sval{font-size:2.1rem;color:var(--accent);text-shadow:0 0 18px color-mix(in srgb,var(--accent) 45%,transparent)}.os-wheelwrap{position:relative;width:240px;height:240px;margin:22px 0 6px}.os-canvas{display:block;border-radius:50%;transform-origin:50% 50%;box-shadow:0 14px 40px #0000008c,0 0 0 4px #0a0e15,0 0 0 5px var(--border)}.os-canvas.spinning{will-change:transform}.os-hub{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 35% 30%,#18222e,#0a0e15);border:2px solid var(--accent);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 55%,transparent)}.os-hub-logo{width:80%;height:80%;object-fit:contain;display:block}.os-needle{position:absolute;top:-6px;left:50%;transform:translate(-50%);z-index:3;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:22px solid var(--accent);filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--accent) 60%,transparent))}.os-result{font-family:var(--f-display);font-size:2rem;letter-spacing:.03em;margin-top:14px;min-height:1.4em;color:var(--text);transition:transform .2s}.os-result[data-tone=good]{color:var(--good)}.os-result[data-tone=four]{color:#0fb6d6}.os-result[data-tone=six]{color:var(--warn)}.os-result[data-tone=bad]{color:var(--bad)}.os-result[data-tone=dim]{color:var(--muted)}.os-msg{font-size:.92rem;color:var(--text-dim);text-align:center;min-height:1.4em;margin-bottom:16px}.os-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-bottom:12px}.os-mode{font-family:var(--f-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;padding:12px;min-height:46px;cursor:pointer;border-radius:var(--r-md);border:1px solid var(--border);background:var(--elevated);color:var(--text-dim);transition:background .15s var(--ease-out),border-color .15s var(--ease-out),color .15s var(--ease-out),opacity .15s var(--ease-out)}.os-mode[data-mode=safe].active{border-color:var(--good);color:var(--good);background:color-mix(in srgb,var(--good) 12%,var(--elevated))}.os-mode[data-mode=agg].active{border-color:var(--warn);color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,var(--elevated))}.os-mode:disabled{opacity:.45}.os-spin{width:100%;font-size:1rem}.os-pips{display:flex;gap:8px;margin:16px 0 8px}.os-pip{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--f-score);font-size:1.15rem;font-weight:600;background:var(--sunken);border:1px solid var(--border-soft);color:var(--muted)}.os-pip.run,.os-pip.dot{color:var(--good);border-color:var(--good)}.os-pip.dot{color:var(--muted);border-color:var(--border)}.os-pip.four{color:#0fb6d6;border-color:#0fb6d6}.os-pip.six{color:var(--warn);border-color:var(--warn)}.os-pip.wicket{color:var(--bad);border-color:var(--bad);background:color-mix(in srgb,var(--bad) 16%,var(--sunken))}.os-best{font-family:var(--f-label);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px}.os-best strong{color:var(--accent)}.hc{padding:30px 26px 26px;display:flex;flex-direction:column;align-items:center}.hc-board{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;width:100%;align-items:center;padding:14px 12px;border-radius:var(--r-md);background:var(--sunken);border:1px solid var(--border-soft)}.hc-team{display:flex;flex-direction:column;align-items:center;gap:2px}.hc-mid{padding:0 6px;border-left:1px solid var(--border-soft);border-right:1px solid var(--border-soft)}.hc-tlabel{font-family:var(--f-label);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.hc-tscore{font-size:2.2rem;color:var(--text)}.hc-mid .hc-tscore{color:var(--accent);text-shadow:0 0 18px color-mix(in srgb,var(--accent) 45%,transparent)}.hc-trole{font-family:var(--f-label);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.hc-phase{font-family:var(--f-label);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;color:var(--accent);margin:16px 0 8px}.hc-wickets{display:flex;gap:8px;margin-bottom:16px}.hc-w{width:14px;height:14px;border-radius:50%;border:2px solid var(--border);background:var(--sunken);transition:background .25s var(--ease-spring),border-color .25s var(--ease-spring),box-shadow .25s var(--ease-spring)}.hc-w.out{background:var(--bad);border-color:var(--bad);box-shadow:0 0 12px color-mix(in srgb,var(--bad) 60%,transparent)}.hc-duel{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:14px}.hc-hand{display:flex;flex-direction:column;align-items:center;gap:6px}.hc-hlabel{font-family:var(--f-label);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.hc-hnum{width:76px;height:76px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-family:var(--f-score);font-size:3rem;font-weight:600;background:var(--elevated);border:1px solid var(--border)}.hc-hnum.you{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.hc-hnum.cpu{color:#ff8a5c;border-color:color-mix(in srgb,#ff8a5c 40%,var(--border))}.hc-hnum.pop{animation:hcPop .42s var(--ease-spring)}@keyframes hcPop{0%{transform:scale(.7) rotate(-6deg);opacity:.4}60%{transform:scale(1.12) rotate(3deg)}to{transform:none}}.hc-vs{font-family:var(--f-display);font-size:1.4rem;color:var(--muted)}.hc-msg{font-size:.94rem;color:var(--text-dim);text-align:center;min-height:2.6em;margin-bottom:14px}.hc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.hc-pick{font-family:var(--f-score);font-size:1.7rem;font-weight:600;min-height:56px;cursor:pointer;color:var(--text);background:var(--elevated);border:1px solid var(--border);border-radius:var(--r-md);transition:transform .1s var(--ease-out),border-color .15s,background .15s,color .15s;-webkit-tap-highlight-color:transparent}.hc-pick:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--elevated))}.hc-pick:active:not(:disabled){transform:scale(.93)}.hc-pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hc-pick:disabled{opacity:.4;cursor:not-allowed}.hc-action{width:100%;margin-top:14px}.hc-record{font-family:var(--f-label);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:14px}.hc-record strong{color:var(--accent)}.ts{padding:30px 26px 26px;display:flex;flex-direction:column;align-items:center}.ts-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;padding:12px;border-radius:var(--r-md);background:var(--sunken);border:1px solid var(--border-soft)}.ts-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.ts-slabel{font-family:var(--f-label);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.ts-sval{font-size:2.1rem;color:var(--accent);text-shadow:0 0 18px color-mix(in srgb,var(--accent) 45%,transparent)}.ts-coinwrap{perspective:900px;margin:30px 0 8px;height:150px;display:flex;align-items:center;justify-content:center}.ts-coin{position:relative;width:130px;height:130px;transform-style:preserve-3d;transition:transform .5s var(--ease-out)}.ts-coin.spinning{animation:tsFlip 1.7s cubic-bezier(.3,.1,.2,1) forwards}@keyframes tsFlip{0%{transform:rotateY(0) translateY(0)}50%{transform:rotateY(1440deg) translateY(-70px)}to{transform:rotateY(2880deg) translateY(0)}}.ts-face{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:3.2rem;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:4px solid color-mix(in srgb,var(--accent) 60%,#000);box-shadow:inset 0 0 24px #00000073,0 14px 34px #00000080}.ts-heads{background:radial-gradient(circle at 35% 30%,#ffe39a,#d99a23)}.ts-tails{background:radial-gradient(circle at 35% 30%,#cfe6ff,#5b86b0);transform:rotateY(180deg)}.ts-fl{font-family:var(--f-label);font-weight:700;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#0009}.ts-result{font-family:var(--f-display);font-size:1.5rem;letter-spacing:.02em;text-align:center;min-height:1.6em;margin:16px 0;color:var(--text-dim);transition:color .2s}.ts-result.win{color:var(--good)}.ts-result.lose{color:var(--bad)}.ts-picks{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.ts-pick{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-label);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:1rem;min-height:56px;cursor:pointer;color:var(--text);background:var(--elevated);border:1px solid var(--border);border-radius:var(--r-md);transition:transform .1s var(--ease-out),border-color .15s,background .15s;-webkit-tap-highlight-color:transparent}.ts-pi{font-size:1.4rem}.ts-pick:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--elevated))}.ts-pick:active:not(:disabled){transform:scale(.95)}.ts-pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ts-pick:disabled{opacity:.45;cursor:not-allowed}.ts-track{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;min-height:26px;margin:18px 0 6px}.ts-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;animation:tsDot .3s var(--ease-spring)}.ts-dot.win{background:color-mix(in srgb,var(--good) 22%,var(--sunken));color:var(--good);border:1px solid var(--good)}.ts-dot.lose{background:color-mix(in srgb,var(--bad) 22%,var(--sunken));color:var(--bad);border:1px solid var(--bad)}@keyframes tsDot{0%{transform:scale(0)}to{transform:scale(1)}}.ts-again{width:100%;margin-top:8px}