:root{--bg:oklch(17% .028 265);--surface:oklch(23% .032 265);--surface-2:oklch(29% .035 265);--line:oklch(38% .03 265);--ink:oklch(98% .005 265);--ink-dim:oklch(74% .02 265);--accent:oklch(68% .16 245);--accent-ink:oklch(20% .03 245);--hot:oklch(65% .24 355);--hot-ink:oklch(19% .05 355);--gold:oklch(85% .17 90);--go:oklch(75% .18 150);--pitch:#5cb04a;--font:"Archivo", "Inter", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "SF Mono", "Courier New", monospace;--step-display:2.75rem;--step-h1:1.75rem;--step-h2:1.25rem;--step-body:1rem;--step-label:.8125rem;--step-micro:.6875rem;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--content-max:400px;--r-panel:10px;--r-pill:4px;--z-canvas:0;--z-hud:10;--z-overlay:20;--z-modal:30;--z-toast:40;--ease:cubic-bezier(.25, 1, .5, 1);--t-fast:.12s;--t-base:.2s;--t-slow:.25s;--tap:44px;--tap-row:52px}@media (prefers-reduced-motion:reduce){:root{--t-fast:1ms;--t-base:1ms;--t-slow:1ms}}@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/archivo-latin-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2000-206F,U+2122,U+2212}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100dvh;height:var(--app-h,100dvh);background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--step-body);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-weight:500;line-height:1.4;overflow:hidden}#app{height:100dvh;height:var(--app-h,100dvh);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#stage{z-index:var(--z-canvas);position:relative}#game{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#hud{width:var(--stage-w,100%);z-index:var(--z-hud);pointer-events:none;font-family:var(--font);font-variant-numeric:tabular-nums;color:var(--ink);position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);container-type:inline-size}#overlay{z-index:var(--z-overlay);pointer-events:none;position:absolute;inset:0}#overlay>.screen{pointer-events:auto}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}:focus{outline:none}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:var(--r-pill)}.screen{background:var(--bg);padding:max(var(--s4), env(safe-area-inset-top)) max(var(--s4), env(safe-area-inset-right)) max(var(--s4), env(safe-area-inset-bottom)) max(var(--s4), env(safe-area-inset-left));flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.screen.is-panel{background:color-mix(in oklab, var(--bg) 88%, transparent);z-index:var(--z-modal);justify-content:center}.screen__inner{width:100%;max-width:var(--content-max);flex-direction:column;flex:1;min-height:0;margin:0 auto;display:flex}.screen.is-panel .screen__inner{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);padding:var(--s6) var(--s4) var(--s4);overscroll-behavior:contain;flex:0 auto;max-height:100%;overflow-y:auto}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes screen-out{to{opacity:0}}.screen{animation:screen-in var(--t-base) var(--ease) both}.screen.is-leaving{animation:screen-out var(--t-base) var(--ease) both;pointer-events:none}@media (prefers-reduced-motion:reduce){.screen{animation:none}.screen.is-leaving{animation:1ms linear both screen-out}}.t-display{font-size:var(--step-display);letter-spacing:-.03em;text-wrap:balance;font-weight:800;line-height:1}.t-h1{font-size:var(--step-h1);letter-spacing:-.02em;text-wrap:balance;font-weight:800;line-height:1.1}.t-h2{font-size:var(--step-h2);letter-spacing:-.01em;font-weight:700}.t-label{font-size:var(--step-label);letter-spacing:.02em;color:var(--ink-dim);font-weight:600}.t-micro{font-size:var(--step-micro);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.t-dim{color:var(--ink-dim)}.tnum{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--s2);width:100%;min-height:var(--tap-row);padding:var(--s3) var(--s4);border-radius:var(--r-panel);font-size:var(--step-body);letter-spacing:-.01em;transition:transform var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);font-weight:700;display:flex}.btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(.98)}.btn--primary{background:var(--accent);color:var(--accent-ink)}@media (hover:hover){.btn--primary:hover{background:color-mix(in oklab, var(--accent) 88%, white)}}.btn--primary:active{background:color-mix(in oklab, var(--accent) 86%, black)}.btn--secondary{border:1px solid var(--line);color:var(--ink)}@media (hover:hover){.btn--secondary:hover{background:var(--surface-2);border-color:color-mix(in oklab, var(--line) 60%, var(--ink))}}.btn--secondary:active{background:var(--surface-2)}.btn--quiet{min-height:var(--tap);color:var(--ink-dim);font-weight:600;font-size:var(--step-label)}@media (hover:hover){.btn--quiet:hover{color:var(--ink)}}.btn--danger{border:1px solid color-mix(in oklab, var(--hot) 45%, var(--line));color:color-mix(in oklab, var(--hot) 70%, var(--ink))}@media (hover:hover){.btn--danger:hover{background:color-mix(in oklab, var(--hot) 14%, transparent)}}.btn:disabled,.btn[aria-disabled=true]{background:var(--surface);color:color-mix(in oklab, var(--ink-dim) 55%, transparent);border-color:var(--line);cursor:not-allowed;transform:none}.row-stack{gap:var(--s2);flex-direction:column;display:flex}.fmt-switch{gap:var(--s1);margin-bottom:var(--s2);padding:var(--s1);background:var(--surface);border-radius:var(--r-panel);grid-template-columns:1fr 1fr;display:grid}.fmt-switch__opt{min-height:var(--tap-min,40px);padding:var(--s2) var(--s3);border-radius:calc(var(--r-panel) - var(--s1));font-family:var(--font);letter-spacing:.04em;color:var(--ink-dim);transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;font-weight:800}.fmt-switch__opt.is-on{background:var(--accent);color:var(--accent-ink)}.fmt-switch__opt[data-fmt=t20].is-on{background:var(--gold)}.fmt-switch__opt:active{transform:scale(.98)}[data-fmt=t20] .mode-row--live{background:var(--gold)}[data-fmt=t20] .mode-row--friend .pill{background:var(--gold);color:var(--accent-ink)}@media (hover:hover){[data-fmt=t20] .mode-row--live:hover{background:color-mix(in oklab, var(--gold) 88%, white)}}[data-fmt=t20] .mode-row--live:active{background:color-mix(in oklab, var(--gold) 86%, black)}.mode-row{align-items:center;gap:var(--s2) var(--s3);width:100%;min-height:var(--tap-row);padding:var(--s3) var(--s4);text-align:left;border-radius:var(--r-panel);background:var(--surface);transition:transform var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);grid-template-columns:auto 1fr auto;display:grid}.mode-row__icon{width:22px;height:22px;color:var(--accent);grid-row:1/3;align-self:center}.mode-row__icon svg{width:100%;height:100%;display:block}.mode-row--live .mode-row__icon{color:var(--accent-ink)}.mode-row--friend .mode-row__icon{color:var(--hot)}.mode-row__title{font-size:var(--step-h2);letter-spacing:-.01em;font-weight:800}.mode-row__sub{font-size:var(--step-label);color:var(--ink-dim);grid-column:2/-1;font-weight:500}.mode-row--live{background:var(--accent);color:var(--accent-ink)}.mode-row--live .mode-row__sub{color:color-mix(in oklab, var(--accent-ink) 80%, transparent)}@media (hover:hover){.mode-row--live:hover{background:color-mix(in oklab, var(--accent) 88%, white)}}.mode-row--live:active{background:color-mix(in oklab, var(--accent) 86%, black);transform:scale(.98)}.mode-row--alt{background:var(--surface);border:1px solid var(--line)}@media (hover:hover){.mode-row--alt:hover{background:var(--surface-2)}}.mode-row--alt:active{transform:scale(.98)}.mode-row--slim{align-items:center;gap:var(--s3);min-height:48px;padding:var(--s2) var(--s4);display:flex}.mode-row--slim .mode-row__title{font-size:var(--step-body)}.mode-row__note{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--step-label);font-variant-numeric:tabular-nums;color:color-mix(in oklab, var(--accent-ink) 80%, transparent);flex:1;font-weight:600;overflow:hidden}.mode-row--friend{background:color-mix(in oklab, var(--hot) 12%, var(--surface));border-color:color-mix(in oklab, var(--hot) 35%, var(--line))}@media (hover:hover){.mode-row--friend:hover{background:color-mix(in oklab, var(--hot) 18%, var(--surface))}}.mode-row[aria-disabled=true]{background:var(--surface);color:color-mix(in oklab, var(--ink-dim) 55%, transparent);cursor:not-allowed}.mode-row[aria-disabled=true] .mode-row__sub{color:color-mix(in oklab, var(--ink-dim) 55%, transparent)}.pill{border-radius:var(--r-pill);font-size:var(--step-micro);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;padding:2px 7px;font-weight:700;display:inline-flex}.pill--accent{background:var(--accent);color:var(--accent-ink)}.pill--hot{background:var(--hot);color:var(--hot-ink)}.pill--neutral{background:var(--surface-2);color:var(--ink-dim)}.chip-grid{gap:var(--s1);grid-template-columns:repeat(4,1fr);display:grid}.chip{min-height:var(--tap);padding:var(--s1) var(--s1);border-radius:var(--r-panel);background:var(--surface);transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), opacity var(--t-fast) var(--ease);border:1px solid #0000;flex-direction:column;align-items:center;gap:0;display:flex}.chip__kit{width:48px;height:48px;image-rendering:pixelated;image-rendering:crisp-edges}.chip__code{font-size:var(--step-label);letter-spacing:.02em;font-weight:800}.chip[aria-checked=true]{background:var(--surface-2);border-color:var(--accent)}.chip[aria-disabled=true]{opacity:.38;cursor:not-allowed}@media (hover:hover){.chip:not([aria-disabled=true]):hover{background:var(--surface-2)}}.stepper{align-items:center;gap:var(--s2);display:flex}.stepper__btn{width:var(--tap);height:var(--tap);border:1px solid var(--line);border-radius:var(--r-panel);font-size:var(--step-h2);transition:background-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);flex:none;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex}.stepper__btn:active:not(:disabled){background:var(--surface-2);transform:scale(.94)}.stepper__btn:disabled{color:color-mix(in oklab, var(--ink-dim) 45%, transparent);cursor:not-allowed}.stepper__value{height:var(--tap);border-radius:var(--r-panel);background:var(--surface);font-size:var(--step-h1);font-variant-numeric:tabular-nums;letter-spacing:-.02em;flex:1;justify-content:center;align-items:center;font-weight:800;display:flex}.field{gap:var(--s2);flex-direction:column;display:flex}.field__head{justify-content:space-between;align-items:baseline;gap:var(--s2);display:flex}.toggle{align-items:center;gap:var(--s2);min-height:var(--tap);padding:0 var(--s2);border-radius:var(--r-panel);font-size:var(--step-label);color:var(--ink-dim);font-weight:600;display:inline-flex}.toggle__box{align-items:center;gap:2px;height:14px;display:flex}.toggle__box i{background:var(--ink-dim);border-radius:1px;width:3px;display:block}.toggle__box i:first-child{height:5px}.toggle__box i:nth-child(2){height:9px}.toggle__box i:nth-child(3){height:14px}.toggle[aria-pressed=true]{color:var(--ink)}.toggle[aria-pressed=true] .toggle__box i{background:var(--accent)}.toggle[aria-pressed=false] .toggle__box i:nth-child(2),.toggle[aria-pressed=false] .toggle__box i:nth-child(3){opacity:.25}.dl{flex-direction:column;display:flex}.dl__row{align-items:baseline;gap:var(--s3);padding:var(--s2) 0;border-top:1px solid var(--line);font-size:var(--step-label);grid-template-columns:1fr auto;display:grid}.dl__row:first-child{border-top:none}.dl__k{font-weight:600}.dl__v{font-variant-numeric:tabular-nums;font-weight:700}.dl__note{font-size:var(--step-micro);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim);grid-column:1/-1;font-weight:600}.beats{gap:var(--s2);counter-reset:beat;flex-direction:column;display:flex}.beats li{gap:var(--s3);font-size:var(--step-label);color:var(--ink-dim);grid-template-columns:18px 1fr;align-items:baseline;list-style:none;display:grid}.beats li:before{counter-increment:beat;content:counter(beat);font-size:var(--step-micro);color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.beats b{color:var(--ink);letter-spacing:.02em;font-weight:800}.stack{flex-direction:column;display:flex}.stack--2{gap:var(--s2)}.stack--3{gap:var(--s3)}.stack--4{gap:var(--s4)}.stack--6{gap:var(--s6)}.spacer{min-height:var(--s4);flex:1}.row-between{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.scroll-y{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:0;overflow-y:auto}.hud-top{top:max(var(--s2), env(safe-area-inset-top));left:max(var(--s2), env(safe-area-inset-left));align-items:stretch;gap:2px;display:flex;position:absolute}.hud-innings,.hud-pill{background:var(--surface);white-space:nowrap;font-size:var(--step-micro);letter-spacing:.06em;text-transform:uppercase;border-radius:0;align-items:center;padding:3px 8px;font-weight:800;display:inline-flex}.hud-innings{background:var(--accent);color:var(--accent-ink)}.hud-innings.chase{background:var(--hot);color:var(--hot-ink)}.hud-pill.powerplay{background:var(--accent);color:var(--accent-ink)}.hud-pill.over{background:var(--surface);color:var(--ink-dim)}.hud-pill.yorker{background:var(--hot);color:var(--hot-ink);animation:.5s infinite alternate hud-pulse}@keyframes hud-pulse{0%{filter:brightness()}to{filter:brightness(1.6)}}@media (prefers-reduced-motion:reduce){.hud-pill.yorker{outline:2px solid var(--ink);outline-offset:-2px;animation:none}}.hud-pause{width:var(--tap);border-right:none;border-left:1px solid var(--line);background:var(--surface);pointer-events:auto;transition:opacity var(--t-base) var(--ease), background-color var(--t-fast) var(--ease);justify-content:center;align-items:center;position:absolute;top:0;bottom:0;right:0}.hud-pause span{gap:4px;display:flex}.hud-pause i{background:var(--ink);width:3px;height:13px;display:block}.hud-pause:active{background:var(--surface-2)}.hud-pause.is-inert{opacity:.3;pointer-events:none}.hud-bar{padding-bottom:env(safe-area-inset-bottom);padding-right:var(--tap);min-height:var(--tap);background:var(--surface);flex-wrap:wrap;align-items:stretch;gap:0;font-size:10px;line-height:1.05;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-seg--team{order:1}.hud-stat--runs{order:2}.hud-stat--balls{order:3}.hud-stat--wkts{order:4}.hud-seg--req{order:5}.hud-seg--batters{flex:60%;order:6}.hud-seg--bowler{flex:36%;order:7}.hud-seg,.hud-stat{background:var(--surface);min-width:0;padding:5px 7px;display:flex}.hud-seg--team{background:var(--bat-color,var(--accent));color:var(--bat-ink,var(--ink));flex:none;justify-content:center;align-items:center}.hud-team-code{letter-spacing:.04em;font-size:12px;font-weight:800}.hud-seg--batters{box-shadow:inset 0 -2px 0 var(--bat-color,var(--accent));flex-direction:column;justify-content:center;gap:2px}.hud-bat{align-items:baseline;gap:4px;min-width:0;display:flex}.hud-bat__form{flex:none;align-self:center;width:12px;height:12px;display:inline-flex}.hud-bat__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.hud-bat__runs{font-weight:800}.hud-bat__balls,.hud-bat--other{color:var(--ink-dim);font-size:9px}.hud-bat--striker{color:var(--ink);font-size:11px}.hud-caret{border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;border-left:5px solid;flex:none;align-self:center;width:0;height:0}.hud-stat{flex-direction:column;flex:none;justify-content:center;align-items:center;min-width:36px;padding:3px 7px}.hud-stat b{letter-spacing:-.02em;font-size:19px;font-weight:800;line-height:1}.hud-stat span{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);font-size:8px;font-weight:700}.hud-stat--runs{background:var(--accent);color:var(--accent-ink)}.hud-stat--runs span{color:color-mix(in oklab, var(--accent-ink) 78%, transparent)}.hud-stat--balls b{color:var(--gold)}.hud-stat--wkts{background:var(--hot);color:var(--hot-ink)}.hud-stat--wkts span{color:color-mix(in oklab, var(--hot-ink) 78%, transparent)}.hud-seg--bowler{flex-direction:column;justify-content:center;gap:2px;min-width:0}.hud-bowl-name{align-items:center;gap:4px;min-width:0;font-size:11px;font-weight:700;display:flex}.hud-bowl-name__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud-bowl-figs{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;align-items:baseline;gap:3px;font-size:8px;font-weight:700;display:flex}.hud-bowl-figs b{color:var(--ink);letter-spacing:0;font-size:11px;font-weight:800}.hud-bowl-figs em{color:var(--line);padding:0 1px;font-style:normal}.hud-bowl-short{letter-spacing:.04em;color:var(--ink-dim);white-space:nowrap;font-size:9px;font-weight:700}.hud-seg--req{text-align:right;flex-direction:column;flex:auto;justify-content:center;align-items:flex-end;gap:1px}.hud-req{color:var(--gold);letter-spacing:-.01em;white-space:nowrap;font-size:12px;font-weight:800}.hud-rr{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;font-size:8px;font-weight:700}@container (width>=560px){.hud-bar{flex-wrap:nowrap}.hud-seg--batters,.hud-seg--bowler{border-top:none}.hud-seg--team{order:1}.hud-seg--batters{flex:2 auto;order:2}.hud-stat--runs{order:3}.hud-stat--balls{order:4}.hud-stat--wkts{order:5}.hud-seg--bowler{flex:auto;order:6;max-width:38%}.hud-seg--req{flex:none;order:7}.hud-bowl-short{display:none}}@container (width<=559.98px){.hud-bowl-figs{display:none}}@keyframes hud-wipe-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes hud-wipe-out{0%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}@keyframes hud-bar-in{0%{clip-path:inset(0 100% 0 0);transform:translateY(100%)}60%{clip-path:inset(0);transform:translateY(0)}to{clip-path:inset(0);transform:translateY(0)}}#hud.is-in .hud-bar{animation:hud-bar-in .38s var(--ease) both}#hud.is-in .hud-top{animation:hud-wipe-in .26s var(--ease) .16s both}#hud.is-in .hud-pause{animation:hud-wipe-in .26s var(--ease) .26s both}#hud.is-out .hud-top,#hud.is-out .hud-pause{animation:hud-wipe-out .2s var(--ease) both}#hud.is-out .hud-bar{animation:hud-wipe-out .22s var(--ease) 40ms both}@keyframes hud-stat-pop{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}.hud-stat.is-hit{animation:hud-stat-pop .26s var(--ease)}@media (prefers-reduced-motion:reduce){#hud.is-in .hud-bar,#hud.is-in .hud-top,#hud.is-in .hud-pause,#hud.is-out .hud-bar,#hud.is-out .hud-top,#hud.is-out .hud-pause,.hud-stat.is-hit{animation:none}}.hud-flash{top:50%;left:var(--s3);pointer-events:none;justify-content:flex-start;display:flex;position:absolute;right:0;transform:translateY(-50%)}.hud-flash__block{max-width:min(48%, calc(100% - var(--s6)));background:var(--surface);clip-path:inset(0 100% 0 0);align-items:center;padding:6px 20px;display:inline-flex;transform:skew(-5deg);box-shadow:inset 0 -3px #f7f9fc24}.hud-flash__text{font-family:var(--font);letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance;text-align:left;overflow-wrap:break-word;font-size:clamp(1.75rem,12cqw,3rem);font-weight:800;line-height:1.05;display:block;transform:skew(5deg)}.hud-flash.is-top{top:calc(var(--stage-w,360px) * .3);transform:none}.hud-flash.is-long .hud-flash__text{font-size:clamp(1.25rem,7.5cqw,1.9rem)}@keyframes flash-wipe-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes flash-wipe-out{0%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}.hud-flash.is-in .hud-flash__block{animation:flash-wipe-in .2s var(--ease) both}.hud-flash.is-out .hud-flash__block{animation:flash-wipe-out .2s var(--ease) both}@media (prefers-reduced-motion:reduce){.hud-flash.is-in .hud-flash__block{clip-path:inset(0);animation:none}.hud-flash.is-out .hud-flash__block{clip-path:inset(0 100% 0 0);animation:none}}.wordmark{display:inline-block;position:relative}.wordmark__type{margin:0}.wordmark__accent{color:var(--accent)}.wordmark__ball{pointer-events:none;width:14px;height:14px;position:absolute;top:-6px;left:0}.wordmark__ball svg{width:100%;height:100%;display:block}@keyframes title-ball-x{0%{opacity:1;left:0}52%{opacity:1;left:calc(100% - 40px)}60%,to{opacity:0;left:calc(100% - 40px)}}@keyframes title-ball-y{0%{animation-timing-function:ease-out;transform:translateY(0)rotate(0)}26%{animation-timing-function:ease-in;transform:translateY(-24px)rotate(180deg)}45%{animation-timing-function:ease-out;transform:translateY(56px)rotate(300deg)}52%,to{transform:translateY(26px)rotate(360deg)}}.screen--title .title__ball{animation:2s linear forwards title-ball-x}.screen--title .title__ball svg{animation:2s linear forwards title-ball-y}.wicket__bail{transform-box:fill-box;transform-origin:50%}@keyframes bail-one{0%,52%{animation-timing-function:var(--ease);transform:none}70%{transform:translate(-.4px,-1.1px)rotate(-16deg)}to{transform:translate(.02px,-.4px)rotate(0)}}@keyframes bail-two{0%,52%{animation-timing-function:var(--ease);transform:none}70%{transform:translate(.55px,-1.95px)rotate(20deg)}to{transform:translate(.3px,-1.25px)rotate(0)}}.screen--title .wicket__bail--1{animation:2s linear forwards bail-one}.screen--title .wicket__bail--2{animation:2s linear forwards bail-two}@media (prefers-reduced-motion:reduce){.screen--title .title__ball,.screen--title .title__ball svg,.screen--title .wicket__bail--1,.screen--title .wicket__bail--2{animation-duration:1ms}}.boot{justify-content:center;align-items:center;gap:var(--s8);text-align:center;flex-direction:column;flex:1;display:flex;position:relative}.boot__credit{bottom:var(--s6);text-align:center;margin:0;position:absolute;left:0;right:0}.boot__credit b{color:var(--ink);font-weight:700}@keyframes ball-hop{0%{transform:translate(0)rotate(0)}to{transform:translate(54px,-10px)rotate(180deg)}}.screen--boot .wordmark__ball{animation:ball-hop 1.2s var(--ease) infinite alternate;left:4px}@media (prefers-reduced-motion:reduce){.screen--boot .wordmark__ball{animation:none}}.boot__load{align-items:center;gap:var(--s3);flex-direction:column;width:100%;max-width:220px;display:flex}.boot__rule{background:var(--surface-2);width:100%;height:2px;overflow:hidden}.boot__rule i{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.boot__status{margin:0}.title{gap:var(--s6);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.title__head{align-items:flex-start;gap:var(--s3);padding-top:var(--s8);display:flex}.title__beta{margin-top:var(--s2)}.title__wicket{pointer-events:none;align-self:flex-end;width:46px;margin-left:auto}.title__wicket svg{width:100%;height:auto;display:block;overflow:visible}.title__head{position:relative}.title__ball{pointer-events:none;width:14px;height:14px;position:absolute;top:52px;left:0}.title__ball svg{width:100%;height:100%;display:block}.title__body{gap:var(--s3);flex-direction:column;margin-top:auto;display:flex}.title__note{margin:0}.title__foot{justify-content:center;align-items:center;gap:0 var(--s3);padding-top:var(--s2);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.title__foot>*{white-space:nowrap}.title__howto{width:auto}.title__version{font-variant-numeric:tabular-nums}.title__made{justify-content:center;align-items:center;gap:var(--s2);flex-basis:100%;display:flex}.title__made-link{min-height:44px;color:var(--ink-dim);text-underline-offset:3px;border-radius:4px;align-items:center;font-size:.8125rem;font-weight:600;text-decoration:underline;display:inline-flex}.title__made-link:hover{color:var(--ink)}.title__made-link:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.title__made-dot{color:var(--ink-dim)}.title__privacy{width:auto}.privacy a{color:var(--accent);text-underline-offset:3px}.consent{align-items:flex-start;gap:var(--s2);cursor:pointer;display:flex}.consent input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin-top:1px}.btn--gold{background:var(--gold);color:#201a00}@media (hover:hover){.btn--gold:hover{background:color-mix(in oklab, var(--gold) 88%, white)}}.btn--gold:active{background:color-mix(in oklab, var(--gold) 86%, black);transform:scale(.98)}.title__topright{z-index:1;align-items:center;gap:var(--s2);display:flex;position:absolute;top:0;right:0}.title__invite{border-radius:var(--r-pill);width:34px;height:34px;color:var(--ink-dim);transition:color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);justify-content:center;align-items:center;display:flex}.title__invite:hover{color:var(--ink);background:var(--surface)}.title__invite:active{transform:scale(.94)}.title__id{display:flex}.title__id-circle{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:.9375rem;font-weight:800;display:flex}.title__id-circle:active{transform:scale(.94)}.title__id-login{min-height:34px;padding:0 var(--s2);color:var(--ink-dim);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;font-size:.8125rem;font-weight:600;text-decoration:underline}.title__id-login:hover{color:var(--ink)}.join-perks{padding:0 0 0 var(--s4);gap:var(--s1);font-size:var(--step-label);color:var(--ink-dim);flex-direction:column;margin:0;font-weight:500;display:flex}.join-perks li::marker{color:var(--accent)}.drawer-root{z-index:var(--z-modal);position:fixed;inset:0}.drawer-backdrop{opacity:0;transition:opacity var(--t-fast) var(--ease);background:#0000008c;position:absolute;inset:0}.drawer{width:min(100%,400px);padding:var(--s3) var(--s4) max(var(--s6), env(safe-area-inset-bottom));gap:var(--s3);background:var(--surface);border-top:1px solid var(--line);transition:transform .25s var(--ease);max-height:calc(100dvh - var(--s4));overscroll-behavior:contain;border-radius:12px 12px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%,100%)}.drawer-root.is-open .drawer-backdrop{opacity:1}.drawer-root.is-open .drawer{transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.drawer,.drawer-backdrop{transition:none}}.drawer__handle{background:var(--line);border-radius:2px;width:36px;height:4px;margin:0 auto}.drawer__code{gap:var(--s1);padding:var(--s3) var(--s4);border-radius:var(--r-panel);background:var(--bg);border:1px solid var(--line);text-align:center;cursor:pointer;flex-direction:column;display:flex}.drawer__code:active{transform:scale(.98)}.drawer__code-label{font-size:var(--step-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);font-weight:700}.drawer__code-value{letter-spacing:.14em;color:var(--gold);font-size:1.5rem;font-weight:800}.drawer__link{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-dim);text-align:center;margin:0;overflow:hidden}.board-tabs{gap:var(--s1);border-bottom:1px solid var(--line);display:flex}.board-tab{min-height:44px;padding:var(--s2) var(--s2);color:var(--ink-dim);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;font-size:.8125rem;font-weight:600}.board-tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}.board-tab:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.title__reference{gap:var(--s4);min-height:0;padding-top:var(--s4);flex-direction:column;flex:1;display:flex}.title__reference-head{flex:none}.title__back{width:auto}.setup__head{padding-bottom:var(--s4);flex:none}.setup__back{width:auto}.setup__body{padding-bottom:var(--s4);flex:1}.setup__readout,.setup__note{margin:0}.setup__foot{padding-top:var(--s3);flex:none}.result__headline[data-tone=accent]{color:var(--accent)}.result__headline[data-tone=go]{color:var(--go)}.result__headline[data-tone=hot]{color:var(--hot)}.result__headline[data-tone=gold]{color:var(--gold)}.result__score{margin:0}.screen--result .screen__inner>.stack{flex:1;min-height:0}.result__body{flex:auto;min-height:0}.card__row.is-dim{opacity:.5}.card__balls{color:var(--ink-dim);font-weight:500}.moment{padding-left:var(--s3);border-left:3px solid var(--line)}.moment--six{border-left-color:var(--gold)}.moment--four{border-left-color:var(--go)}.moment--wicket{border-left-color:var(--hot)}.fatal{z-index:var(--z-toast);padding:var(--s4);background:color-mix(in oklab, var(--bg) 92%, transparent);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fatal__box{gap:var(--s3);width:100%;max-width:var(--content-max);padding:var(--s6) var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);text-align:left;flex-direction:column;display:flex}.update-row{left:50%;bottom:max(var(--s4), env(safe-area-inset-bottom));z-index:var(--z-toast);align-items:center;gap:var(--s3);min-height:44px;padding:var(--s2) var(--s4);white-space:nowrap;border-radius:var(--r-panel);background:var(--hot);color:var(--hot-ink);animation:toast-rise .25s var(--ease);display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 8px #00000073}@keyframes toast-rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.update-row{animation:none}}.update-row:active{transform:translate(-50%)scale(.97)}.update-row__title{font-size:var(--step-label);letter-spacing:.02em;text-transform:uppercase;font-weight:800}.update-row__sub{font-size:var(--step-label);color:color-mix(in oklab, var(--hot-ink) 80%, transparent);font-weight:600}.title__version{width:auto;font-size:var(--step-micro);letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.fatal__detail{font-family:var(--font-mono);font-size:var(--step-micro);color:var(--ink-dim);word-break:break-word;padding:var(--s2);background:var(--bg);border-radius:var(--r-pill)}#rotate{z-index:var(--z-toast);padding:var(--s6);background:var(--bg);text-align:center;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#rotate[hidden]{display:none}.rotate__inner{gap:var(--s3);max-width:var(--content-max);flex-direction:column;display:flex}.hud-fit{width:var(--tap);background:var(--accent);pointer-events:auto;border-radius:0;justify-content:center;align-items:center;min-height:100%;padding:3px 8px;display:inline-flex}.hud-fit[hidden]{display:none}.hud-fit span{border:2px solid var(--accent-ink);width:14px;height:14px;box-shadow:inset 0 0 0 2px var(--accent);border-radius:1px;display:block}.hud-fit:active{filter:brightness(.9)}.hud-fs{width:var(--tap);background:var(--surface);pointer-events:auto;border-radius:0;justify-content:center;align-items:center;min-height:100%;padding:3px 8px;display:inline-flex}.hud-fs[hidden]{display:none}.hud-fs span{width:14px;height:14px;display:block;position:relative}.hud-fs span:before,.hud-fs span:after{content:"";border:2px solid var(--ink);width:5px;height:5px;position:absolute}.hud-fs span:before{border-bottom:0;border-right:0;top:0;left:0}.hud-fs span:after{border-top:0;border-left:0;bottom:0;right:0}.hud-fs.is-on span:before{border:2px solid var(--ink);border-top:0;border-left:0}.hud-fs.is-on span:after{border:2px solid var(--ink);border-bottom:0;border-right:0}.hud-fs:active{filter:brightness(.9)}.diag{z-index:var(--z-toast);gap:var(--s3);padding:max(var(--s4), env(safe-area-inset-top)) var(--s4) max(var(--s4), env(safe-area-inset-bottom));background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.diag__body{font-family:var(--font-mono);color:var(--ink);white-space:pre;flex:1;font-size:11px;line-height:1.5;overflow:auto}.diag__actions{gap:var(--s2);display:flex}.title__utils{gap:var(--s2);margin-top:var(--s2);display:flex}.title__utils>.btn{flex:1}.title__board{margin-top:var(--s2)}.title__utils .title__board{margin-top:0}.board__pos{min-width:1.4em;color:var(--ink-dim);font-variant-numeric:tabular-nums;display:inline-block}.board__won{color:var(--go)}.board__lost{color:var(--ink-dim)}.score-save{gap:var(--s2);padding-top:var(--s3);border-top:1px solid var(--line);flex-direction:column;display:flex}.score-save__row{gap:var(--s2);display:flex}.score-save__input{min-width:0;min-height:var(--tap);padding:0 var(--s3);font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);-webkit-user-select:text;user-select:text;touch-action:auto;flex:1;font-weight:700}.score-save__input::placeholder{color:var(--ink-dim);font-weight:500}.score-save__input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.score-save__go{width:auto;padding-inline:var(--s4);flex:none}.score-save.is-saved .score-save__input{opacity:.5}.score-save__done{color:var(--go);margin:0}.install-row{align-items:center;gap:var(--s2) var(--s3);width:100%;min-height:var(--tap-row);padding:var(--s3) var(--s4);margin-bottom:var(--s2);text-align:left;border-radius:var(--r-panel);background:var(--surface-2);border:1px solid color-mix(in oklab, var(--accent) 45%, var(--line));transition:transform var(--t-fast) var(--ease);grid-template-columns:1fr auto;display:grid}.install-row[hidden]{display:none}.install-row:active{transform:scale(.98)}.install-row__title{font-size:var(--step-h2);letter-spacing:-.01em;font-weight:800}.install-row__sub{font-size:var(--step-label);color:var(--ink-dim);grid-column:1/-1;font-weight:500}.hud-yorker{background:var(--hot);color:var(--hot-ink);letter-spacing:.08em;text-transform:uppercase;border-radius:0;align-items:center;margin-left:4px;padding:1px 5px;font-size:8px;font-weight:800;animation:.6s infinite alternate hud-pulse;display:inline-flex}.hud-yorker[hidden]{display:none}@media (prefers-reduced-motion:reduce){.hud-yorker{outline:1px solid var(--ink);outline-offset:-1px;animation:none}}.desktop-hint{display:none}:root.is-wide #app{background:oklch(12% .022 265) radial-gradient(120vh 120vh at 50% 45%,oklch(20% .03 265) 0%,oklch(15% .025 265) 55%,oklch(12% .022 265) 100%)}:root.is-wide .screen--title{background:color-mix(in oklab, var(--bg) 72%, transparent)}:root.is-wide .screen--title .title{overscroll-behavior:contain;padding-inline:var(--s2);overflow:hidden auto}:root.is-wide .screen--setup{background:color-mix(in oklab, var(--bg) 68%, transparent);justify-content:flex-start}:root.is-wide .screen--result{background:color-mix(in oklab, var(--bg) 88%, transparent)}:root.is-wide .screen--title .screen__inner,:root.is-wide .screen--setup .screen__inner{margin:0 var(--s6) 0 auto}:root.is-wide .screen--setup .screen__inner{flex:0 auto;max-height:100%}:root.is-wide .desktop-hint{left:var(--s6);bottom:var(--s6);color:var(--ink-dim);display:block;position:absolute}:root.is-wide .hud-bar{width:min(860px, calc(100% - 2 * var(--s6)));margin-inline:auto;padding-bottom:0;bottom:12px;left:0;right:0;box-shadow:0 6px 24px -8px #0009}:root.is-wide .hud-bar .hud-stat b{font-size:24px}:root.is-wide .hud-bar .hud-seg{padding-block:8px}:root.is-wide .hud-bar .hud-bat,:root.is-wide .hud-bar .hud-bowl-name,:root.is-wide .hud-bar .hud-bowl-figs{font-size:14px}:root.is-wide .hud-bat__form{width:14px;height:14px}