:root{--bg: #0B0D10;--panel: #14171B;--panel-2: #1C2026;--line: #2B3038;--text: #F2F2EF;--muted: #9BA2AB;--dim: #5F6670;--accent: #F2B705;--accent-ink: #1A1400;--good: #3DA86A;--bad: #D9534F;--navy: #0E1A33;--radius: 2px;--display: "Barlow Condensed", "Arial Narrow", sans-serif;--body: "Barlow", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}.stage{position:fixed;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}#gameCanvas{display:block;width:100%;height:100%;background:var(--bg)}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#0000 55%,#0000006b);z-index:5}.stick{position:fixed;left:90px;bottom:96px;width:116px;height:116px;margin:-58px 0 0 -58px;border:2px solid rgba(255,255,255,.28);border-radius:50%;background:#ffffff0d;opacity:.55;transition:opacity .15s;pointer-events:none;z-index:20}.stick.show{opacity:1;border-color:#ffffff8c}.stick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 0 2px #00000040}@media(max-width:700px){.stick{left:64px;bottom:84px;width:100px;height:100px;margin:-50px 0 0 -50px}.stick-knob{width:46px;height:46px;margin:-23px 0 0 -23px}}.match-hud{position:absolute;inset:0;pointer-events:none;z-index:20;opacity:0;transition:opacity .4s}.match-hud.show{opacity:1}.scorebug{position:absolute;left:16px;bottom:16px;min-width:250px;max-width:calc(100vw - 32px);background:var(--navy);border-left:4px solid var(--accent);border-radius:var(--radius);font-family:var(--display);text-transform:uppercase;overflow:hidden}.sb-top{display:flex;align-items:baseline;gap:10px;padding:6px 12px 2px}.sb-team{font-weight:800;font-size:.95rem;color:var(--accent-ink);background:var(--accent);padding:0 6px;letter-spacing:.06em}.sb-score{font-weight:800;font-size:1.9rem;line-height:1}.sb-overs{font-weight:700;font-size:1.05rem;color:var(--muted)}.sb-overs:after{content:" ov";font-size:.8rem}.sb-need{padding:3px 12px 5px;font-weight:800;font-size:1.05rem;letter-spacing:.04em;color:var(--accent)}.sb-batters{display:flex;gap:14px;padding:5px 12px;background:#ffffff0f;font-weight:700;font-size:.92rem;letter-spacing:.03em;color:var(--muted)}.sb-batters span.on{color:var(--text)}.sb-batters b{color:var(--text);font-weight:800;margin-left:2px}.sb-batters small{font-size:.75rem;margin-left:1px}.sb-bowler{display:flex;justify-content:space-between;gap:12px;padding:4px 12px 6px;font-weight:700;font-size:.82rem;color:var(--muted);letter-spacing:.03em}.sb-speed{color:var(--text);white-space:nowrap}.over-strip{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;gap:5px}.over-strip span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:.95rem;background:#0e1a33d9;border:1px solid rgba(255,255,255,.18)}.over-strip .empty{background:#0e1a3366}.over-strip .four{background:#1d4ed8;border-color:#60a5fa}.over-strip .six{background:var(--accent);color:var(--accent-ink);border-color:#ffe08a}.over-strip .w{background:#b91c1c;border-color:#f87171}.aim-chip{position:absolute;right:16px;bottom:186px;padding:5px 10px;background:#0e1a33e6;border-radius:var(--radius);font-family:var(--display);font-weight:700;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;border-left:3px solid var(--dim)}.aim-chip[data-loft=ground]{border-left-color:#4ade80}.aim-chip[data-loft=loft]{border-left-color:var(--accent)}.aim-chip[data-loft=big]{border-left-color:#ef4444}.radar{position:absolute;right:16px;bottom:16px;width:160px;height:160px}.run-btn{position:absolute;pointer-events:auto;border:0;border-radius:50%;font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.04em;touch-action:manipulation}.run-btn{right:196px;bottom:30px;width:104px;height:104px;font-size:1.35rem;line-height:1;background:#22c55e;color:#052e12;transform:scale(0);transition:transform .15s;box-shadow:0 0 0 4px #ffffff2e}.run-btn.show{transform:scale(1);animation:runPulse .9s infinite}.run-btn[data-state=risky]{background:var(--accent);color:var(--accent-ink)}.run-btn[data-state=danger]{background:#dc2626;color:#fff;animation:none}.run-btn[data-state=busy]{background:#334155;color:#cbd5e1;animation:none}.back-btn{position:absolute;pointer-events:auto;border:0;border-radius:var(--radius);touch-action:manipulation;right:204px;bottom:146px;min-width:88px;padding:10px 12px;font-family:var(--display);font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;background:#dc2626;color:#fff;box-shadow:0 0 0 3px #ffffff2e;display:none}.back-btn.show{display:block}.back-btn small{margin-left:6px;opacity:.7;font-size:.7em}@keyframes runPulse{50%{box-shadow:0 0 0 12px #fff0}}.runs-count{position:absolute;right:230px;bottom:140px;font-family:var(--display);font-weight:800;font-size:2.6rem;color:#fff;opacity:0;text-shadow:0 2px 0 #000}.runs-count.pop{animation:pop .9s ease-out}@keyframes pop{0%{opacity:1;transform:scale(1.6)}70%{opacity:1;transform:scale(1)}to{opacity:0}}.shot-bar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:none;gap:4px;padding:4px;background:#0e1a33d9;border-radius:var(--radius);pointer-events:auto;z-index:25}.shot-bar.show{display:flex}.shot-btn{border:0;border-radius:var(--radius);padding:9px 14px;min-width:74px;background:transparent;color:var(--muted);font-family:var(--display);font-weight:800;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;touch-action:manipulation}.shot-btn:hover{color:var(--text)}.shot-btn.on{background:var(--accent);color:var(--accent-ink)}@media(max-width:700px){.shot-bar{left:210px;right:210px;transform:none;bottom:10px;justify-content:space-between}.shot-btn{flex:1;min-width:0;padding:12px 4px;font-size:.85rem}}@media(max-width:640px){.scorebug{min-width:0;left:8px;bottom:8px}.sb-score{font-size:1.5rem}.sb-bowler{display:none}.radar{width:112px;height:112px;right:8px;top:56px;bottom:auto}.aim-chip{right:8px;top:174px;bottom:auto;font-size:.8rem}.run-btn{right:16px;bottom:24px;width:92px;height:92px}.back-btn{right:18px;bottom:126px}.runs-count{right:36px;bottom:196px}.over-strip{top:60px}.over-strip span{width:22px;height:22px;font-size:.8rem}}.corner-actions{position:absolute;top:12px;right:12px;display:flex;gap:6px;z-index:30}.icon-btn{background:#0e1a33e6;border:1px solid var(--line);border-radius:var(--radius);padding:7px 11px;font-family:var(--display);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.banner{position:absolute;left:0;right:0;top:26%;text-align:center;pointer-events:none;z-index:26;perspective:700px;visibility:hidden}.banner.show{visibility:visible}.banner-text{display:inline-block;font-family:var(--display);font-weight:800;font-size:clamp(3.4rem,13vw,8rem);line-height:.95;letter-spacing:.04em;color:#fff;text-transform:uppercase;transform-origin:50% 80%;text-shadow:0 1px 0 #c9c9c9,0 2px 0 #bbb,0 3px 0 #aaa,0 4px 0 #999,0 5px 0 #888,0 6px 0 #777,0 7px 0 #666,0 12px 20px rgba(0,0,0,.6)}.banner.show .banner-text{animation:flipIn 1.9s cubic-bezier(.2,.9,.25,1.2) both}.banner-sub{margin-top:6px;font-family:var(--display);font-weight:800;font-size:clamp(1.1rem,4vw,1.8rem);letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.8)}.banner.show .banner-sub{animation:fadeUp 1.9s ease-out both}.banner[data-kind=six] .banner-text,.banner[data-kind=win] .banner-text,.banner[data-kind=zone] .banner-text{color:var(--accent);text-shadow:0 1px 0 #e0a600,0 2px 0 #cf9800,0 3px 0 #bd8a00,0 4px 0 #ab7c00,0 5px 0 #996e00,0 6px 0 #876000,0 7px 0 #755200,0 0 40px rgba(242,183,5,.7),0 12px 20px rgba(0,0,0,.6)}.banner[data-kind=four] .banner-text{color:#fff;text-shadow:0 1px 0 #93c5fd,0 2px 0 #60a5fa,0 3px 0 #3b82f6,0 4px 0 #2563eb,0 5px 0 #1d4ed8,0 6px 0 #1e40af,0 7px 0 #1e3a8a,0 0 30px rgba(59,130,246,.7),0 12px 20px rgba(0,0,0,.6)}.banner[data-kind=out] .banner-text,.banner[data-kind=lost] .banner-text{color:#fff;text-shadow:0 1px 0 #fca5a5,0 2px 0 #f87171,0 3px 0 #ef4444,0 4px 0 #dc2626,0 5px 0 #b91c1c,0 6px 0 #991b1b,0 7px 0 #7f1d1d,0 0 30px rgba(239,68,68,.7),0 12px 20px rgba(0,0,0,.6)}.banner[data-kind=runs] .banner-text,.banner[data-kind=dot] .banner-text,.banner[data-kind=drop] .banner-text,.banner[data-kind=appeal] .banner-text{font-size:clamp(2.2rem,8vw,4.2rem)}.banner[data-kind=win] .banner-text,.banner[data-kind=lost] .banner-text{font-size:clamp(2.4rem,9vw,5.5rem)}@keyframes flipIn{0%{opacity:0;transform:rotateX(80deg) scale(.4)}18%{opacity:1;transform:rotateX(-12deg) scale(1.12)}30%{transform:rotateX(0) scale(1)}82%{opacity:1;transform:rotateX(0) scale(1)}to{opacity:0;transform:rotateX(0) scale(1.08) translateY(-20px)}}@keyframes fadeUp{0%,15%{opacity:0;transform:translateY(10px)}30%,82%{opacity:1;transform:none}to{opacity:0}}.timing{position:absolute;left:50%;top:58%;transform:translate(-50%);pointer-events:none;z-index:24;visibility:hidden;font-family:var(--display);font-weight:800;font-size:1.7rem;text-transform:uppercase;letter-spacing:.06em;padding:4px 14px;border-radius:var(--radius);background:#0e1a33d9;border-bottom:3px solid var(--muted)}.timing small{display:block;text-align:center;font-size:.8rem;color:var(--muted);letter-spacing:.04em}.timing.show{visibility:visible;animation:timingIn 1.3s ease-out both}.timing[data-kind=perfect]{border-bottom-color:var(--accent);color:var(--accent)}.timing[data-kind=good]{border-bottom-color:#4ade80;color:#4ade80}.timing[data-kind=early],.timing[data-kind=late],.timing[data-kind=edge]{border-bottom-color:#f97316;color:#fdba74}.timing[data-kind=miss]{border-bottom-color:#ef4444;color:#fca5a5}@keyframes timingIn{0%{opacity:0;transform:translate(-50%,12px) scale(.8)}15%{opacity:1;transform:translate(-50%) scale(1.1)}25%,80%{transform:translate(-50%) scale(1);opacity:1}to{opacity:0}}.hint{position:absolute;left:50%;top:18%;transform:translate(-50%);max-width:min(520px,calc(100vw - 32px));text-align:center;padding:8px 14px;background:#0e1a33e6;border-radius:var(--radius);font-weight:600;font-size:.95rem;z-index:24;pointer-events:none;display:none}.hint.show{display:block}.replay-tag{position:absolute;top:14px;left:16px;z-index:27;display:none;align-items:center;gap:8px;padding:6px 12px;background:#0e1a33eb;border-radius:var(--radius);font-family:var(--display);font-weight:800;letter-spacing:.1em}.replay-tag.show{display:flex}.replay-tag small{font-weight:600;color:var(--muted);letter-spacing:.04em;margin-left:6px}.rec{width:10px;height:10px;border-radius:50%;background:#ef4444;animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}.intro-card{position:absolute;left:50%;bottom:12%;transform:translate(-50%);width:min(560px,calc(100vw - 32px));text-align:center;z-index:25;display:none;pointer-events:none}.intro-card.show{display:block;animation:fadeUp 5s ease-out both}.intro-kicker{font-family:var(--display);font-weight:700;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.intro-title{font-family:var(--display);font-weight:800;font-size:clamp(2rem,7vw,3.4rem);line-height:1;text-transform:uppercase;text-shadow:0 3px 12px rgba(0,0,0,.7)}.intro-sub{margin-top:6px;font-weight:600;color:#dfe3e8;text-shadow:0 2px 6px rgba(0,0,0,.8)}.intro-skip{margin-top:14px;font-family:var(--display);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;color:var(--muted)}.loading{position:absolute;inset:0;z-index:60;background:var(--bg);display:none;place-content:center;gap:12px;text-align:center;font-family:var(--display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.loading.show{display:grid}.loading-bar{width:220px;height:4px;background:var(--line);overflow:hidden}.loading-bar span{display:block;width:40%;height:100%;background:var(--accent);animation:slide 1.1s infinite ease-in-out}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.screen{position:absolute;inset:0;z-index:40;background:var(--bg);overflow-y:auto;padding:18px 16px 40px;display:none;touch-action:pan-y}.screen.active{display:block}.map-header{max-width:960px;margin:0 auto 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px}.map-back{color:var(--muted);text-decoration:none;font-weight:600;font-size:.9rem}.map-back:hover{color:var(--text)}.map-title{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,5vw,2.4rem);text-transform:uppercase;letter-spacing:.04em}.map-stars{justify-self:end;font-family:var(--display);font-weight:700;font-size:1.1rem}.chapters{max-width:960px;margin:0 auto;display:grid;gap:22px}.chapter-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.chapter-head h2{margin:0;font-size:1.15rem;font-weight:800}.chapter-head span{color:var(--muted);font-size:.95rem}.chapter-story{margin:0 0 10px;color:var(--muted);font-size:.9rem;line-height:1.4;max-width:640px}.level-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}@media(max-width:640px){.level-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.level-tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 8px 9px;text-align:left}.level-tile:hover:not(:disabled){background:var(--panel-2)}.level-tile:disabled{cursor:default;color:var(--dim)}.level-tile.next{border-color:var(--accent)}.level-num{font-family:var(--display);font-weight:800;font-size:1.5rem;line-height:1}.level-name{margin-top:3px;font-size:.8rem;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-obj{margin-top:2px;font-size:.72rem;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-tile:disabled .level-name{color:var(--dim)}.level-foot{margin-top:6px;font-size:.8rem;letter-spacing:.15em}.level-locked{font-family:var(--display);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.star{color:var(--dim)}.star.on{color:var(--accent)}.map-help{max-width:960px;margin:0 auto 18px;padding:10px 14px;border-left:3px solid var(--accent);background:#ffffff0a;color:var(--text);font-size:.95rem;line-height:1.5}.sheet{position:absolute;inset:0;z-index:50;background:#08090bdb;display:none;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.sheet.active{display:flex}.card{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius);padding:20px 20px 16px;margin:auto}.card-kicker{font-family:var(--display);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.card-title{margin:4px 0 8px;font-family:var(--display);font-weight:800;font-size:2rem;line-height:1.05;text-transform:uppercase}.card-title.good{color:var(--good)}.card-title.bad{color:var(--bad)}.card-text{margin:0 0 14px;font-size:.95rem;line-height:1.45}.card-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:12px;font-family:var(--display);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.card-meta b{color:var(--text);font-weight:700}.objectives{list-style:none;margin:0 0 16px;padding:0;border-top:1px solid var(--line)}.objectives li{display:flex;gap:10px;align-items:baseline;padding:9px 2px;border-bottom:1px solid var(--line);font-size:.93rem}.objectives li .star{width:1em}.objectives li.met .star{color:var(--accent)}.objectives li.missed{color:var(--muted)}.result-stars{display:flex;gap:8px;margin:2px 0 10px;font-size:2.4rem;line-height:1}.result-stars .star.on{animation:starIn .5s both}.result-stars .star:nth-child(2){animation-delay:.25s}.result-stars .star:nth-child(3){animation-delay:.5s}@keyframes starIn{0%{transform:scale(2.2) rotate(-30deg);opacity:0}}.result-grid{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:center;margin-bottom:14px}.wagon{width:140px;height:140px}.result-stats{margin:0;display:grid;grid-template-columns:auto auto;gap:4px 12px;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.result-stats dt{color:var(--muted)}.result-stats dd{margin:0;text-align:right}.card-actions{display:grid;gap:6px}.btn{border-radius:var(--radius);padding:12px 14px;font-family:var(--display);font-weight:800;font-size:1.1rem;text-transform:uppercase;letter-spacing:.06em;border:1px solid transparent}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:#ffc61a}.btn-primary:disabled{background:var(--panel-2);color:var(--muted);cursor:default}.btn-secondary{background:var(--panel-2);border-color:var(--line)}.btn-secondary:hover{border-color:var(--muted)}.btn-plain{background:transparent;color:var(--muted);font-family:var(--body);font-weight:600;font-size:.9rem;text-transform:none;letter-spacing:0;padding:8px}.btn-plain:hover{color:var(--text)}.vignette.off{display:none}.telemetry{position:absolute;left:16px;top:16px;width:232px;z-index:22;pointer-events:none;background:linear-gradient(180deg,#080e1ce0,#080e1cb8);border:1px solid rgba(255,255,255,.08);border-left:3px solid #22D3EE;border-radius:var(--radius);padding:8px 10px 6px;font-family:var(--display);text-transform:uppercase;opacity:0;transform:translate(-12px);transition:opacity .3s,transform .3s}.telemetry.show{opacity:1;transform:none}.tm-head{font-weight:800;font-size:.8rem;letter-spacing:.14em;color:#22d3ee;margin-bottom:4px;display:flex;align-items:center;gap:6px}.tm-head:before{content:"";width:7px;height:7px;border-radius:50%;background:#22d3ee;animation:blink 1s infinite}.tm-row{display:none;grid-template-columns:1fr auto;column-gap:8px;align-items:baseline;padding:3px 0;border-top:1px solid rgba(255,255,255,.06)}.tm-row.on{display:grid;animation:tmIn .35s ease-out}.tm-row span{font-weight:700;font-size:.78rem;letter-spacing:.06em;color:var(--muted)}.tm-row b{font-weight:800;font-size:1.15rem;letter-spacing:.02em;color:#fff;text-align:right;font-variant-numeric:tabular-nums}.tm-row small{grid-column:1 / -1;font-weight:600;font-size:.7rem;letter-spacing:.05em;color:#7dd3fc;text-transform:none;margin-top:-2px}.tm-row small:empty{display:none}.tm-row.hot b{color:var(--accent)}@keyframes tmIn{0%{opacity:0;transform:translate(-8px)}}.ball-card{position:absolute;right:16px;top:64px;width:min(560px,calc(100vw - 32px));z-index:28;background:#080c16ed;border:1px solid rgba(255,255,255,.08);border-top:3px solid var(--accent);border-radius:var(--radius);padding:12px 14px;display:none}.ball-card.show{display:block;animation:cardIn .45s cubic-bezier(.2,.9,.25,1.1)}@keyframes cardIn{0%{opacity:0;transform:translateY(-14px) scale(.97)}}.bc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.bc-result{font-family:var(--display);font-weight:800;font-size:1.9rem;line-height:1;text-transform:uppercase;letter-spacing:.03em}.bc-result[data-kind=six]{color:var(--accent)}.bc-result[data-kind=four]{color:#60a5fa}.bc-result[data-kind=out]{color:#f87171}.bc-sub{margin-top:3px;font-size:.82rem;color:var(--muted);font-weight:600}.bc-next{flex:none;background:var(--accent);color:var(--accent-ink);border:0;border-radius:var(--radius);padding:9px 14px;font-family:var(--display);font-weight:800;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;pointer-events:auto}.bc-over{margin:8px 0 0;padding:6px 8px;background:#f2b7051f;border-left:3px solid var(--accent);font-family:var(--display);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.92rem}.bc-over b{color:var(--accent)}.bc-over .ob{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:3px;border-radius:50%;background:#1e293b;font-size:.75rem}.bc-over .ob.four{background:#1d4ed8}.bc-over .ob.six{background:var(--accent);color:var(--accent-ink)}.bc-over .ob.w{background:#b91c1c}.bc-body{display:grid;grid-template-columns:96px 1fr 1fr;gap:14px;margin-top:10px}.bc-pitch{width:96px;height:200px;border-radius:var(--radius);background:#1e4d25}.bc-col h3{margin:0 0 4px;font-family:var(--display);font-weight:800;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.bc-row{display:grid;grid-template-columns:1fr auto;column-gap:8px;padding:4px 0;border-top:1px solid rgba(255,255,255,.06)}.bc-row span{font-size:.8rem;color:var(--muted);font-weight:600}.bc-row b{font-family:var(--display);font-weight:800;font-size:1.02rem;text-align:right;font-variant-numeric:tabular-nums}.bc-row small{grid-column:1 / -1;font-size:.7rem;color:#7dd3fc;margin-top:-2px}.bc-row small:empty{display:none}.bc-left{color:var(--muted);font-size:.9rem;margin:6px 0}@media(max-width:640px){.telemetry{top:104px;left:8px;width:168px;padding:6px 8px 4px}.tm-row b{font-size:.98rem}.tm-row span{font-size:.68rem}.tm-row small{font-size:.64rem}.ball-card{inset:auto 8px 8px;width:auto;max-height:72vh;overflow-y:auto;padding:10px}.bc-body{grid-template-columns:1fr 1fr}.bc-pitch{display:none}.bc-result{font-size:1.5rem}}.result-analytics{margin:0 0 14px}.result-analytics h3{margin:0 0 8px;font-family:var(--display);font-weight:800;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.ra-grid{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:start}.ra-pitch{width:96px;height:200px;background:#1e4d25;border-radius:var(--radius)}.ra-stats{margin:0;display:grid;grid-template-columns:1fr auto;gap:5px 10px;font-size:.85rem}.ra-stats dt{color:var(--muted)}.ra-stats dd{margin:0;text-align:right;font-family:var(--display);font-weight:800;font-size:.98rem}.ra-timing{display:flex;height:22px;margin-top:10px;border-radius:var(--radius);overflow:hidden;font-family:var(--display);font-weight:700;font-size:.72rem;text-transform:uppercase}.rt-bar{display:grid;place-items:center;overflow:hidden;white-space:nowrap;min-width:0}.rt-early,.rt-late{background:#9a3412}.rt-good{background:#15803d}.rt-perfect{background:var(--accent);color:var(--accent-ink)}.rt-edge{background:#7f1d1d}.card{max-height:calc(100vh - 32px);overflow-y:auto}.flare-layer{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden;mix-blend-mode:screen}.flare{position:absolute;left:0;top:0;border-radius:50%;opacity:0;will-change:transform,opacity}.flare.glow{background:radial-gradient(circle,#fffaeb,#ffecbe8c 12%,#ffdca01f 40%,#ffdca000 70%)}.flare.ring{background:radial-gradient(circle,rgba(0,0,0,0) 52%,currentColor 62%,rgba(0,0,0,0) 72%)}.flare.hex{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);background:radial-gradient(circle,currentColor 0%,rgba(0,0,0,0) 90%)}.flare.blue{color:#8cbeffe6}.flare.amber{color:#ffc882e6}.flare.green{color:#aaf0bee6}.flare.violet{color:#c8aaffe6}.telemetry{width:300px;display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.telemetry .tm-head{grid-column:1 / -1}.tm-row b{font-size:1.05rem}@media(max-height:520px){.ball-card{top:52px;max-height:calc(100vh - 64px);overflow-y:auto}.bc-pitch{height:160px}}@media(max-width:640px){.telemetry{width:200px;column-gap:8px}}.rotate{position:fixed;inset:0;z-index:100;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--bg);text-align:center;padding:24px;touch-action:none}@media(orientation:portrait)and (pointer:coarse){.playing .rotate{display:flex}}.rotate-phone{width:58px;height:100px;border:4px solid var(--text);border-radius:12px;position:relative;animation:turnPhone 2.2s ease-in-out infinite}.rotate-phone:after{content:"";position:absolute;left:50%;bottom:6px;width:14px;height:4px;margin-left:-7px;border-radius:2px;background:var(--text)}@keyframes turnPhone{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg);border-color:var(--accent)}to{transform:rotate(0)}}.rotate-title{font-family:var(--display);font-weight:800;font-size:1.7rem;text-transform:uppercase;letter-spacing:.04em}.rotate-sub{color:var(--muted);font-size:.95rem}@media(orientation:landscape)and (max-height:500px){.scorebug{left:8px;bottom:8px;min-width:0}.sb-score{font-size:1.4rem}.sb-bowler{display:none}.radar{width:110px;height:110px;right:8px;bottom:8px}.aim-chip{right:8px;bottom:124px;font-size:.78rem}.run-btn{right:128px;bottom:16px;width:84px;height:84px;font-size:1.15rem}.back-btn{right:126px;bottom:108px}.runs-count{right:150px;bottom:104px}.telemetry{top:8px;left:8px;width:240px;padding:5px 8px 4px}.tm-row b{font-size:.9rem}.tm-row span{font-size:.66rem}.over-strip{top:8px}.over-strip span{width:22px;height:22px;font-size:.8rem}.corner-actions{top:8px;right:8px}.ball-card{top:46px;right:8px;width:min(520px,calc(100vw - 16px));max-height:calc(100vh - 54px);overflow-y:auto;padding:8px 10px}.bc-result{font-size:1.4rem}.bc-body{grid-template-columns:80px 1fr 1fr;gap:10px}.bc-pitch{width:80px;height:160px;display:block}.hint{top:44px;font-size:.85rem}.banner{top:18%}}.stick-arrows{position:absolute;inset:0;width:100%;height:100%;fill:#ffffffb3}.stick-label{position:absolute;left:0;right:0;top:100%;margin-top:4px;text-align:center;font-family:var(--display);font-weight:700;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3}@media(pointer:coarse){.scorebug{top:8px;bottom:auto;left:8px;min-width:0}.telemetry{display:none}.radar{top:52px;bottom:auto;right:8px;width:100px;height:100px}.aim-chip{display:none!important}.over-strip{top:104px;left:8px;transform:none}.stick{left:92px;bottom:92px;width:136px;height:136px;margin:-68px 0 0 -68px;opacity:.85}.stick-knob{width:58px;height:58px;margin:-29px 0 0 -29px}.shot-bar{left:auto;right:10px;bottom:10px;transform:none;flex-direction:column;gap:6px;background:none;padding:0}.shot-btn{flex:none;min-width:112px;padding:13px 10px;font-size:1rem;color:#e5e7eb;background:#0e1a33e6;border:1px solid rgba(255,255,255,.22)}.shot-btn.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.run-btn{right:136px;bottom:14px;width:94px;height:94px;font-size:1.25rem}.back-btn{right:139px;bottom:116px}.runs-count{right:150px;bottom:120px}}@media(pointer:coarse)and (max-height:400px){.stick{left:78px;bottom:78px;width:116px;height:116px;margin:-58px 0 0 -58px}.shot-btn{padding:10px 8px;min-width:96px;font-size:.9rem}.run-btn{right:116px;width:82px;height:82px}}.match-hud{inset:0 env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px)}.corner-actions{right:calc(12px + env(safe-area-inset-right,0px))}.match-hud.fielding .stick,.match-hud.fielding .aim-chip{display:none!important}.throw-pick{position:absolute;left:50%;bottom:120px;transform:translate(-50%);z-index:29;display:none;gap:10px;align-items:center;padding:8px 10px;background:#0e1a33eb;border:1px solid rgba(255,255,255,.2);border-top:3px solid #EF4444;pointer-events:auto}.throw-pick.show{display:flex;animation:tpIn .18s ease-out}.tp-label{font-family:var(--display);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fca5a5;white-space:nowrap}.throw-pick button{min-width:132px;min-height:52px;padding:8px 12px;background:var(--accent);color:var(--accent-ink);border:0;font-family:var(--display);font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;cursor:pointer}.throw-pick button small{font-size:.7rem;opacity:.75}@keyframes tpIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media(pointer:coarse){.keys-only,.tp-label{display:none}.throw-pick{bottom:16px}.throw-pick button{min-width:150px;min-height:60px}}.toss-card{text-align:center}.toss-card .card-actions{justify-content:center}.coin-stage{height:150px;display:flex;align-items:flex-end;justify-content:center;perspective:600px;margin:4px 0 6px;position:relative}.coin-stage:after{content:"";position:absolute;bottom:2px;left:50%;width:70px;height:10px;margin-left:-35px;border-radius:50%;background:#00000059}.coin{width:88px;height:88px;position:relative;transform-style:preserve-3d;margin-bottom:8px;z-index:1}.coin-face{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;font-family:var(--display);font-weight:800;font-size:1.05rem;text-transform:uppercase;letter-spacing:.06em;color:#5a4200;background:radial-gradient(circle at 35% 30%,#ffe58a,#f2b705 55%,#b98700);border:4px solid #D89F00;box-shadow:inset 0 0 0 4px #ffffff38}.coin-face.tails{transform:rotateX(180deg)}.coin.flip{animation:coin-flip 1.9s cubic-bezier(.3,.1,.3,1) forwards}@keyframes coin-flip{0%{transform:translateY(0) rotateX(0)}45%{transform:translateY(-78px) rotateX(calc(var(--turns) * .5))}to{transform:translateY(0) rotateX(var(--turns))}}@media(prefers-reduced-motion:reduce){.coin.flip{animation:none;transform:rotateX(var(--turns))}}.catch-prompt{position:absolute;left:50%;bottom:120px;transform:translate(-50%);z-index:29;display:none;flex-direction:column;gap:8px;align-items:center;pointer-events:auto}.catch-prompt.show{display:flex}.cp-bar{position:relative;width:min(340px,60vw);height:14px;background:#0e1a33d9;border:1px solid rgba(255,255,255,.3);overflow:hidden}.cp-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#22c55e,#f2b705)}.cp-zone{position:absolute;top:0;bottom:0;left:78%;width:15%;border-left:2px solid #fff;border-right:2px solid #fff;background:#ffffff40;z-index:1}.cp-btn{min-width:170px;min-height:58px;border:0;background:#22c55e;color:#052e12;font-family:var(--display);font-weight:800;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;animation:runPulse .6s infinite}.cp-btn small{font-size:.7rem;opacity:.7}@media(pointer:coarse){.catch-prompt{bottom:16px}.tp-label{display:block;font-size:.8rem;max-width:110px;white-space:normal}}.stick{pointer-events:auto;touch-action:none;cursor:grab}.stick.show{cursor:grabbing}.match-hud:not(.show) .stick{pointer-events:none}.shot-btn{cursor:pointer}.shot-btn small{margin-left:6px;font-size:.7em;opacity:.6}