:root{--bg:#070b24;--panel:#0a0e28d1;--panel-solid:#111743;--line:#ffffff24;--text:#f5f7ff;--muted:#a8b0d6;--gold:#ffd23f;--red:#ff4d6d;--green:#4ade80;--blue:#4dd0ff;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}.home{background:radial-gradient(at 15% 0,#fffadc2e,#0000 45%),radial-gradient(at 85% 0,#fffadc2e,#0000 45%),linear-gradient(#050a1f 0%,#28215a 55%,#1f7a3a 55.2%,#145a2a 100%);flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100dvh;padding:32px 16px 48px;display:flex}.logo{text-align:center;letter-spacing:-.02em;text-shadow:0 6px #0006;font-size:clamp(44px,10vw,104px);font-weight:900;line-height:.9}.logo span{color:var(--gold);display:block}.tagline{color:var(--muted);text-align:center;max-width:520px;margin:-6px 0 0}.play-big{letter-spacing:.02em;color:#1b1300;text-align:center;background:linear-gradient(#ffe066,#ffb703);border:0;border-radius:999px;padding:22px 48px;font-size:clamp(24px,5vw,38px);font-weight:900;text-decoration:none;transition:transform 80ms;box-shadow:0 10px #b07d00,0 18px 40px #ffb70366}.play-big:active{transform:translateY(6px);box-shadow:0 4px #b07d00}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:min(560px,100%);padding:16px}.row{flex-wrap:wrap;gap:8px;display:flex}.label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 8px;font-size:12px}.chip{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700}.chip[aria-pressed=true]{background:var(--gold);color:#1b1300;border-color:var(--gold)}.team-dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:min(560px,100%);display:grid}.mode-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:14px;text-decoration:none;display:block}.mode-card strong{font-size:17px;display:block}.mode-card small{color:var(--muted)}.mode-card:hover,.chip:hover{border-color:#fff6}.shell{touch-action:none;-webkit-user-select:none;user-select:none;background:#000;position:fixed;inset:0;overflow:hidden}.shell canvas{display:block;position:absolute;inset:0}.hud-top{padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));pointer-events:none;flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.hud-top .scoreboard{order:1}.hud-top .hud-buttons{order:2;margin-left:auto}.toast{left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 40px);background:var(--panel);border:1px solid var(--line);z-index:5;white-space:nowrap;pointer-events:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;animation:5s forwards fadeout;position:absolute;transform:translate(-50%)}@keyframes fadeout{0%,80%{opacity:1}to{opacity:0}}.hud-top>*{pointer-events:auto}.scoreboard{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:200px;max-width:62vw;padding:8px 12px}.sb-team{letter-spacing:.04em;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.sb-score{font-variant-numeric:tabular-nums;font-size:30px;font-weight:900;line-height:1.05}.sb-score small{color:var(--muted);white-space:nowrap;margin-left:6px;font-size:14px;font-weight:600}.sb-need{color:var(--gold);font-size:14px;font-weight:700}.balls{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.ball-mark{background:#ffffff1f;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 4px;font-size:11px;font-weight:800;display:inline-flex}.ball-mark.b4{background:var(--blue);color:#001}.ball-mark.b6{background:var(--gold);color:#1b1300}.ball-mark.bw{background:var(--red)}.ball-mark.bx{color:var(--gold);background:#ffd23f40}.hud-buttons{gap:6px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--panel);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:inline-flex}.winprob{margin-top:8px}.winprob-bar{background:#ff4d6db3;border-radius:3px;height:6px;overflow:hidden}.winprob-bar>div{background:var(--green);height:100%;transition:width .6s}.winprob-label{color:var(--muted);justify-content:space-between;margin-top:3px;font-size:11px;display:flex}.hot{color:#ff9f1c;letter-spacing:.08em;font-size:12px;font-weight:900;animation:.8s infinite alternate pulse}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.caption{border:1px solid var(--line);background:linear-gradient(90deg,#b41428eb,#0a0e28e0 110px);border-radius:12px;flex:100%;order:3;align-items:center;gap:10px;min-width:0;padding:8px 12px;display:flex;pointer-events:none!important}.lt-name{letter-spacing:.1em;white-space:nowrap;font-size:12px;font-weight:900}.lt-name small{opacity:.8;font-size:9px;font-weight:700;display:block}.lt-text{min-height:1.3em;font-size:clamp(13px,2.2vw,16px);line-height:1.3}.ai-tag{color:var(--blue);vertical-align:middle;background:#4dd0ff33;border-radius:6px;margin-left:6px;padding:2px 6px;font-size:9px;font-weight:800}.overlay{z-index:10;background:#030514b8;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.card{background:var(--panel-solid);border:1px solid var(--line);text-align:center;border-radius:18px;width:min(460px,100%);padding:22px;box-shadow:0 20px 60px #00000080}.card h2{margin:0;font-size:44px;font-weight:900}.card .verdict{color:#e8e8ff;margin:14px 0;font-style:italic;line-height:1.45}.stats{grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0;display:grid}.stats div{background:#ffffff0d;border-radius:10px;padding:8px 4px}.stats b{font-size:20px;display:block}.stats span{color:var(--muted);font-size:11px}.btn{background:#ffffff1a;border:0;border-radius:12px;padding:12px 18px;font-weight:800;text-decoration:none;display:inline-block}.btn.primary{background:var(--gold);color:#1b1300}.btn-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.unlock{background:#ffd23f1f;border:1px solid #ffd23f66;border-radius:10px;margin:8px 0;padding:8px;font-size:14px}.locker{max-width:760px;margin:0 auto;padding:24px 16px 48px}.locker h1{margin:8px 0 18px;font-size:36px}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.ach{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px}.ach.locked{opacity:.45}.ach strong{display:block}.ach small{color:var(--muted)}.swatch{border:2px solid var(--line);border-radius:10px;width:44px;height:44px}.jersey{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-width:96px;padding:8px;font-size:12px;display:flex}.jersey[aria-pressed=true]{border-color:var(--gold)}.jersey:disabled{opacity:.4;cursor:not-allowed}.section{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:28px 0 12px;font-size:13px}.only-touch{display:none}@media (pointer:coarse){.only-touch{display:block}.only-mouse,.only-mouse-inline{display:none}}.kbd{text-align:center;vertical-align:middle;letter-spacing:0;text-transform:none;opacity:.85;border:1px solid #ffffff59;border-bottom-width:2px;border-radius:6px;min-width:1.6em;margin-left:4px;padding:1px 6px;font:700 .62em/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.play-big .kbd{border-color:#1b130073;font-size:.42em}@media (min-width:760px){.hud-top .caption{flex:1 1 0;order:2;max-width:760px;margin:0 auto}.hud-top .hud-buttons{order:3;margin-left:0}}@media (max-height:500px){.scoreboard{min-width:0;padding:6px 10px}.sb-score{font-size:22px}.sb-score small{font-size:12px}.sb-need{font-size:13px}.sb-bowler,.winprob-label{display:none}.winprob{margin-top:5px}.balls{margin-top:4px}.ball-mark{min-width:18px;height:18px;font-size:10px}.icon-btn{width:36px;height:36px;font-size:15px}.lt-text{font-size:13px}}@media (max-width:480px){.scoreboard{min-width:0;max-width:calc(100vw - 168px);padding:7px 10px}.hud-top{flex-wrap:wrap}.hud-top .hud-buttons{flex-shrink:0}.sb-ov{display:none}.icon-btn{border-radius:10px;width:36px;height:36px;font-size:15px}.hud-buttons{gap:5px}.sb-score{font-size:26px}.sb-score small{margin-left:4px;font-size:12px}.sb-bowler{display:none}.lt-text{font-size:13px}.lt-name{font-size:10px}}