:root{color-scheme:dark;--display-font:"Arial Narrow",Impact,sans-serif;--body-font:system-ui,sans-serif;font-family:system-ui,sans-serif;background:#02070b}button:focus-visible{outline:2px solid #ffb65e;outline-offset:3px}[hidden]{display:none!important}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#app{position:relative;background:#071119}#game{position:absolute;inset:0;width:100%;height:100%;display:block}.hidden{opacity:0!important;pointer-events:none!important;transform:translateY(8px)}.intro.hidden,.end-screen.hidden{visibility:hidden}.length-control.hidden,.in-match-bowler-styles.hidden,.bowling-side.hidden,.field-map.hidden,.crease-control.hidden,.field-readout.hidden{display:none}.broadcast-top{position:fixed;z-index:5;inset:0 0 auto;height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 30px;color:#f7fafb;background:linear-gradient(180deg,rgba(2,7,11,.82),transparent);letter-spacing:.13em;font-size:11px;font-weight:700;pointer-events:none}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:18px;height:18px;border:2px solid #ff9c32;border-radius:50%;position:relative}.brand-mark:after{content:"";width:8px;height:2px;background:#ff9c32;position:absolute;top:6px;left:3px;transform:rotate(-34deg)}.broadcast-meta{display:flex;align-items:center;gap:12px;font-size:8px;opacity:.48}.broadcast-meta i{width:1px;height:10px;background:#fff6}.live{justify-self:end;display:flex;align-items:center;gap:8px;opacity:.85}.live span{width:6px;height:6px;border-radius:50%;background:#ff523d;box-shadow:0 0 10px #ff523d;animation:pulse 1.8s infinite}.intro{position:fixed;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:radial-gradient(circle at 50% 60%,transparent 10%,rgba(2,7,11,.18) 48%,rgba(2,7,11,.75) 100%);transition:opacity .65s ease,transform .65s ease}.intro:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,8,12,.42),transparent 25%,transparent 75%,rgba(1,8,12,.42));pointer-events:none}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.3em;color:#ffad53;margin:0 0 12px}.intro .eyebrow{animation:introRise .8s .15s both}.intro h1{font:800 clamp(78px,14vw,180px)/.78 var(--display-font),sans-serif;letter-spacing:-.045em;margin:0;text-shadow:0 10px 50px #000;animation:introRise .9s .24s both}.intro h1 span{font-weight:500;font-size:.25em;letter-spacing:.06em;margin:0 .12em;opacity:.66;vertical-align:middle}.venue{margin:30px 0 0;font:500 14px/1.4 var(--body-font);color:#ffffffbf;animation:introRise .8s .36s both}.bowler-style-picker{position:relative;margin-top:22px;color:#fff;animation:introRise .8s .43s both}.bowler-style-picker>span{display:block;margin-bottom:8px;font-size:7px;font-weight:700;letter-spacing:.2em;opacity:.48}.bowler-style-picker>div{display:flex;gap:5px}.intro .bowler-style-picker button{margin:0;height:34px;min-width:88px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.2);background:#040e15ad;color:#ffffffb8;font-size:8px;letter-spacing:.11em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.intro .bowler-style-picker button:hover{transform:translateY(-2px);color:#fff;background:#ff9c3224}.intro .bowler-style-picker button.active{color:#111;background:#ff9c32;border-color:#ff9c32}.bowler-style-picker kbd{width:17px;height:17px;font-size:7px}.intro .bowler-style-picker button.active kbd{color:#fff;background:#111820}.intro button,.end-screen button{margin-top:34px;height:51px;padding:0 24px;border:0;border-radius:2px;background:#ff9c32;color:#101114;font-size:11px;letter-spacing:.16em;font-weight:800;cursor:pointer;transition:transform .2s,background .2s}.mode-actions{display:flex;gap:8px;animation:introRise .8s .48s both}.mode-actions button{min-width:166px;animation:none}.mode-actions button:nth-child(2){color:#fff;background:#040e15c7;border:1px solid rgba(255,255,255,.28)}.mode-actions button:nth-child(2):hover{color:#101114;background:#ffb35f;border-color:#ffb35f}.mode-actions .online-mode{color:#fff;background:#040e15c7;border:1px solid rgba(255,156,50,.55)}.mode-actions .online-mode i{color:#ff6b48;font-size:9px;text-shadow:0 0 9px #ff523d}.mode-actions small{display:block;margin-top:3px;font-size:7px;letter-spacing:.18em;opacity:.58}.intro button:hover,.end-screen button:hover{transform:translateY(-3px);background:#ffb35f}.intro button i,.end-screen button i{font-style:normal;margin-left:18px;font-size:16px}.micro{position:absolute;bottom:26px;max-width:calc(100% - 32px);font-size:10px;line-height:1.7;letter-spacing:.12em;opacity:.4}.online-lobby{position:fixed;z-index:10;inset:0;display:grid;place-items:center;color:#fff;background:linear-gradient(90deg,#02070bf5 0 40%,#02070bc2 65%,#02070b59);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:opacity .45s ease,transform .45s ease}.online-lobby:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 0 46%,rgba(255,156,50,.08) 46.2%,transparent 47%);animation:lobbyWipe .7s both}.online-panel{position:relative;width:min(560px,calc(100% - 42px));padding:12px 0 16px 30px;border-left:2px solid #ff9c32;text-align:left}.online-lobby.hidden{visibility:hidden}.online-setup.hidden,.online-waiting.hidden,.online-waiting strong.hidden,.online-search-time.hidden,.copy-room.hidden{display:none}.online-panel .eyebrow{display:flex;align-items:center;gap:9px}.online-signal{width:7px;height:7px;border-radius:50%;background:#ff523d;box-shadow:0 0 12px #ff523d;animation:pulse 1.5s infinite}.online-panel h2{margin:0;font:800 clamp(58px,9vw,102px)/.78 var(--display-font),sans-serif;letter-spacing:-.045em;text-shadow:0 8px 38px rgba(0,0,0,.55)}.online-lead{margin:24px 0 25px;color:#ffffff9e;font-size:13px}.online-setup{display:grid;grid-template-columns:1fr;gap:9px;max-width:430px}.online-setup label,.room-join span{font-size:7px;font-weight:700;letter-spacing:.18em;color:#ffffff73}.online-setup input{height:43px;padding:0 13px;border:0;border-bottom:1px solid rgba(255,255,255,.28);outline:0;color:#fff;background:#ffffff0e;font:700 12px var(--body-font);letter-spacing:.12em}.online-setup input:focus{border-color:#ff9c32;background:#ff9c3214}.online-primary-actions{display:flex;gap:7px;margin-top:4px}.online-primary-actions button,.room-join button,.copy-room,.cancel-online{height:45px;padding:0 18px;border:1px solid rgba(255,255,255,.24);color:#fff;background:#040e15a3;cursor:pointer;font-size:9px;font-weight:800;letter-spacing:.14em;transition:transform .2s,background .2s,border-color .2s}.online-primary-actions button:first-child{flex:1;border-color:#ff9c32;color:#111;background:#ff9c32}.online-primary-actions button:hover,.room-join button:hover,.copy-room:hover,.cancel-online:hover{transform:translateY(-2px);border-color:#ff9c32}.room-join{display:grid;grid-template-columns:92px 1fr 72px;align-items:center;gap:7px;margin-top:8px}.room-join input{text-transform:uppercase}.room-join button{height:43px;padding:0}.online-back{position:absolute;top:86px;left:30px;border:0;color:#ffffff8c;background:transparent;cursor:pointer;font-size:8px;font-weight:700;letter-spacing:.17em}.online-back:hover{color:#ffad53}.online-waiting{max-width:430px;padding-top:3px}.search-line{height:2px;overflow:hidden;background:#ffffff1f}.search-line span{display:block;width:34%;height:100%;background:#ff9c32;box-shadow:0 0 10px #ff9c32;animation:searchSweep 1.25s ease-in-out infinite}.online-waiting p{margin:18px 0 4px;font-size:8px;font-weight:700;letter-spacing:.2em;color:#ffffff80}.online-waiting strong{display:block;min-height:45px;font:800 40px/1 var(--display-font);letter-spacing:.12em}.online-waiting small{display:block;margin-top:7px;color:#ffffff8c;font-size:10px}.matchmaking-note{margin:12px 0 0;max-width:360px;font-size:11px;line-height:1.6;color:#fff9}.online-search-time{display:block;margin-top:18px;font-size:10px;letter-spacing:.12em;color:#ffa33c;font-variant-numeric:tabular-nums}.copy-room,.cancel-online{height:36px;margin:18px 7px 0 0;padding:0 12px;font-size:7px}.cancel-online{border:0;color:#ffffff7a;background:transparent}.online-error{min-height:16px;margin:12px 0 0;color:#ff8068;font-size:9px}.connection-banner{position:fixed;z-index:12;left:50%;top:78px;display:flex;align-items:center;gap:8px;transform:translate(-50%);padding:9px 13px;color:#fff;border-left:2px solid #ff9c32;background:#02090ee0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:8px;letter-spacing:.16em;transition:opacity .25s,transform .25s}.connection-banner.hidden{transform:translate(-50%,-8px)}.connection-banner span{width:6px;height:6px;border-radius:50%;background:#ff523d;box-shadow:0 0 10px #ff523d;animation:pulse 1.2s infinite}.hud{position:fixed;z-index:6;left:26px;bottom:24px;width:min(540px,calc(100% - 52px));filter:drop-shadow(0 7px 17px rgba(0,0,0,.4));transition:opacity .35s,transform .35s}.match-team-names{display:flex;align-items:center;gap:10px;padding:7px 12px;background:#071923;color:#f3f4ed;font-size:11px}.match-team-names span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-team-names span:last-child{text-align:right}.match-team-names small{color:#a8bcc0}.score-strip{min-height:62px;display:flex;align-items:stretch;background:#f4f5f1;color:#08121b;border-left:4px solid #ff9c32}.team-block{width:98px;display:flex;align-items:center;gap:9px;padding:0 15px;background:#0b2442;color:#fff;font:700 18px var(--display-font);letter-spacing:.06em}.flag{display:inline-block;width:22px;height:14px;box-shadow:0 0 0 1px #0000001f}.flag.blues{background:linear-gradient(#0a4d9b 0 33%,#e8f2f7 33% 66%,#30a4d8 66%)}.score{min-width:110px;padding:8px 18px 6px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #d9dbd8}.score b{font:800 26px/1 var(--display-font)}.score span{font-size:9px;letter-spacing:.12em;color:#687079;margin-top:3px}.target{padding:0 17px;display:flex;flex-direction:column;justify-content:center;font-size:8px;letter-spacing:.15em;color:#6a7175}.target b{font:700 17px var(--display-font);color:#172029}.need{flex:1;display:grid;place-items:center;background:#ff9c32;padding:0 12px;font:800 12px var(--display-font);letter-spacing:.06em;text-align:center}.player-strip{height:31px;display:flex;color:#fff;background:#051019eb;font:600 10px var(--display-font);letter-spacing:.06em}.player-strip>div{width:50%;display:flex;align-items:center;gap:8px;padding:0 14px}.player-strip span{opacity:.46;font-size:8px}.player-strip em{font-style:normal;margin-left:auto;color:#ffad53}.player-strip .bowler{border-left:1px solid rgba(255,255,255,.12)}.ball-history{height:25px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#030a10d1;color:#fff}.ball-history .over-label{margin-right:auto;font:600 7px var(--body-font);letter-spacing:.16em;opacity:.42}.ball-history i{width:13px;height:13px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#09121a;background:#ffffff0f;font:800 7px var(--display-font);font-style:normal;transition:background .25s,transform .25s}.ball-history i.played{background:#f3f3ed;border-color:#f3f3ed;transform:scale(1.05)}.ball-history i.boundary{color:#fff;background:#ff9c32;border-color:#ff9c32}.ball-history i.wicket{color:#fff;background:#df4c39;border-color:#df4c39}.match-panel{position:fixed;z-index:6;right:28px;bottom:27px;width:310px;display:flex;flex-direction:column;align-items:stretch;gap:9px}.match-aside{display:flex;flex-direction:column;gap:9px}.match-aside:empty,.match-aside.empty{display:none}.match-panel.hidden{display:none}.controls{color:#fff;transition:opacity .35s,transform .35s}.online-restart{width:100%;padding:7px;margin-top:5px;border:1px solid #ffffff45;background:#081724aa;color:#fff;font-size:9px;letter-spacing:.1em;cursor:pointer}.online-restart.hidden{display:none}.online-restart:disabled,#restartButton:disabled{opacity:.55;cursor:wait}.control-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:8px;letter-spacing:.16em}.control-heading span{opacity:.5}.control-heading b{color:#ffad53;font-size:8px}.control-heading i{color:#ffad53;font-style:normal;opacity:1;transition:color .2s}.control-heading i.gamepad{color:#7edbff}.shot-heading{margin:14px 0 7px}.shot-heading b{color:#fff;opacity:.35;font-size:6px}.direction{display:flex;gap:8px;align-items:center;transition:opacity .2s}.direction-locked .direction{opacity:.36}.direction button,.shots button{border:1px solid rgba(255,255,255,.19);background:#040e15c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer}.direction button{width:31px;height:31px;border-radius:50%;font-size:9px;transition:background .2s,border-color .2s}.direction button:hover{background:#ff9c32;color:#111;border-color:#ff9c32}.length-control{display:grid;grid-template-columns:1fr 31px 72px 31px;align-items:center;gap:8px;margin-top:8px;color:#fff}.in-match-bowler-styles,.bowling-side{display:flex;gap:5px;margin-top:8px}.bowling-side button{flex:1;height:25px;border:1px solid rgba(255,255,255,.18);color:#ffffffa6;background:#040e15c2;cursor:pointer;font-size:7px;font-weight:700;letter-spacing:.1em;display:flex;align-items:center;justify-content:center;gap:5px}.bowling-side button.active{color:#111;border-color:#ff9c32;background:#ff9c32}.bowling-side kbd{font-size:7px;opacity:.5;border:1px solid currentColor;border-radius:2px;padding:0 3px}.controls kbd,.controls.off,.field-presets.off{display:none}.field-map{display:flex;gap:8px;align-items:stretch;justify-content:flex-end}.field-presets{flex:1;margin-top:0;flex-direction:column}.field-wheel{width:86px;height:86px;flex:none;padding:0;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:#040e15d1;cursor:pointer}.field-wheel:hover{border-color:#ff9c32}.field-wheel[disabled]{cursor:default;opacity:.85}.field-wheel svg{display:block;width:100%;height:100%;overflow:visible}.wheel-rope{fill:#4a96626b;stroke:#ffffff6b;stroke-width:.022}.wheel-ring{fill:none;stroke:#ffffff57;stroke-width:.018;stroke-dasharray:.07 .05}.wheel-pitch{fill:#e0cb9ed9}.wheel-fielder{fill:#ff9c32;stroke:#040e1599;stroke-width:.014}.wheel-striker{fill:#eef0e9}.wheel-keeper,.wheel-bowler{fill:#eef0e980}.field-readout{flex:1;display:flex;flex-direction:column;justify-content:center;gap:3px;color:#fff}.field-readout>span{font-size:8px;letter-spacing:.16em;opacity:.5}.field-readout b{color:#ffad53;font-size:11px;letter-spacing:.1em}.field-readout small{font-size:7px;letter-spacing:.1em;opacity:.55}.crease-control{display:grid;grid-template-columns:1fr repeat(4,27px) 54px;align-items:center;gap:5px;margin-top:8px;color:#fff}.crease-control>span{font-size:8px;letter-spacing:.16em;opacity:.5}.crease-control b{text-align:right;color:#ffad53;font-size:8px;letter-spacing:.1em}.crease-control button{height:25px;border:1px solid rgba(255,255,255,.19);border-radius:2px;background:#040e15c2;color:#fff;cursor:pointer;font-size:9px;display:flex;align-items:center;justify-content:center;gap:3px}.crease-control button:hover{color:#111;background:#ff9c32;border-color:#ff9c32}.crease-control kbd{font-size:7px;opacity:.5}@media(pointer:coarse){.crease-control{grid-template-columns:1fr repeat(4,31px) 50px}}.in-match-bowler-styles button{flex:1;height:25px;border:1px solid rgba(255,255,255,.18);color:#ffffffa6;background:#040e15c2;cursor:pointer;font-size:7px;font-weight:700;letter-spacing:.1em}.in-match-bowler-styles button.active{color:#111;border-color:#ff9c32;background:#ff9c32}.length-control>span{font-size:8px;letter-spacing:.16em;opacity:.5}.length-control b{text-align:center;color:#ffad53;font-size:8px;letter-spacing:.12em}.length-control button{width:31px;height:25px;border:1px solid rgba(255,255,255,.19);border-radius:2px;background:#040e15c2;color:#fff;cursor:pointer}.length-control button:hover{color:#111;background:#ff9c32;border-color:#ff9c32}.aim-track{position:relative;flex:1;height:2px;background:#fff3}.aim-track:after{content:"";position:absolute;left:50%;top:-3px;height:8px;width:1px;background:#ffffff73}#aimNeedle{position:absolute;left:50%;top:-4px;width:3px;height:10px;background:#ff9c32;transition:left .15s;box-shadow:0 0 7px #ff9c32}.wide-mark{position:absolute;top:-6px;width:2px;height:14px;background:#ff7860e6;box-shadow:0 0 6px #ff78608c}.wide-mark.hidden{display:none}.aim-track{touch-action:none;cursor:ew-resize}.controls.late-aim .direction{opacity:1}.controls.late-aim .aim-track{height:4px;background:#73dca252;box-shadow:0 0 12px #73dca273}.controls.late-aim #aimNeedle{transition:none;width:4px;height:14px;top:-5px;background:#73dca2;box-shadow:0 0 10px #73dca2}.controls.late-aim .control-heading span{color:#73dca2}.shots{display:flex;gap:6px}.shots button{flex:1;height:48px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:8px;letter-spacing:.1em;transition:border .2s,transform .2s,background .2s}.shots button:hover{border-color:#ff9c32;transform:translateY(-2px)}.shots button.active{border-color:#ff9c32;background:#ff9c322e}.shots button>span{text-align:left;line-height:1}.shots button span b{font:inherit}.shots small{display:block;margin-top:4px;font-size:6px;letter-spacing:.12em;opacity:.45}kbd{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f1f1ed;color:#111;font:700 9px var(--body-font)}#hint{margin:10px 0 0;text-align:center;font-size:9px;opacity:.5}.delivery-card{position:fixed;z-index:6;right:28px;top:84px;width:190px;padding:12px 14px;color:#fff;border-left:2px solid #ff9c32;background:linear-gradient(90deg,#030c12e0,#030c128a);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:opacity .35s,transform .35s}.delivery-card>span{display:block;font-size:7px;letter-spacing:.18em;opacity:.45}.delivery-card>b{display:block;margin-top:4px;font:700 18px var(--display-font);letter-spacing:.04em}.delivery-card div{display:flex;align-items:center;gap:8px;margin-top:7px}.delivery-card em{font:600 7px var(--body-font);letter-spacing:.1em;font-style:normal;color:#ffad53}.delivery-card i{width:1px;height:8px;background:#ffffff47}.timing{position:fixed;z-index:7;left:50%;bottom:92px;transform:translate(-50%);width:260px;text-align:center;transition:opacity .2s}.timing-track{height:8px;position:relative;border:1px solid rgba(255,255,255,.25);background:linear-gradient(90deg,#d94b38a6,#ffab467a 50%,#d94b38a6);overflow:hidden}.timing-track .sweet{position:absolute;left:80%;width:12%;inset-block:0;background:#72cb63;box-shadow:0 0 12px #72cb63}.timing-track i{position:absolute;top:-3px;left:0;width:2px;height:13px;background:#fff;box-shadow:0 0 6px #fff}.timing-labels{display:flex;justify-content:space-between;margin-top:6px;color:#fff;font-size:6px;letter-spacing:.16em;opacity:.45}.timing-labels b{color:#91df7f;font-weight:700}.power-meter{position:fixed;z-index:7;left:50%;bottom:92px;transform:translate(-50%);width:260px;text-align:center;transition:opacity .2s}.power-track{height:8px;position:relative;border:1px solid rgba(255,255,255,.25);background:linear-gradient(90deg,#72cb636b,#91df7fd9 58%,#ffab46cc 80%);overflow:hidden}.power-track .danger{position:absolute;right:0;width:14%;inset-block:0;background:repeating-linear-gradient(45deg,#d94b38e6,#d94b38e6 3px,#fff3 3px 7px)}.power-track i{position:absolute;top:-3px;left:0;width:2px;height:13px;background:#fff;box-shadow:0 0 6px #fff}.power-labels{display:flex;justify-content:space-between;margin-top:6px;color:#fff;font-size:6px;letter-spacing:.16em;opacity:.45}.power-labels b{color:#91df7f;font-weight:700;opacity:.95}.power-meter.locked .power-track i{background:#ffd27f;box-shadow:0 0 10px #ffd27f}.power-meter.no-ball .power-track i{background:#ff6a52;box-shadow:0 0 10px #ff6a52}.power-meter.no-ball .power-labels b{color:#ff8f78}.callout{position:fixed;z-index:8;inset:0;display:grid;place-items:center;pointer-events:none;color:#fff;font:800 clamp(70px,13vw,150px)/1 var(--display-font);letter-spacing:-.04em;text-shadow:0 10px 40px rgba(0,0,0,.7);opacity:0;transform:scale(.85)}.callout.show{animation:callout 1.7s cubic-bezier(.2,.75,.2,1)}.callout small{display:block;font:700 11px var(--body-font);letter-spacing:.25em;text-align:center;color:#ffad53;margin-bottom:8px}.impact-flash{position:fixed;z-index:7;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 52% 58%,rgba(255,244,206,.8),rgba(255,156,50,.08) 22%,transparent 52%)}.impact-flash.hit{animation:impactFlash .32s ease-out}.commentary-caption{position:fixed;z-index:8;left:50%;bottom:54px;max-width:min(540px,calc(100% - 32px));padding:8px 13px;transform:translate(-50%,8px);color:#ffffffe0;background:#02090eb8;border-left:2px solid #ff9c32;font-size:11px;line-height:1.35;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.commentary-caption.show{opacity:1;transform:translate(-50%)}.end-screen{position:fixed;z-index:9;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:#02070bc7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:opacity .6s,transform .6s}.end-screen h2{font:800 clamp(70px,12vw,150px)/.85 var(--display-font);margin:0;letter-spacing:-.04em}.end-screen p:not(.eyebrow){color:#ffffffa6;margin:24px 0 0}.end-actions{display:flex;gap:8px}.end-screen .secondary{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.28)}.grain{position:fixed;z-index:20;inset:-50%;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:grain .24s steps(2) infinite}@keyframes pulse{50%{opacity:.35}}@keyframes introRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}}@keyframes callout{0%{opacity:0;transform:scale(.7)}16%{opacity:1;transform:scale(1)}68%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes impactFlash{0%{opacity:.9}to{opacity:0}}@keyframes lobbyWipe{0%{opacity:0;transform:translate(-8%)}to{opacity:1;transform:none}}@keyframes searchSweep{0%{transform:translate(-110%)}55%,to{transform:translate(300%)}}@media(max-width:760px){.broadcast-top{padding:0 16px}.broadcast-meta{display:none}.intro h1{font-size:27vw}.venue{max-width:280px}.bowler-style-picker{width:calc(100% - 24px);margin-top:18px}.bowler-style-picker>div{display:grid;grid-template-columns:repeat(2,1fr);max-width:300px;margin:auto}.bowler-style-picker button{width:100%;min-width:0}#handednessPicker{margin-top:12px}#handednessPicker>div{grid-template-columns:repeat(4,1fr);max-width:340px}#handednessPicker button{padding:0 4px;font-size:7px;letter-spacing:.06em}.mode-actions{width:min(340px,calc(100% - 32px))}.mode-actions{flex-wrap:wrap}.mode-actions button{min-width:0;flex:1 1 30%;padding:0 8px}.mode-actions .online-mode{flex-basis:100%;margin-top:0}.online-back{top:70px;left:17px}.online-panel{width:calc(100% - 34px);padding-left:20px}.online-panel h2{font-size:18vw}.online-primary-actions{flex-direction:column}.room-join{grid-template-columns:1fr 70px}.room-join span{grid-column:1/-1}.hud{left:10px;bottom:10px;width:calc(100% - 20px)}.team-block{width:76px;padding:0 9px}.target{display:none}.match-panel{right:10px;bottom:112px;width:270px}.timing,.power-meter{bottom:300px;width:210px}.delivery-card{top:66px;right:10px;width:170px}.player-strip .bowler{display:none}.player-strip>div{width:100%}.ball-history{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.intro{align-items:flex-start;padding:80px 6vw 70px;text-align:left;background:linear-gradient(90deg,rgba(4,16,22,.91),rgba(4,16,22,.69) 29%,rgba(4,16,22,.1) 67%,transparent)}.intro:before{display:none}.intro h1{font:800 clamp(66px,8.8vw,136px)/.92 "Arial Narrow",Impact,sans-serif;letter-spacing:-.04em;text-shadow:0 4px 30px #0003}.intro h1 #venueName{font:inherit;letter-spacing:inherit;margin:0;opacity:1;vertical-align:baseline}.intro h1 .venue-tamil{display:block;margin:12px 0 0 4px;font:500 22px/1.4 system-ui,sans-serif;letter-spacing:.04em;color:#d7decf;opacity:.8}.intro .eyebrow{font-size:9px;letter-spacing:.2em;color:#f2c16d}.matchup{margin:30px 0 0;font-size:10px;font-weight:700;letter-spacing:.09em}.matchup span{color:#f2c16d;margin:0 8px;font-weight:400}.intro .venue{margin:11px 0 0;font:400 13px/1.5 system-ui,sans-serif;color:#bec9c7}.ground-picker{display:flex;align-items:center;gap:16px;margin-top:22px;width:340px;max-width:100%;border-bottom:1px solid #ffffff45}.ground-picker>span{font:700 8px system-ui,sans-serif;letter-spacing:.14em;color:#c1c8c4}.ground-picker select{width:100%;min-width:0;height:42px;padding:0 22px 0 0;border:0;border-radius:0;background:transparent;color:#fff4df;font:600 14px system-ui,sans-serif;cursor:pointer}.ground-picker select option{color:#e9eee9;background:#11232d}.ground-picker select:focus-visible{outline:2px solid #ffcb79;outline-offset:4px}#groundHint{margin:7px 0 0;font:400 9px system-ui,sans-serif;color:#abbdbb}.intro h1 .venue-tamil.compact{font-size:14px;letter-spacing:.12em}#venueSource{color:#f1c675;font:600 11px system-ui,sans-serif}.intro .venue-settings{display:flex;align-items:center;gap:0;margin-top:24px}.intro .venue-settings button{height:31px;min-width:0;padding:0 11px;margin:0;font:700 8px system-ui,sans-serif;letter-spacing:.07em;background:#08161e80;color:#b9c4c7;border:1px solid #ffffff30;border-radius:0}.intro .venue-settings button.active{background:#e7e9dd;color:#1f343b;border-color:#e7e9dd}.intro .venue-settings #exploreGround{margin-left:12px;padding-left:0;padding-right:0;background:none;border-color:transparent;color:#f1c675}.intro .bowler-style-picker{margin-top:25px}.intro .bowler-style-picker button{height:32px;min-width:83px;font-size:7px}.intro .bowler-style-picker>span{font-size:8px;opacity:.65}.intro .mode-actions button{min-width:134px;margin-top:21px;height:51px;padding:0 18px;letter-spacing:.1em}.intro .micro{bottom:24px;font-size:8px;opacity:.65}.intro .venue-reference{position:absolute;right:30px;bottom:23px;margin:0;padding:8px 0;height:auto;background:none;border:0;color:#e8ede5;font:600 8px system-ui,sans-serif;letter-spacing:.09em}.live{font-size:9px;letter-spacing:.08em}.live b{font-weight:500}.live span{background:#dcb873;box-shadow:0 0 10px #e6b45b80}.ground-tour{position:fixed;z-index:6;inset:auto 0 0;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#fff;background:linear-gradient(transparent,#071725ed)}.ground-tour .eyebrow{font-size:10px}.ground-tour p{font-size:11px;margin:8px 0 0;color:#c1d0d0}.tour-actions{display:flex;gap:7px}.tour-actions button{border:1px solid #ffffff50;color:#e9eee9;background:#142932df;padding:12px 14px;cursor:pointer;font-size:9px;letter-spacing:.08em}.tour-actions button.active{color:#14242c;background:#eee7d3}.tour-actions #closeGroundTour{background:#ff9c32;color:#18272e;border-color:#ff9c32}button:focus-visible{outline:2px solid #ffcb79;outline-offset:4px}.venue-dialog{width:min(750px,calc(100vw - 32px));max-height:85svh;padding:0;border:1px solid #5b6f77;background:#11232d;color:#eef0e9;overflow:auto}.venue-dialog[open]{display:grid;grid-template-columns:42% 1fr}.venue-dialog::backdrop{background:#061018bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.venue-dialog img{width:100%;height:100%;object-fit:cover}.venue-dialog>div{padding:42px 28px 30px}.venue-dialog .eyebrow{font-size:8px;letter-spacing:.1em}.venue-dialog h2{font:700 26px system-ui,sans-serif;margin:16px 0}.venue-dialog p:not(.eyebrow){font:400 12px/1.8 system-ui,sans-serif;color:#bac7cc}#closeVenueDialog{position:absolute;right:9px;top:7px;border:0;background:#0b2029d9;color:#fff;width:32px;height:32px;font-size:25px;cursor:pointer}.grain{opacity:.015;animation:none}@media(max-width:760px){.ground-picker{margin-top:13px;width:310px;text-align:left}.ground-picker select{height:36px;font-size:12px}#groundHint{font-size:8px}.intro{padding:76px 22px 68px;align-items:center;text-align:center;justify-content:flex-end;background:linear-gradient(0deg,#05151aeb,#05151acc 37%,#05151a14 80%)}.intro h1{font-size:19vw}.intro h1 .venue-tamil{font-size:17px;margin-top:6px}.intro .eyebrow{font-size:7px;margin-bottom:9px}.matchup{font-size:8px;margin-top:17px}.intro .venue{font-size:11px;margin-top:7px}.intro .venue-settings{margin-top:15px}.intro .venue-settings button{font-size:7px;padding:0 9px}.intro .bowler-style-picker{width:100%;margin-top:17px}.intro .bowler-style-picker>div{display:flex;max-width:340px;gap:4px}.intro .bowler-style-picker button{min-width:0;flex:1;padding:0 6px;height:30px;gap:4px}.intro .mode-actions{width:100%;flex-wrap:nowrap}.intro .mode-actions button{min-width:0;flex:1;margin-top:17px;padding:0 7px;height:47px;font-size:9px}.mode-actions .online-mode{flex-basis:auto}.mode-actions button i{margin-left:5px}.intro .micro{bottom:31px;font-size:6px;letter-spacing:.07em}.intro .venue-reference{bottom:9px;right:auto;font-size:7px;padding:4px 0}.broadcast-top{grid-template-columns:1fr auto;height:56px;font-size:9px}.live{font-size:7px;gap:5px}.brand{gap:7px}.brand-mark{width:15px;height:15px}.brand-mark:after{top:5px;left:2px}.ground-tour{padding:18px;display:block}.ground-tour .eyebrow{font-size:8px}.tour-actions{margin-top:14px}.tour-actions button{flex:1;padding:11px 7px;font-size:7px}.venue-dialog[open]{display:block}.venue-dialog img{max-height:210px;object-position:50% 62%}.venue-dialog>div{padding:22px}.match-panel{width:280px}.controls{padding:11px;background:linear-gradient(135deg,#061822d9,#06182299);border-radius:3px}.control-heading span{opacity:.75}.commentary-caption{top:158px;bottom:auto;font-size:10px}}@media(max-height:700px){.match-panel{bottom:104px}.length-control,.in-match-bowler-styles,.bowling-side,.field-map,.crease-control{margin-top:5px}.field-wheel{width:60px;height:60px}.bowling-side button,.in-match-bowler-styles button,.crease-control button,.length-control button{height:22px}.shots button{height:44px}#hint{display:none}}@media(max-height:540px)and (min-width:600px){.ground-picker{margin-top:7px;width:320px}.ground-picker select{height:29px;font-size:11px}#groundHint{display:none}.intro{justify-content:center;align-items:flex-start;text-align:left;padding:55px 30px 35px;background:linear-gradient(90deg,#06151de6,rgba(6,21,29,.65) 40%,transparent)}.intro h1{font-size:58px}.intro h1 .venue-tamil{display:none}.intro .eyebrow{font-size:7px;margin-bottom:7px}.matchup{margin-top:11px;font-size:8px}.intro .venue{margin-top:5px;font-size:10px}.intro .venue-settings{margin-top:10px}.intro .bowler-style-picker{margin-top:10px;width:auto}.intro .bowler-style-picker>div{margin:0}.intro .bowler-style-picker button{min-width:70px;height:26px}.intro .bowler-style-picker>span{margin-bottom:4px;font-size:6px}.intro .mode-actions{width:340px}.intro .mode-actions button{margin-top:10px;height:38px;min-width:0;padding:0 10px}.intro .micro{bottom:7px;font-size:6px}.intro .venue-reference{right:20px;bottom:8px}.intro .eyebrow,.intro .matchup,.intro .micro,.intro .mode-actions button i{display:none}.intro h1{font-size:50px}.hud{width:360px;bottom:10px;left:12px}.match-panel{bottom:12px;right:12px;width:255px}.field-wheel{width:66px;height:66px}.crease-control{grid-template-columns:1fr repeat(4,25px) 46px}.delivery-card{top:60px;right:auto;left:12px;width:172px}.timing,.power-meter{bottom:120px;width:200px;left:30%}.commentary-caption{bottom:130px;font-size:9px}}.settings-button{position:fixed;top:52px;right:14px;z-index:6;width:38px;height:38px;padding:7px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#040e15c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f0efe6;cursor:pointer}.settings-button svg{display:block;width:100%;height:100%;fill:currentColor}.settings-button:hover{color:#111;background:#ff9c32;border-color:#ff9c32}.settings-button.hidden{display:none}.settings-dialog{width:min(620px,calc(100vw - 28px));max-height:86svh;padding:0;border:1px solid #5b6f77;background:#0d1f27;color:#eef0e9;overflow:auto}.settings-dialog::backdrop{background:#030a0eb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings-head{padding:20px 22px 14px;border-bottom:1px solid rgba(255,255,255,.12)}.settings-head span{display:block;font-size:8px;letter-spacing:.3em;color:#ff9c32}.settings-head b{display:block;margin-top:5px;font-size:19px;letter-spacing:.12em}.settings-head em{display:block;margin-top:6px;font-size:10px;font-style:normal;letter-spacing:.05em;opacity:.62}.settings-actions{display:flex;flex-wrap:wrap;gap:8px;padding:16px 22px}.settings-actions button{flex:1 1 150px;height:40px;border:1px solid rgba(255,255,255,.22);background:#ffffff0d;color:#eef0e9;font-size:9px;font-weight:700;letter-spacing:.14em;cursor:pointer}.settings-actions button:hover,.settings-actions .primary{color:#111;background:#ff9c32;border-color:#ff9c32}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;padding:4px 22px 22px}.settings-grid h3{margin:0 0 9px;font-size:8px;letter-spacing:.26em;opacity:.55;font-weight:700}.settings-grid label{display:flex;justify-content:space-between;margin:9px 0 4px;font-size:8px;letter-spacing:.14em;opacity:.7}.settings-grid output{color:#ffad53}.settings-grid input[type=range]{width:100%;accent-color:#ff9c32}.settings-row{display:flex;gap:6px;margin-top:8px}.settings-grid button{flex:1;height:29px;margin-top:8px;border:1px solid rgba(255,255,255,.19);background:#ffffff0a;color:#ffffffb3;font-size:7px;font-weight:700;letter-spacing:.12em;cursor:pointer}.settings-row button{margin-top:0}.settings-grid button[aria-pressed=true]{color:#111;background:#ff9c32;border-color:#ff9c32}.control-reference{grid-column:1/-1}#controlsList{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.control-group h4{margin:0 0 6px;font-size:8px;letter-spacing:.2em;color:#ffffff80;font-weight:700}.control-group.current h4{color:#ff9c32}.control-group dl{margin:0}.control-group div{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.07)}.control-group dt{font-size:9px;letter-spacing:.06em;opacity:.72}.control-group dd{margin:0;font-size:9px;font-weight:700;letter-spacing:.08em;color:#ffad53;text-align:right}@media(max-height:540px)and (min-width:600px){.settings-button{top:44px;right:10px;width:32px;height:32px}.settings-dialog{max-height:94svh}.settings-head{padding:14px 18px 10px}.settings-head b{font-size:15px}.settings-actions{padding:12px 18px}.settings-actions button{height:34px}.settings-grid{padding:0 18px 16px;gap:12px}}.career-entry{display:flex;gap:8px;width:min(420px,100%);margin-top:20px;position:relative}.intro .career-entry button{height:56px;margin:0;padding:8px 14px;background:#071923e8;border:1px solid #ffffff32;color:#fff;letter-spacing:.08em;text-align:left}.career-entry #openSquad{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.career-entry span{font-size:8px;color:#bfcbc9}.career-entry b{display:block;margin-top:5px;color:#f8f6ee;font-size:11px;letter-spacing:0}.career-entry #openSquad i{font-size:9px;margin:0;color:#ffb15a}.career-dialog{padding:0;width:min(720px,calc(100% - 28px));max-height:calc(100dvh - 32px);border:1px solid #4a5559;border-radius:4px;background:#0a1a23;color:#f3f4ed;box-shadow:0 24px 100px #0009}.career-dialog[open]{display:flex;flex-direction:column;animation:clubhouse-in .2s ease-out}.career-dialog::backdrop{background:#020a12ba;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.career-dialog header{display:flex;align-items:center;justify-content:space-between;padding:24px 26px 16px;flex-shrink:0}.career-dialog h2{font:800 44px/.95 var(--display-font);letter-spacing:-.025em;margin:0}.career-dialog .eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:10px}.career-dialog button{cursor:pointer;min-height:44px;border:1px solid #ffffff30;border-radius:2px;background:transparent;color:#f1f4ee;font-size:11px;font-weight:700;padding:8px 12px;transition:background .16s,color .16s,transform .16s}.career-dialog button:hover:not(:disabled){background:#ffffff10}.career-dialog button:disabled{opacity:.45;cursor:default}.career-dialog header [data-close-screen]{font-size:26px;border:0;width:44px;flex-shrink:0}.career-toolbar{display:flex;align-items:center;justify-content:space-between;border-block:1px solid #ffffff20;margin-inline:26px;padding-block:10px;flex-shrink:0}.career-toolbar>div{text-align:right;font-size:12px}.career-toolbar small{display:block;color:#a4b5bc;font-size:10px;margin-top:4px}.career-scroll{overflow-y:auto;overscroll-behavior:contain;padding:0 26px 12px;min-height:0}.career-explainer,.career-fineprint{font-size:12px;line-height:1.6;color:#b8c6cb}.career-fineprint{font-size:11px;color:#a7b7bd}.national-selectors{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.national-selectors label{min-width:0;font-size:9px;letter-spacing:.12em;color:#b8c6cb}.national-selectors select{display:block;width:100%;min-height:44px;margin-top:7px;padding:8px 10px;border:1px solid #62727b;border-radius:2px;background:#102733;color:#f3f4ed;font:600 13px var(--body-font,sans-serif);cursor:pointer}.national-selectors select:focus-visible,.cpu-roster summary:focus-visible{outline:2px solid #ffb25c;outline-offset:3px}.cpu-roster{border-bottom:1px solid #ffffff20;padding:8px 0;color:#b8c6cb;font-size:11px}.cpu-roster summary{cursor:pointer;min-height:44px;align-content:center;color:#f3f4ed}.cpu-roster p{line-height:1.8;margin-top:0;animation:clubhouse-in .18s ease-out}.cpu-roster small{display:block;margin-bottom:8px}.online-team-summary{font-size:11px;line-height:1.5;color:#bfd0d7;margin:10px 0}#nationalSquadLabel{font:inherit}.squad-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:16px 0 18px}.squad-slots button,.roster-name{min-width:0;overflow-wrap:anywhere}.squad-slots button{text-align:left;min-height:86px;padding:12px 10px}.squad-slots button[aria-pressed=true]{background:#f5aa50;color:#101a20;border-color:#f5aa50;transform:translateY(-2px)}.squad-slots small{display:block;font-size:8px;letter-spacing:.08em}.squad-slots b{display:block;font-size:17px;margin:6px 0}.squad-slots span{display:block;font-size:9px;line-height:1.4;white-space:normal}.roster-row{display:grid;grid-template-columns:42px 1fr 100px 80px;align-items:center;gap:12px;border-top:1px solid #ffffff18;padding:12px 0}.roster-name b{font-size:13px}.roster-name small{display:block;color:#aab9c0;font-size:10px;margin-top:4px}.roster-rating{display:flex;gap:10px}.roster-rating span{font-size:8px;color:#aab9c0}.roster-rating b{display:block;font-size:19px;color:#f4f1e8;margin-top:3px;font-variant-numeric:tabular-nums}.jersey{width:40px;height:45px;background:#355f8e;clip-path:polygon(24% 0,39% 8%,61% 8%,76% 0,100% 22%,86% 38%,79% 30%,79% 100%,21% 100%,21% 30%,14% 38%,0 22%);display:grid;place-items:center;font-size:14px;font-weight:800;color:#e7dcaa}.roster-row:nth-child(n+4) .jersey{background:#c49751;color:#10212a}#playerRoster .jersey{background:var(--national-shirt);color:var(--national-stripe);transition:background .2s,color .2s}.career-dialog footer{flex-shrink:0;background:#07141c;border-top:1px solid #ffffff22;padding:10px 26px 16px}.career-dialog footer p{font-size:11px;line-height:1.4;color:#c0cdd1;margin:0 0 8px;min-height:16px}.career-dialog footer>div{display:flex;gap:8px}.career-dialog .menu-return{flex:1;background:#f5aa50;color:#14202a;border-color:#f5aa50}.career-dialog footer small{display:block;color:#9dafb6;font-size:9px;line-height:1.45;margin-top:10px}.shop-product{padding:18px 0;border-bottom:1px solid #ffffff22}.shop-product h3{font-size:23px;margin:0}.shop-product p{font-size:13px;line-height:1.5;color:#b8c6cb;max-width:500px}.shop-product button{font-size:10px}.career-recovery{margin-top:16px;border-block:1px solid #ffffff22;padding:8px 0;color:#b8c6cb;font-size:12px;line-height:1.6}.career-recovery summary{cursor:pointer;min-height:44px;align-content:center;color:#f3f4ed}.career-recovery label{display:block;margin-top:14px}.career-recovery input:not([type=checkbox]),.career-recovery textarea{box-sizing:border-box;width:100%;margin-block:6px 12px;min-height:44px;padding:10px;background:#102733;border:1px solid #62727b;border-radius:2px;color:#f3f4ed;font:13px/1.5 monospace}.career-recovery textarea{resize:vertical;overflow-wrap:anywhere}.career-recovery .recovery-confirm{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.recovery-confirm input{min-width:24px;min-height:24px;accent-color:#f5aa50}.career-recovery :focus-visible{outline:2px solid #ffb25c;outline-offset:3px}#restorePurchases{margin-top:16px}.squad-bowlers{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0}.squad-bowlers button{min-height:46px;border:1px solid #ffffff40;background:#112c3c;color:#f4f2e6;border-radius:2px;cursor:pointer;padding:5px}.squad-bowlers button[aria-pressed=true]{background:#ffac4e;color:#14202a;border-color:#ffac4e}.squad-bowlers small{display:block;font-size:8px}.squad-bowlers b{display:block;font-size:11px;margin-top:3px}.squad-bowlers button:disabled{opacity:.5;cursor:default}.end-screen .match-reward{color:#ffc075;font-size:18px;font-weight:700;animation:clubhouse-in .3s ease-out}.end-screen .reward-ad{margin-top:12px;min-height:44px;height:auto;padding:10px 15px;background:transparent;color:#b6c4cb;border:1px solid #ffffff30;font-size:9px;letter-spacing:.06em;opacity:.6}@keyframes clubhouse-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.career-entry{margin-top:16px}.intro .career-entry button{padding:8px 10px;height:52px}.career-entry b{font-size:10px}.career-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 20px)}.career-dialog header{padding:18px 16px 12px}.career-dialog h2{font-size:36px}.career-toolbar{margin-inline:16px}.career-scroll{padding-inline:16px}.career-dialog footer{padding:10px 16px 14px}.roster-row{grid-template-columns:32px 1fr 70px 65px;gap:8px}.jersey{width:30px;height:37px}.roster-name b{font-size:12px}.roster-name small{font-size:9px}.roster-rating{gap:8px}.roster-rating b{font-size:17px}.roster-row button{padding:5px;font-size:9px}.squad-slots{gap:5px}.squad-slots button{padding:10px 7px}.squad-slots span{font-size:8px}.career-explainer{font-size:11px}.controls{width:min(310px,calc(100% - 24px))}.end-screen{padding:20px;text-align:center}.end-screen h2{font-size:58px}.end-screen p:not(.eyebrow){margin-top:16px;font-size:13px}}@media(max-width:400px){.roster-row{grid-template-columns:32px minmax(0,1fr) 65px;gap:6px 8px}.roster-name{grid-column:2}.roster-rating{grid-column:2;grid-row:2}.roster-row .jersey{grid-row:1 / span 2}.roster-row>button{grid-column:3;grid-row:1 / span 2}}@media(max-height:540px)and (min-width:600px){.career-entry{width:340px;margin-top:9px}.intro .career-entry button{height:45px;padding-block:5px}.intro .mode-actions button{margin-top:9px}.career-dialog header{padding-block:10px}.career-dialog h2{font-size:28px}.career-dialog header .eyebrow{margin-bottom:5px}.career-toolbar{padding-block:2px}.career-dialog footer small{display:none}.career-dialog footer{padding-block:8px}.controls[data-role=bowling]{bottom:8px;padding:8px}.controls[data-role=bowling] #hint{display:none}.squad-bowlers{margin:6px 0}.squad-bowlers button{min-height:44px}.end-screen h2{font-size:56px}.end-screen p:not(.eyebrow){margin-top:12px}.end-screen .end-actions button{margin-top:12px}}@media(prefers-reduced-motion:reduce){.career-dialog[open],.match-reward,.cpu-roster p{animation:none!important}.career-dialog button,#playerRoster .jersey{transition:none;transform:none!important}}.career-toolbar{flex-wrap:wrap;gap:8px}.career-toolbar>div{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.career-toolbar small{margin:0}.career-dialog[data-tab=profile] footer>small,.career-dialog[data-tab=rankings] footer>small{display:none}.profile-heading{margin-top:24px}.profile-heading .eyebrow{color:#ffb25c}.profile-heading h3{font-size:28px;margin:0;overflow-wrap:anywhere}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0 12px;gap:0 20px}.profile-stats>div{padding:14px 0;border-top:1px solid #ffffff22}.profile-stats dt{font-size:9px;letter-spacing:.1em;color:#b8c6cb}.profile-stats dd{font:700 32px/1.2 var(--display-font);font-variant-numeric:tabular-nums;margin:6px 0 0}.account-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}#teamNameForm{border-block:1px solid #ffffff22;margin:22px 0;padding:18px 0}#teamNameForm label{font-size:15px;font-weight:700}#playerTeamName{display:block;box-sizing:border-box;width:100%;margin:8px 0;min-height:44px;padding:10px;background:#102733;border:1px solid #62727b;border-radius:2px;color:#f3f4ed;font:14px var(--body-font,sans-serif)}#teamNameStatus{overflow-wrap:anywhere}#googleSignIn{background:#f5aa50;color:#14202a;border-color:#f5aa50;font-size:13px}#playerSettings{border:0;border-block:1px solid #ffffff22;margin:22px 0;padding:18px 0}#playerSettings legend{font-size:15px;font-weight:700;padding:0 10px 0 0}#playerSettings label{display:block;font-size:12px;color:#bfccd2}#playerNickname{display:block;box-sizing:border-box;width:100%;margin:8px 0 16px;min-height:44px;padding:10px;background:#102733;border:1px solid #62727b;border-radius:2px;color:#f3f4ed;font:14px var(--body-font,sans-serif)}#playerSettings .ranking-opt-in{display:flex;align-items:center;gap:10px;line-height:1.5}.ranking-opt-in input{min-width:24px;min-height:24px;accent-color:#f5aa50}#profileSheet :focus-visible,#rankingsSheet :focus-visible{outline:2px solid #ffb25c;outline-offset:3px}.profile-section-title{font-size:20px;margin:26px 0 12px}.match-history{list-style:none;margin:0;padding:0}.match-history li{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;border-top:1px solid #ffffff22;padding:14px 0;font-size:13px}.match-history li>span{font-size:9px;color:#b8c6cb}.match-history li[data-result=win]>span{color:#ffb25c}.match-history small{display:block;color:#aab9c0;margin-top:5px;font-size:10px}.match-history strong{font-variant-numeric:tabular-nums}.leaderboard-table{border-collapse:collapse;width:100%;font-size:12px;margin:20px 0;table-layout:fixed}.leaderboard-table caption{text-align:left;margin-bottom:10px}.leaderboard-table th{font-size:9px;color:#aab9c0}.leaderboard-table td,.leaderboard-table th{padding:14px 4px;text-align:right;border-bottom:1px solid #ffffff20;overflow-wrap:anywhere}.leaderboard-table th:first-child{width:24px}.leaderboard-table th:nth-child(2){width:42%}.leaderboard-table :is(td,th):nth-child(2){text-align:left}.leaderboard-table tbody tr:first-child{color:#ffb25c}.career-scroll>section:not([hidden]){animation:profile-reveal .16s ease-out}@keyframes profile-reveal{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:600px){.profile-stats{column-gap:12px}.profile-stats dd{font-size:28px}}@media(prefers-reduced-motion:reduce){.career-scroll>section:not([hidden]){animation:none}}#app:has(#intro:not(.hidden))>.broadcast-top{visibility:hidden}#intro.home-menu{display:grid;grid-template-rows:auto 1fr;align-items:stretch;justify-content:stretch;padding:28px 5vw 34px;text-align:left;overflow-y:auto;background:linear-gradient(90deg,#041016f5,#041016df 29%,#04101660 59%,#04101608)}#intro.home-menu:before{background:linear-gradient(0deg,#041016d9,transparent 28%)}#intro.home-menu button{margin:0;height:auto;min-height:44px;border-radius:3px;letter-spacing:.06em;cursor:pointer}#intro .home-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}#intro .home-wordmark{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:.17em}#homeIdentity{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#intro .home-content{position:relative;width:min(420px,100%);align-self:center;padding:35px 0;animation:homeEnter .6s .08s both}#intro .home-kicker{margin:0 0 17px;font-size:9px;font-weight:650;letter-spacing:.2em;color:#ffc079}#intro.home-menu h1{margin:0;font:800 clamp(68px,8.1vw,116px)/.83 var(--display-font);letter-spacing:-.05em;text-shadow:none;animation:none}#intro.home-menu h1 .home-title-dot{display:inline;margin:0;font:inherit;letter-spacing:inherit;color:#ffac4e;opacity:1;vertical-align:baseline}#intro .home-description{margin:23px 0 27px;font-size:13px;line-height:1.6;color:#c0cdcd}#intro .home-play-actions{display:grid;gap:9px}#intro .home-play-actions button{display:flex;align-items:center;justify-content:space-between;padding:15px 21px;min-height:67px;text-align:left;font-size:16px;letter-spacing:.065em}#intro .home-play-actions button>span:last-child{font-size:25px;font-weight:400;transition:transform .2s}#intro .home-play-actions button:hover>span:last-child{transform:translate(3px,-3px)}#intro .home-play-actions small{display:block;margin-top:5px;font-size:8px;letter-spacing:.12em;font-weight:600}#intro .home-play{background:#ffac4e;color:#111c20}#intro .home-play:hover{background:#ffc278}#intro .home-online{border:1px solid #a5b7b759;background:#06171fc7;color:#f4f5ef}#intro .home-online small{color:#b0c1c3}#intro .home-online:hover{background:#122830;border-color:#ffb65e}#intro .home-practice{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 8px}#intro .home-practice .matchup{display:block;margin:0;font-size:8px;letter-spacing:.07em;color:#b0c1c3}#intro .home-practice button{padding:0;background:transparent;color:#d0dbdb;font-size:10px;font-weight:500;letter-spacing:0;white-space:nowrap}#intro .home-squad{display:flex;justify-content:space-between;align-items:center;width:100%;padding:17px 0;border:0;border-block:1px solid #ffffff29;background:transparent;color:#eef2ed;text-align:left}#intro .home-squad small{font-size:8px;letter-spacing:.13em;color:#a2b8ba}#intro .home-squad>span:first-child{min-width:0;flex:1;margin-right:12px}#nationalSquadLabel{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#intro .home-squad b{display:block;margin-top:7px;font-size:13px;font-weight:550;letter-spacing:.025em}#intro .home-squad-edit{font-size:9px;letter-spacing:.12em;color:#ffc079}#intro .home-squad-edit>span{margin-left:10px}#intro .home-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:9px}#intro .home-nav button{background:transparent;padding:0;min-width:0;text-align:left;color:#dce4e2;font-size:11px;font-weight:500;letter-spacing:0}#intro .home-nav small{display:block;margin-top:3px;color:#9aafb1;font-size:8px}#intro .home-nav button:hover,#intro .home-practice button:hover,#intro .home-ground-actions button:hover{color:#ffc079;transform:none}#intro .home-squad:hover{background:#ffffff06;transform:none}#intro button:disabled{opacity:.5;cursor:wait}#intro .home-ground{position:absolute;right:5vw;bottom:48px;text-align:right;animation:homeEnter .7s .2s both}#intro .home-ground>p{margin:0 0 10px;font-size:8px;letter-spacing:.13em;color:#d1dbd7}#intro .home-ground-name{display:flex;justify-content:flex-end;align-items:baseline;gap:14px}#intro #venueName{font:650 27px/1.15 var(--display-font);letter-spacing:.035em;color:#f0f3eb}#intro #venueSubtitle{font-size:12px;color:#becbc8}#intro .home-ground-actions{display:flex;justify-content:flex-end;gap:22px;margin-top:5px}#intro .home-ground-actions button{padding:0;background:transparent;color:#e9eee8;font-size:9px;letter-spacing:.09em}#intro #venueReference{position:static}#intro .match-settings{width:min(480px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:26px;border:1px solid #53646b;border-radius:6px;color:#eef3ed;background:#0a1a23;text-align:left;overflow:auto}#intro .match-settings[open]{animation:homeEnter .2s ease-out}#intro .match-settings::backdrop{background:#020b11bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#intro .match-settings header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:25px}#intro .match-settings .eyebrow{display:block;margin:0 0 8px;font-size:8px;animation:none}#intro .match-settings h2{margin:0;font-size:25px;letter-spacing:-.025em}#intro #closeMatchSettings{width:44px;padding:0;flex-shrink:0;background:transparent;color:#fff;font-size:27px}#intro .match-settings .ground-picker{display:block;width:100%;margin:0}#intro .match-settings .ground-picker>span{display:block;margin-bottom:9px;font-size:9px;color:#b2c3c5;letter-spacing:.1em}#intro .match-settings select{width:100%;height:48px;padding:0 12px;color:#eef3ed;background:#112a35;border:1px solid #ffffff40;border-radius:3px;font-size:14px}#intro .match-settings #groundHint{display:block;margin:9px 0 20px;font-size:11px;line-height:1.6;color:#a8bcc0}#intro .match-settings .venue-settings{display:flex;gap:8px;margin:0}#intro .match-settings .venue-settings button,#intro .match-settings .bowler-style-picker button{flex:1;min-width:0;min-height:44px;padding:8px;border:1px solid #ffffff35;background:transparent;color:#c5d3d3;font-size:9px}#intro .match-settings button.active{background:#ffac4e;border-color:#ffac4e;color:#111c20}#intro .match-settings .bowler-style-picker{width:100%;margin-top:25px;animation:none}#intro .match-settings .bowler-style-picker>span{font-size:9px;opacity:1;color:#b2c3c5}#intro .match-settings .bowler-style-picker>div{display:grid;grid-template-columns:repeat(2,1fr);max-width:none;gap:7px}#intro .settings-controls{margin:24px 0;color:#a8bcc0;font-size:10px;line-height:1.8}#intro .settings-done{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 18px;min-height:48px;background:#ffac4e}@keyframes homeEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){#intro.home-menu{padding:16px 24px;grid-template-rows:auto 1fr auto;gap:10px;background:linear-gradient(0deg,#041016f5,#041016e0 52%,#04101645)}#intro .home-header{min-height:44px}#intro .home-wordmark{font-size:8px;gap:8px}#intro .home-content{justify-self:center;align-self:end;width:100%;max-width:420px;padding:18px 0 0}#intro.home-menu h1{font-size:clamp(64px,18vw,94px)}#intro .home-kicker{margin-bottom:13px;font-size:8px}#intro .home-description{margin:17px 0 20px;font-size:12px}#intro .home-play-actions button{min-height:60px;padding:11px 16px;font-size:14px}#intro .home-squad{padding:13px 0}#intro .home-ground{position:relative;right:auto;bottom:auto;text-align:left;width:100%;max-width:420px;justify-self:center;border-top:1px solid #ffffff21;padding-top:13px}#intro .home-ground>p,#intro #venueSubtitle{display:none}#intro .home-ground-name{justify-content:flex-start}#intro #venueName{font-size:20px}#intro .home-ground-actions{position:absolute;top:3px;right:0;margin:0;gap:15px}#intro .home-ground-actions button{font-size:8px}#intro .match-settings{padding:22px}}@media(max-height:700px)and (max-width:760px){#intro .home-content{padding-top:5px}#intro.home-menu h1{font-size:58px}#intro .home-kicker{margin-bottom:8px}#intro .home-description{margin:12px 0}#intro .home-play-actions button{min-height:54px}#intro .home-practice{margin-block:0}#intro .home-squad{padding:9px 0}}@media(max-height:540px)and (min-width:600px){#intro.home-menu{padding:10px 28px 12px;grid-template-rows:auto 1fr}#intro .home-header{min-height:36px}#intro .home-content{width:min(350px,48vw);padding:10px 0 0;align-self:center}#intro.home-menu h1{font-size:51px}#intro .home-kicker{display:none}#intro .home-description{margin:10px 0;font-size:11px}#intro .home-play-actions{grid-template-columns:1fr 1fr;gap:7px}#intro .home-play-actions button{min-height:53px;padding:10px;font-size:11px}#intro .home-play-actions button>span:last-child{font-size:18px}#intro .home-play-actions small{font-size:6px;letter-spacing:.045em}#intro .home-practice{margin:0}#intro .home-practice .matchup{font-size:7px}#intro .home-practice button{font-size:9px}#intro .home-squad{padding:8px 0}#intro .home-squad b{margin-top:4px;font-size:11px}#intro .home-nav{padding:0}#intro .home-nav button{font-size:10px}#intro .home-ground{position:absolute;right:28px;bottom:25px;width:auto;padding:0;border:0;text-align:right}#intro .home-ground>p{display:block;font-size:7px}#intro .home-ground-actions{position:static}}@media(prefers-reduced-motion:reduce){#intro.home-menu,#intro.home-menu *{animation:none!important;transition:none!important}}