:root{--bg:#0b1622;--bg2:#10202f;--panel:#10202feb;--panel-solid:#132637;--line:#ffffff1f;--chalk:#f3f6f2;--muted:#9fb3c4;--lime:#c8f03c;--lime-dark:#8fb31a;--coral:#ff6b4a;--sky:#4cc9f0;--gold:#ffd23f;--good:#3ddc84;--radius:14px;--display:"Arial Black", "Helvetica Neue", system-ui, sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--chalk);font-family:var(--body);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;overflow:hidden}#stage{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#ui>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.boot{text-align:center;background:radial-gradient(circle at 50% 35%, #183652, var(--bg) 70%);z-index:50;place-content:center;gap:18px;transition:opacity .4s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.boot.gone{opacity:0;pointer-events:none}.boot-logo{font-family:var(--display);letter-spacing:1px;justify-content:center;align-items:center;gap:12px;font-size:clamp(30px,7vw,56px);display:flex}.ball-dot{width:.7em;height:.7em;box-shadow:0 0 0 3px var(--lime), 0 0 24px #c8f03c80;background:radial-gradient(circle at 35% 30%,#fff,#e8e8e0 45%,#bdbdb0);border-radius:50%;display:inline-block}.boot-bar{background:#ffffff1a;border-radius:8px;width:min(320px,70vw);height:8px;margin:0 auto;overflow:hidden}.boot-bar i{background:var(--lime);border-radius:8px;width:30%;height:100%;animation:1.2s ease-in-out infinite load;display:block}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(340%)}}.boot-note{color:var(--muted);font-size:14px}.screen{touch-action:pan-y;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(24px + var(--safe-b)) calc(16px + var(--safe-l));background:linear-gradient(#0b16228c,#0b1622f0 60%);animation:.18s ease-out fadein;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.screen.solid{background:radial-gradient(circle at 70% 0%, #1b3a57, var(--bg) 65%)}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.wrap{max-width:980px;margin:0 auto}.topbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.topbar h1{font-family:var(--display);letter-spacing:.5px;flex:1;margin:0;font-size:clamp(22px,4vw,30px)}.chip-coins{color:var(--gold);font-variant-numeric:tabular-nums;background:#ffd23f1f;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-weight:800;display:inline-flex}.coin{background:radial-gradient(circle at 35% 30%, #fff3b0, var(--gold) 50%, #b98a00);border-radius:50%;width:14px;height:14px}.btn{letter-spacing:.4px;border:1px solid var(--line);background:#ffffff12;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 20px;font-weight:800;transition:transform 80ms,background .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(180deg, #d9ff5a, var(--lime) 50%, var(--lime-dark));color:#10200a;border-color:#0003;box-shadow:0 4px #5f7a0e,inset 0 1px #fff9}.btn.primary:active{transform:translateY(3px);box-shadow:0 1px #5f7a0e}.btn.danger{color:#ffb3a1;background:#ff6b4a29;border-color:#ff6b4a66}.btn.small{min-height:40px;padding:8px 14px;font-size:14px}.btn.icon{border-radius:50%;width:46px;min-height:46px;padding:0}.btn[disabled]{opacity:.4;pointer-events:none}.row{flex-wrap:wrap;gap:10px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 10px 30px #0000004d}.panel h2{letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:17px}.muted{color:var(--muted)}.small{font-size:13px}.home{grid-template-columns:1.3fr 1fr;align-items:stretch;gap:16px;display:grid}@media (max-width:720px){.home{grid-template-columns:1fr}}.hero{background:linear-gradient(135deg, #c8f03c2e, #4cc9f014 50%, #ff6b4a1f), var(--panel-solid);border:1px solid var(--line);border-radius:20px;flex-direction:column;justify-content:flex-end;gap:12px;min-height:230px;padding:22px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";border:18px solid #c8f03c2e;border-radius:50%;width:220px;height:220px;position:absolute;top:-40px;right:-40px}.hero .tag{letter-spacing:2px;color:var(--lime);text-transform:uppercase;font-size:13px;font-weight:800}.hero h2{font-family:var(--display);margin:0;font-size:clamp(30px,6vw,48px);line-height:1}.hero p{color:var(--muted);max-width:420px;margin:0}.tiles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tile{text-align:left;background:var(--panel-solid);border:1px solid var(--line);border-radius:16px;flex-direction:column;justify-content:space-between;min-height:96px;padding:16px;transition:transform 80ms,border-color .15s;display:flex}.tile:hover{border-color:#c8f03c80}.tile:active{transform:scale(.98)}.tile b{font-family:var(--display);font-size:18px}.tile span{color:var(--muted);font-size:13px}.tile.soon{opacity:.55}.stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.stat{text-align:center;background:#ffffff0a;border-radius:10px;padding:10px}.stat b{font-variant-numeric:tabular-nums;font-size:22px;display:block}.stat span{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.teams{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.team{background:var(--panel-solid);text-align:left;border:2px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.team.sel{border-color:var(--lime);background:#c8f03c1a}.team.opp.sel{border-color:var(--coral);background:#ff6b4a1a}.crest{clip-path:polygon(50% 0,100% 14%,100% 62%,50% 100%,0 62%,0 14%);width:44px;height:50px;font-family:var(--display);flex:none;place-items:center;font-size:12px;display:grid}.team small{color:var(--muted);font-size:12px;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:#ffffff12;border-radius:22px;min-height:44px;padding:10px 16px;font-weight:700}.chip.sel{background:var(--lime);color:#10200a}.setup-grid{gap:14px;display:grid}.toss{text-align:center;place-items:center;gap:18px;min-height:80vh;display:grid}.coin3d{background:radial-gradient(circle at 35% 30%, #fff6c8, var(--gold) 45%, #a77a00);width:120px;height:120px;font-family:var(--display);color:#6b4b00;border-radius:50%;place-items:center;font-size:28px;display:grid;box-shadow:0 10px 30px #00000080,inset 0 0 0 8px #0000001f}.coin3d.spin{animation:1.4s cubic-bezier(.2,.7,.3,1) flip}@keyframes flip{0%{transform:translateY(0)rotateX(0)}50%{transform:translateY(-120px)rotateX(1440deg)}to{transform:translateY(0)rotateX(2880deg)}}.hud{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.hud>*{pointer-events:auto}.score{top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));border:1px solid var(--line);pointer-events:none;background:#08101adb;border-radius:12px;align-items:stretch;max-width:calc(100vw - 130px);display:flex;position:absolute;overflow:hidden;box-shadow:0 6px 20px #00000059}@media (max-width:520px){.score .need{max-width:110px;font-size:11px}.score .ov span{font-size:11px}.score .side{padding:6px 8px}}.score .side{align-items:center;gap:8px;padding:6px 10px;display:flex}.score .abbr{font-family:var(--display);border-radius:6px;padding:3px 6px;font-size:13px}.score .runs{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:22px}.score .ov{border-left:1px solid var(--line);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;padding:6px 10px;font-size:13px;display:flex}.score .ov b{font-size:16px}.score .need{border-left:1px solid var(--line);color:var(--lime);align-items:center;max-width:220px;padding:6px 10px;font-size:13px;font-weight:700;display:flex}.ballrow{top:calc(60px + var(--safe-t));left:calc(8px + var(--safe-l));pointer-events:none;gap:4px;display:flex;position:absolute}.bchip{border:1px solid var(--line);background:#08101acc;border-radius:13px;place-items:center;min-width:26px;height:26px;padding:0 6px;font-size:12px;font-weight:800;display:grid}.bchip.b4{background:var(--sky);color:#04202b}.bchip.b6{background:var(--lime);color:#10200a}.bchip.w{background:var(--coral);color:#fff}.bchip.x{color:var(--gold);background:#ffd23f40}.players{top:calc(92px + var(--safe-t));left:calc(8px + var(--safe-l));pointer-events:none;font-variant-numeric:tabular-nums;background:#08101ab3;border-radius:10px;padding:6px 10px;font-size:12px;line-height:1.5;position:absolute}.players .on{color:var(--lime)}.topright{top:calc(8px + var(--safe-t));right:calc(8px + var(--safe-r));gap:8px;display:flex;position:absolute}.hud .btn.icon{background:#08101acc}.badge{top:calc(8px + var(--safe-t));letter-spacing:1px;pointer-events:none;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:900;position:absolute;left:50%;transform:translate(-50%)}.badge.freehit{background:var(--gold);color:#3a2a00;top:calc(52px + var(--safe-t))}.badge.replay{background:var(--coral);color:#fff}.badge.offline{color:var(--muted);top:auto;bottom:calc(6px + var(--safe-b));background:#ffffff1f;font-size:11px;font-weight:700}.pop{font-family:var(--display);text-shadow:0 4px #00000059,0 0 30px #0006;pointer-events:none;white-space:nowrap;font-size:clamp(34px,9vw,84px);animation:1.6s ease-out forwards pop;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.pop.small{font-size:clamp(20px,4.5vw,34px);animation-duration:1.1s;top:26%}.pop.six{color:var(--lime)}.pop.four{color:var(--sky)}.pop.out{color:var(--coral)}.pop.extra{color:var(--gold)}.pop.perfect{color:var(--lime)}.pop.good{color:#e6f7a0}.pop.bad{color:#ffb3a1}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}22%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-62%)scale(1)}}.reduced .pop{animation:1.4s linear forwards popfade}@keyframes popfade{0%,80%{opacity:1}to{opacity:0}}.speed{right:calc(16px + var(--safe-r));top:calc(62px + var(--safe-t));pointer-events:none;background:#08101abf;border-radius:12px;padding:4px 10px;font-size:15px;font-weight:900;animation:2s linear forwards popfade;position:absolute}.subpop{pointer-events:none;white-space:nowrap;background:#08101abf;border-radius:20px;padding:6px 14px;font-size:clamp(14px,3vw,20px);font-weight:800;animation:2s linear forwards popfade;position:absolute;top:44%;left:50%;transform:translate(-50%)}.timing{left:50%;bottom:calc(150px + var(--safe-b));pointer-events:none;text-align:center;width:min(280px,60vw);color:var(--muted);font-size:11px;animation:2s linear forwards popfade;position:absolute;transform:translate(-50%)}.tbar{background:linear-gradient(90deg,#ff6b4a 0,#ffd23f 25%,#c8f03c 42% 58%,#ffd23f 75%,#ff6b4a 100%);border-radius:6px;height:10px;margin:4px 0;position:relative}.tbar i{background:#fff;border-radius:2px;width:4px;height:18px;position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 0 6px #000}.tlabels{justify-content:space-between;display:flex}.controls{padding:0 calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.controls>*{pointer-events:auto}.dpad{touch-action:none;background:radial-gradient(circle,#3c8c3c8c 0 30%,#28642880 30% 100%);border:2px solid #ffffff59;border-radius:50%;width:clamp(120px,26vmin,170px);height:clamp(120px,26vmin,170px);position:relative}.dpad:before{content:"";background:#d2bd86;border-radius:2px;width:8%;height:34%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dpad .arrow{transform-origin:50% 0;background:linear-gradient(0deg, transparent, var(--lime));pointer-events:none;border-radius:3px;width:6px;height:46%;margin-left:-3px;position:absolute;top:50%;left:50%}.dpad .lbl{color:var(--chalk);white-space:nowrap;text-shadow:0 1px 2px #000;font-size:11px;font-weight:800;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.dpad .side-l,.dpad .side-r{color:#ffffffb3;letter-spacing:1px;font-size:9px;font-weight:800;position:absolute;top:44%}.dpad .side-l{left:8px}.dpad .side-r{right:8px}.shotbtns{grid-template-columns:repeat(3,auto);align-items:end;gap:10px;display:grid}.sbtn{letter-spacing:.6px;touch-action:none;border:2px solid #ffffff59;border-radius:50%;place-items:center;width:clamp(70px,15vmin,96px);height:clamp(70px,15vmin,96px);font-size:clamp(11px,2.4vmin,14px);font-weight:900;display:grid;box-shadow:0 6px 16px #0006}.sbtn small{opacity:.7;font-size:10px;font-weight:700;display:block}.sbtn.defend{color:#04202b;background:#4cc9f0d9}.sbtn.ground{color:#10200a;background:#c8f03ceb;width:clamp(80px,17vmin,108px);height:clamp(80px,17vmin,108px)}.sbtn.loft{color:#fff;background:#ff6b4aeb}.sbtn:active,.sbtn.pressed{filter:brightness(1.15);transform:scale(.93)}.runbtns{right:calc(12px + var(--safe-r));bottom:calc(140px + var(--safe-b));gap:10px;display:flex;position:absolute}.rbtn{letter-spacing:1px;border-radius:14px;min-width:96px;min-height:56px;font-size:18px;font-weight:900;box-shadow:0 6px 16px #0006}.rbtn.run{background:var(--lime);color:#10200a}.rbtn.stop{background:var(--coral);color:#fff}.bowlbar{padding:0 calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.bowlbar>*{pointer-events:auto}.dtypes{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.dtype{border:1px solid var(--line);text-align:center;background:#08101adb;border-radius:10px;min-height:40px;padding:6px 12px;font-size:13px;font-weight:800}.dtype small{color:var(--muted);font-size:10px;font-weight:500;display:block}.dtype.sel{background:var(--lime);color:#10200a}.dtype.sel small{color:#2e4a07}.aimhint{pointer-events:none;background:#08101acc;border-radius:14px;padding:6px 12px;font-size:13px}.aimhint b{color:var(--gold)}.bowlbtn{min-width:180px;min-height:56px;font-size:18px}.meter{left:50%;bottom:calc(110px + var(--safe-b));text-align:center;pointer-events:none;width:min(420px,80vw);position:absolute;transform:translate(-50%)}.meter .track{background:linear-gradient(90deg,#5b6b7a 0 38%,#ffd23f 38% 60%,#3ddc84 60% 78%,#ffb03f 78% 92%,#ff4a3a 92% 100%);border:2px solid #ffffff80;border-radius:12px;height:22px;position:relative;overflow:hidden}.meter .needle{background:#fff;border-radius:3px;width:6px;height:30px;position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 0 8px #000}.meter .mlabels{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.meter .tap{text-shadow:0 1px 3px #000;margin-bottom:6px;font-weight:900}.overlay{padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));touch-action:pan-y;background:#050a1099;place-items:center;animation:.15s ease-out fadein;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.overlay .panel{width:min(560px,100%);max-height:100%;overflow-y:auto}.menu-list{gap:10px;display:grid}.bowler-list{gap:8px;display:grid}.bowler{text-align:left;border:1px solid var(--line);background:#ffffff0d;border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.bowler[disabled]{opacity:.4}.ovr{font-family:var(--display);text-align:center;color:var(--gold);font-size:18px}.bowler small{color:var(--muted);display:block}.scorecard{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.scorecard th,.scorecard td{border-bottom:1px solid var(--line);text-align:right;padding:5px 6px}.scorecard th:first-child,.scorecard td:first-child{text-align:left}.scorecard th{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:600}.result-title{font-family:var(--display);margin:0 0 6px;font-size:clamp(24px,5vw,38px)}.toggle{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.toggle:last-child{border-bottom:0}.toggle .t b{display:block}.toggle .t span{color:var(--muted);font-size:13px}.switch{background:#ffffff26;border-radius:15px;flex:none;width:52px;height:30px;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:left .15s;position:absolute;top:3px;left:3px}.switch.on{background:var(--lime)}.switch.on:after{left:25px}input[type=range]{width:160px;accent-color:var(--lime)}.help h3{color:var(--lime);margin:18px 0 6px;font-size:16px}.help p,.help li{color:#d9e3ea;font-size:15px;line-height:1.55}.help ul{padding-left:20px}.kbd{border:1px solid var(--line);background:#ffffff1f;border-radius:5px;padding:1px 7px;font-size:13px;font-weight:700;display:inline-block}.tut-card{text-align:center}.tut-card .pic{place-items:center;height:130px;margin:6px auto 12px;display:grid}.tut-dots{justify-content:center;gap:6px;margin:12px 0;display:flex}.tut-dots i{background:#fff3;border-radius:50%;width:8px;height:8px}.tut-dots i.on{background:var(--lime)}.rotate-hint{pointer-events:none;text-align:center;background:#08101ad9;border-radius:14px;padding:8px 14px;font-size:13px;position:absolute;top:44%;left:50%;transform:translate(-50%)}.err{z-index:100;background:#050a10eb;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@media (max-height:460px){.players{display:none}.ballrow{top:calc(52px + var(--safe-t))}.timing{bottom:calc(110px + var(--safe-b))}.runbtns{bottom:calc(108px + var(--safe-b))}.meter{bottom:calc(86px + var(--safe-b))}.score .runs{font-size:18px}}.reduced *{transition:none!important;animation-duration:.01ms!important}.reduced .pop,.reduced .subpop,.reduced .timing{animation:1.6s linear forwards popfade!important}