:root{--bg: #070b24;--panel: #10163a;--panel-2: #161d4a;--line: #262f68;--ink: #f3f4ff;--muted: #9ea6d6;--orange: #ff7a1a;--gold: #ffc93c;--pink: #ff2e88;--green: #35d07f;--red: #ff4a4a;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0;min-height:100%;min-width:320px}body{min-height:100vh;background:radial-gradient(1200px 500px at 15% -10%,#2a1f6e88,transparent 70%),radial-gradient(900px 500px at 100% 0%,#ff7a1a22,transparent 60%),var(--bg)}button,input{font:inherit;color:inherit}kbd{display:inline-grid;place-items:center;min-width:1.6em;padding:.05em .35em;border:1px solid #3a4486;border-bottom-width:2px;border-radius:5px;background:#1a2156;color:var(--ink);font:700 .78em/1.4 DM Sans,system-ui,sans-serif}.eyebrow{margin:0 0 6px;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.muted{color:var(--muted)}.fine{margin:10px 0 0;color:var(--muted);font-size:11px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.page{max-width:1720px;margin:0 auto;padding:26px clamp(14px,3vw,48px) 40px}.top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}.brand h1{margin:0;font:800 clamp(40px,5vw,64px) / .9 "Barlow Condensed",system-ui,sans-serif;letter-spacing:-.01em;text-transform:uppercase;font-style:italic}.brand h1 span{background:linear-gradient(90deg,var(--orange),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}.modes{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.modes a{display:flex;flex-direction:column;gap:2px;min-width:170px;padding:10px 18px;border-radius:10px;color:var(--muted);text-decoration:none}.modes a:hover:not([aria-current]){background:var(--panel-2)}.modes a[aria-current]{background:linear-gradient(135deg,var(--orange),#ff4f1a);color:#fff;box-shadow:0 6px 20px #ff7a1a44}.modes strong{font:700 18px/1.1 Barlow Condensed,system-ui,sans-serif;letter-spacing:.02em;text-transform:uppercase}.modes small{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.play{min-width:0}.scoreboard{display:grid;grid-template-columns:150px minmax(170px,1.3fr) minmax(130px,1fr) minmax(140px,1fr) 100px 96px;min-height:92px;margin-bottom:12px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#151c4a,#0f1538);box-shadow:0 10px 30px #0005}.scoreboard>div{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:10px 16px;border-left:1px solid var(--line)}.scoreboard>div:first-child{border-left:0}.scoreboard span,.stats span{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.scoreboard strong{display:block;font:700 30px/1.05 Barlow Condensed,system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scoreboard small{min-height:14px;margin-top:3px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.sb-call{background:linear-gradient(135deg,#ff7a1a,#ff4f1a)}.sb-call span{color:#ffe2cc!important}.sb-call strong{margin-top:4px;font-size:24px!important;letter-spacing:.04em;text-transform:uppercase;color:#fff}.scoreboard.is-wicket .sb-call{background:linear-gradient(135deg,var(--pink),#c3125f)}.scoreboard.is-extra .sb-call{background:linear-gradient(135deg,#4a55a8,#2d367a)}.sb-speed strong{font-size:42px!important;letter-spacing:-.01em}.sb-speed strong b{font-weight:700}.sb-speed em{margin-left:6px;color:var(--muted);font:700 13px DM Sans,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase}.sb-stumps{align-items:center;padding:6px 10px!important}.sb-stumps svg{width:72px;height:76px;overflow:visible}.sb-stumps .stump,.sb-stumps .bail{fill:#f4f1e8}.sb-stumps .crease{fill:#fff5}.sb-stumps circle{fill:var(--gold);stroke:#0f1538;stroke-width:.012}.sb-stumps circle.hit{fill:var(--pink)}.stage{position:relative;height:clamp(520px,70vh,900px);overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#0a1030}.stage canvas{display:block;width:100%;height:100%}.card{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);width:min(540px,calc(100% - 32px));padding:26px 28px 22px;border:1px solid #ffffff22;border-radius:18px;background:#0c1236e6;box-shadow:0 24px 70px #000a;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card.result{top:auto;bottom:16px;transform:translate(-50%);width:min(620px,calc(100% - 260px));padding:16px 22px 14px;animation:rise .3s ease-out}.card.result h2{font-size:34px}.card.result p{margin:4px 0}.card.result .stats{margin:10px 0 2px}.card.result .btn{margin-top:10px}.card.result .fine{display:none}@keyframes rise{0%{transform:translate(-50%,20px);opacity:0}}.card[hidden]{display:none}.card h2{margin:4px 0 10px;font:800 38px/1 Barlow Condensed,system-ui,sans-serif;letter-spacing:.01em;text-transform:uppercase;font-style:italic}.card.wicket h2{color:var(--pink);text-shadow:0 0 24px #ff2e8866}.card.extra h2{color:#aab4ff}.card p{margin:8px 0;color:#d4d8f5;font-size:14px;line-height:1.55}.card .muted{color:var(--muted);font-size:13px}.card .btn{margin-top:14px;min-width:180px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 6px}.stats>div{padding:10px 8px;border-radius:10px;background:#ffffff0d}.stats strong{display:block;margin-top:2px;font:700 30px/1.1 Barlow Condensed,system-ui,sans-serif;font-variant-numeric:tabular-nums}.stats strong small{margin-left:3px;color:var(--muted);font:700 10px DM Sans,sans-serif;text-transform:uppercase}.stats em{display:block;margin-top:2px;color:var(--muted);font-size:10px;font-style:normal}.speedgun{position:absolute;top:16px;right:16px;display:flex;align-items:baseline;gap:6px;padding:8px 14px 6px;border-radius:10px;background:linear-gradient(135deg,#ff7a1a,#ff2e88);box-shadow:0 8px 24px #ff2e8855;animation:pop .35s cubic-bezier(.2,1.6,.4,1)}.speedgun[hidden]{display:none}.speedgun b{font:800 34px/1 Barlow Condensed,system-ui,sans-serif;font-variant-numeric:tabular-nums}.speedgun span{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}@keyframes pop{0%{transform:scale(.6);opacity:0}}.over-strip,.mini-strip{display:flex;gap:6px;margin:0;padding:0;list-style:none}.over-strip{position:absolute;top:16px;left:16px;padding:8px;border-radius:999px;background:#0a0f2ccc}.over-strip[hidden]{display:none}.mini-strip{justify-content:center;margin:14px 0 0}.over-strip li,.mini-strip li{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffff1a;font:700 14px Barlow Condensed,system-ui,sans-serif}.over-strip li.w,.mini-strip li.w{background:var(--pink)}.over-strip li.b,.mini-strip li.b{background:var(--orange)}.over-strip li.x,.mini-strip li.x{background:#4a55a8;font-size:12px}.over-strip li.d,.mini-strip li.d{color:var(--green)}.gauges{position:absolute;right:16px;bottom:16px;display:grid;gap:7px;width:210px;padding:12px 12px 10px;border-radius:12px;background:#0a0f2cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gauges{transition:opacity .2s}.stage.is-result .gauges{opacity:0}.gauge span{display:flex;align-items:center;gap:4px;margin-bottom:4px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.gauge span kbd{font-size:9px;min-width:1.5em}.gauge i{position:relative;display:block;height:6px;border-radius:3px;background:#ffffff1c}.gauge i:after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:#ffffff40}.gauge b{--v: .5;position:absolute;top:-3px;left:calc(var(--v) * 100%);width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #ffc93c99}.gauge u{--v: .5;position:absolute;top:-4px;bottom:-4px;left:calc(var(--v) * 100%);width:3px;margin-left:-1px;border-radius:2px;background:var(--green)}.gauge.balance b{background:var(--green);box-shadow:0 0 10px #35d07f99}.gauge.balance.danger b{background:var(--red);box-shadow:0 0 12px #ff4a4acc}.touch{display:none}@media(pointer:coarse){.touch{z-index:2;position:absolute;right:12px;bottom:12px;display:flex;align-items:flex-end;gap:10px}.gauges{inset:64px auto auto 12px;width:150px;padding:8px 10px}.gauge span kbd,#hint{display:none}.card.result{width:calc(100% - 24px);top:12px;bottom:auto}.card.result .stats{display:none}}.touch .pad{display:grid;grid-template-columns:repeat(2,54px);gap:6px}.touch button{height:54px;border:1px solid #ffffff33;border-radius:12px;background:#0a0f2ccc;font:800 20px Barlow Condensed,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}.touch button.on{background:var(--orange)}.touch .bowl{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--pink));text-transform:uppercase}.controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;color:var(--muted);font-size:12px}.controls p{margin:0;line-height:2}.actions{display:flex;gap:8px;flex-shrink:0}.btn{min-height:42px;padding:10px 18px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--orange),#ff4f1a);color:#fff;box-shadow:0 6px 18px #ff7a1a40}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost{border-color:var(--line);background:var(--panel);color:var(--ink)}.btn.ghost:hover{background:var(--panel-2)}.btn.small{min-height:32px;padding:6px 12px;font-size:12px}.btn:disabled{opacity:.45;cursor:default}.side{display:grid;gap:14px}.panel{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.panel h2{margin:0 0 12px;font:800 28px/1 Barlow Condensed,system-ui,sans-serif;text-transform:uppercase;font-style:italic}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.panel>.muted{margin:0 0 14px;font-size:12px;line-height:1.5}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.swatch{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 0;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer}.swatch i{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--a) 55%,var(--b) 55%);box-shadow:inset 0 0 0 2px #fff2}.swatch span{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.02em}.swatch[aria-pressed=true]{border-color:var(--gold);background:#ffc93c14}.swatch[aria-pressed=true] span{color:var(--ink)}.board{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.board li{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 2px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.board li.you{margin-inline:-8px;padding-inline:10px;border-radius:8px;border-bottom-color:transparent;background:#ff7a1a22}.board .rank{min-width:22px;color:var(--orange);font-size:12px;font-weight:800}.board .who{flex:1;min-width:0}.board .who strong{display:block;font-size:14px;overflow-wrap:anywhere}.board .who small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.board .pts{font:700 24px Barlow Condensed,system-ui,sans-serif}.board .pts small{margin-left:3px;color:var(--muted);font:700 9px DM Sans,sans-serif;text-transform:uppercase}.board li.empty{flex-direction:column;gap:4px;padding:22px 0;color:var(--muted);font-size:12px;text-align:center}.board li.empty strong{color:var(--ink);font:700 22px Barlow Condensed,sans-serif;text-transform:uppercase}.name{display:block;margin-top:16px;font-size:12px;font-weight:700}.name input{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#0a0f2c;font-size:15px}.how ol{margin:0;padding-left:18px;color:#d4d8f5;font-size:13px;line-height:1.7}.how li+li{margin-top:6px}@media(max-width:1100px){.layout{grid-template-columns:minmax(0,1fr)}.side{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:860px){.top{flex-direction:column;align-items:stretch}.modes a{flex:1;min-width:0}.scoreboard{grid-template-columns:1.1fr 1.2fr 1fr;min-height:0}.scoreboard>div{padding:8px 10px}.scoreboard strong{font-size:22px}.sb-speed strong{font-size:28px!important}.sb-call strong{font-size:18px!important}.sb-length,.sb-best,.sb-stumps{display:none!important}.card{padding:18px 16px 16px}.card h2{font-size:28px}.card p{font-size:13px}.brand h1{font-size:44px}.stage{height:72vh}.controls{flex-direction:column;align-items:flex-start}}