:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f1e}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;margin:0;padding:0;overflow:hidden}#app{width:100vw;height:100vh;height:100dvh;position:fixed;top:0;bottom:0;left:0;right:0}#game{touch-action:none;width:100%;height:100%;display:block}:root{--ink:#f4f6ff;--ink-dim:#a9b1d6;--meter-green:#39ff7a;--meter-ramp-end:#fd7800;--meter-ramp-mid:#2bff00;--meter-ramp-fade:20%;--pink:#ff4fd2;--logo-field:#6402e3;--palette-green:#76e442;--palette-gold:#fec72c;--line:#120e1a;--violet-glow:inset 0 0 0 5px var(--logo-field), inset 0 0 22px 8px color-mix(in srgb, var(--logo-field) 80%, transparent);--violet-face:#0b0f1ed1;--line-green:1.5px solid var(--palette-green);--line-soft:1px solid color-mix(in srgb, var(--palette-green) 35%, transparent);--icon-ring:var(--line-green);--panel:#0b0f1eb8;--gutter:16px;--tap:44px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--rack-bottom:max(10px, calc(var(--safe-bottom) + 6px));--rack-h:28px;--safe-left:env(safe-area-inset-left,0px);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Noto Sans Hebrew,Arial,sans-serif}#game{position:absolute;top:0;bottom:0;left:0;right:0}.ui{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.screen{padding-top:max(var(--gutter), var(--safe-top));padding-right:max(var(--gutter), var(--safe-right));padding-bottom:max(var(--gutter), var(--safe-bottom));padding-left:max(var(--gutter), var(--safe-left));pointer-events:auto;flex-direction:column;gap:16px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.screen--center,.screen--boot{text-align:center;justify-content:center;align-items:center}.screen--boot{background:var(--bg)}.screen--play{touch-action:none}.brand{letter-spacing:.04em;text-shadow:0 2px 16px color-mix(in srgb, var(--logo-field) 70%, transparent);margin:0;font-size:clamp(28px,9vmin,56px);font-weight:900}.eyebrow{color:var(--ink-dim);letter-spacing:.12em;text-transform:uppercase;font-size:14px;font-weight:700}.ink-dim{color:var(--ink-dim)}.lead{max-inline-size:32ch;color:var(--ink-dim);margin:0;font-size:16px;line-height:1.4}.btn{min-block-size:48px;min-inline-size:var(--tap);border:var(--line-green);background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:16px;padding-block-start:10px;padding-block-end:10px;padding-inline-start:22px;padding-inline-end:22px;font-size:17px;font-weight:700;transition:transform .16s cubic-bezier(.34,1.56,.64,1)}.btn:active{transition:none;transform:scale(.96)}.btn:disabled{opacity:.4;pointer-events:none;transform:none}.btn--primary{border:2px solid var(--line);background:var(--violet-face);box-shadow:var(--violet-glow);color:var(--ink);min-block-size:52px;padding-inline-start:32px;padding-inline-end:32px;font-size:19px}.btn--dev{opacity:.7;font-size:13px}.btn--end{top:max(var(--gutter), var(--safe-top));left:max(var(--gutter), var(--safe-left));position:absolute}:root{--shoot-lift:15vh;--bar-lift:5vh;--shoot-base:max(72px, calc(var(--safe-bottom) + 56px));--shoot-bottom:calc(var(--shoot-base) + var(--shoot-lift));--bar-bottom:calc(var(--shoot-base) + var(--bar-lift));--shoot-side:18vw;--shoot-half:48px;--meter-gap-x:26vw}[data-orientation=landscape]{--shoot-lift:5vh;--bar-lift:5vh;--shoot-base:max(40px, calc(var(--safe-bottom) + 28px));--shoot-side:70px;--shoot-half:42px;--meter-gap-x:22vw}@supports (height:1dvh){:root{--shoot-lift:15dvh;--bar-lift:5dvh}[data-orientation=landscape]{--shoot-lift:5dvh;--bar-lift:5dvh}}.btn--shoot{bottom:var(--shoot-bottom);right:max(var(--shoot-side), calc(var(--safe-right) + 12px));touch-action:none;block-size:96px;inline-size:96px;transition:transform var(--spring-ms,.22s) cubic-bezier(.3, 1.3, .6, 1), filter var(--spring-ms,.22s) ease-out, box-shadow var(--spring-ms,.22s) ease-out;background:url(/assets/ui/shoot-ball.webp) 50%/100% 100% no-repeat;border:0;border-radius:50%;padding:0;position:absolute;box-shadow:0 7px 14px #00000073}.left-handed .btn--shoot{right:auto;left:max(var(--shoot-side), calc(var(--safe-left) + 12px))}[data-orientation=landscape] .btn--shoot{block-size:84px;inline-size:84px}.rack-pick{padding:calc(var(--safe-top) + 18px) 18px calc(var(--safe-bottom) + 28px);pointer-events:auto;background:linear-gradient(#0000 58%,#060812b8);flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.rack-pick__card{text-align:center;max-width:28rem}[data-orientation=landscape] .rack-pick{padding-block:calc(var(--safe-top) + 10px) calc(var(--safe-bottom) + 10px);background:linear-gradient(#060812b8,#0000 42%);justify-content:flex-start}[data-orientation=landscape] .rack-pick__card{max-width:44rem}[data-orientation=landscape] .rack-pick__card .lead{max-inline-size:none}.rack-pick__centre{left:0;right:0;color:var(--ink);text-align:center;pointer-events:none;text-shadow:0 1px 2px #000000e6,0 2px 10px #000000d9;flex-direction:column;align-items:center;gap:.15em;padding-inline-start:18px;padding-inline-end:18px;display:flex;position:absolute;top:59%;transform:translateY(-50%)}.rack-pick__title{font-size:clamp(26px,10vmin,56px);font-weight:600;line-height:1.1}.rack-pick__time{font-variant-numeric:tabular-nums;font-size:clamp(30px,11.5vmin,66px);font-weight:600;line-height:1.1}.countdown{font-variant-numeric:tabular-nums;font-size:clamp(72px,30vmin,180px);font-weight:900}.countdown--pop{animation:.35s ease-out countdown-pop}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.dev-overlay{top:max(64px, calc(var(--safe-top) + 48px));right:max(4px, var(--safe-right));opacity:.8;color:var(--palette-green);pointer-events:none;z-index:100;white-space:pre;background:#0000008c;border-radius:6px;margin:0;padding:6px 8px;font:11px/1.35 ui-monospace,Menlo,Consolas,monospace;position:absolute}#safe-area-probe{visibility:hidden;pointer-events:none;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);position:fixed}@media (prefers-reduced-motion:reduce){.countdown--pop{animation:none}}.btn--lang{top:max(var(--gutter), var(--safe-top));font-size:15px;position:absolute}.btn--lang:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:max(var(--gutter), var(--safe-left))}.btn--lang:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:max(var(--gutter), var(--safe-left))}.btn--lang:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:max(var(--gutter), var(--safe-left))}.btn--lang:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:max(var(--gutter), var(--safe-left))}[dir=rtl] .btn--lang:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:max(var(--gutter), var(--safe-right))}[dir=rtl] .btn--lang:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:max(var(--gutter), var(--safe-right))}[dir=rtl] .btn--lang:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:max(var(--gutter), var(--safe-right))}[dir=rtl] .btn--lang:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:max(var(--gutter), var(--safe-right))}.settings-sheet .btn--lang,.settings-row--language .btn--lang{position:static;top:auto;bottom:auto;left:auto;right:auto}.btn--icon{border-radius:50%;justify-content:center;align-items:center;block-size:48px;inline-size:48px;padding:0;display:inline-flex}.settings-backdrop{z-index:5;padding-top:max(var(--gutter), var(--safe-top));padding-right:max(var(--gutter), var(--safe-right));padding-bottom:max(var(--gutter), var(--safe-bottom));padding-left:max(var(--gutter), var(--safe-left));opacity:0;background:#03050c8c;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.settings-backdrop[hidden]{display:none}.settings-backdrop--open{opacity:1}.settings-sheet{border:var(--line-green);text-align:start;background:#080b18f0;border-radius:22px;flex-direction:column;gap:14px;max-block-size:100%;inline-size:min(100%,360px);padding:16px 20px 20px;transition:transform .2s;display:flex;overflow-y:auto;transform:translateY(8px)scale(.98);box-shadow:0 12px 40px #0000008c}.settings-backdrop--open .settings-sheet{transform:none}.settings-sheet>*,.menu-sheet__body>*{flex-shrink:0}.settings-sheet__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-sheet__title{margin:0;font-size:20px;font-weight:800}.settings-sheet__close{font-size:18px}.btn--pause,.settings-sheet__close{border:var(--icon-ring)}.settings-row{min-block-size:var(--tap);border-block-start:var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-block-start:12px;display:flex}.settings-row--volume{flex-flow:column;align-items:stretch}.settings-row__line{justify-content:space-between;display:flex}.settings-row__label{font-size:17px;font-weight:700}.settings-row__value,.settings-row__note{color:var(--ink-dim);font-size:15px}.settings-range{inline-size:100%;block-size:var(--tap);accent-color:var(--palette-green);cursor:pointer;margin:0}.settings-seg{background:#ffffff14;border-radius:16px;padding:3px;display:inline-flex}.settings-seg__btn{min-block-size:38px;min-inline-size:72px;color:var(--ink-dim);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:12px;padding-inline-start:16px;padding-inline-end:16px;font-size:15px;font-weight:700;transition:background .16s,color .16s}.settings-seg__btn[aria-pressed=true]{background:var(--violet-face);box-shadow:var(--violet-glow);color:var(--ink)}.settings-switch{min-block-size:var(--tap);cursor:pointer;flex:1;justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-switch__input{-webkit-appearance:none;appearance:none;cursor:pointer;background:#ffffff2e;border-radius:999px;flex:none;block-size:30px;inline-size:52px;margin:0;transition:background .16s;position:relative}.settings-switch__input:after{content:"";top:3px;background:var(--ink);border-radius:50%;block-size:24px;inline-size:24px;transition:transform .16s;position:absolute}.settings-switch__input:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:3px}.settings-switch__input:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:3px}.settings-switch__input:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:3px}.settings-switch__input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:3px}.settings-switch__input:checked{background:var(--palette-green)}.settings-switch__input:checked:after{transform:translate(22px)}[dir=rtl] .settings-switch__input:checked:after{transform:translate(-22px)}.settings-sheet :focus-visible{outline:var(--line-green);outline-offset:2px}[data-orientation=landscape] .settings-sheet{gap:8px;padding:12px 18px 14px}[data-orientation=landscape] .settings-row{padding-block-start:8px}@media (prefers-reduced-motion:reduce){.settings-backdrop,.settings-sheet{transition:none}}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.lang-test{border:1.5px dashed var(--palette-green);background:var(--panel);border-radius:10px;gap:8px;inline-size:min(100%,360px);padding:10px 12px;font-size:14px;display:grid}.lang-test__row{text-align:start}.lang-test__title{color:var(--palette-green);font-size:12px}.meter{--meter-h:min(38vh, 300px);bottom:calc(var(--bar-bottom) - 6px - 17px);right:calc(max(var(--shoot-side), calc(var(--safe-right) + 12px)) + var(--shoot-half) + var(--meter-gap-x) - 13px);opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:6px;transition:opacity .15s linear;display:flex;position:absolute}.left-handed .meter{right:auto;left:calc(max(var(--shoot-side), calc(var(--safe-left) + 12px)) + var(--shoot-half) + var(--meter-gap-x) - 13px)}[data-orientation=landscape] .meter{--meter-h:min(52vh, 240px)}.meter.is-placed,.left-handed .meter.is-placed{top:var(--meter-top);bottom:auto;left:var(--meter-x);right:auto;transform:translate(-50%)}.meter.is-on{opacity:1;transition:opacity .12s linear}@media (prefers-reduced-motion:reduce){.meter,.meter.is-on{transition:none}}:root[data-reduced-motion] .meter,:root[data-reduced-motion] .meter.is-on{transition:none}.shooter-overlay{pointer-events:none;position:absolute}.screen--play.is-last-shot .btn--shoot,.screen--play.is-last-shot .meter{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s linear,visibility 0s linear .2s}@media (prefers-reduced-motion:reduce){.screen--play.is-last-shot .btn--shoot,.screen--play.is-last-shot .meter{transition:none}}:root[data-reduced-motion] .screen--play.is-last-shot .btn--shoot,:root[data-reduced-motion] .screen--play.is-last-shot .meter{transition:none}.meter__track{inline-size:26px;block-size:var(--meter-h);background:#0b0f1ecc;border:2px solid #ffffff59;border-radius:13px;position:relative;overflow:hidden}.meter__band,.meter__fill,.meter__marker{position:absolute;left:0;right:0}.meter__band--good{background:linear-gradient(to top, var(--meter-ramp-end), var(--meter-ramp-mid) 50%, var(--meter-ramp-end));--fade-mask:linear-gradient(to top, transparent 0, #00000017 calc(var(--meter-ramp-fade) * .2), #0000004f calc(var(--meter-ramp-fade) * .4), #000000a8 calc(var(--meter-ramp-fade) * .6), #000000e6 calc(var(--meter-ramp-fade) * .8), #000 var(--meter-ramp-fade), #000 calc(100% - var(--meter-ramp-fade)), #000000e6 calc(100% - var(--meter-ramp-fade) * .8), #000000a8 calc(100% - var(--meter-ramp-fade) * .6), #0000004f calc(100% - var(--meter-ramp-fade) * .4), #00000017 calc(100% - var(--meter-ramp-fade) * .2), transparent 100%);-webkit-mask-image:var(--fade-mask);-webkit-mask-image:var(--fade-mask);mask-image:var(--fade-mask)}.meter__band--green{background:0 0}.meter__green-edges{border-top:2px solid var(--meter-green);border-bottom:2px solid var(--meter-green)}.meter__fill{transform-origin:bottom;will-change:transform;background:linear-gradient(#fff9,#fffc);height:100%;bottom:0;transform:scaleY(0)}.meter.in-green .meter__fill{background:linear-gradient(#beffd2f2,#39ff7ae6)}.meter__track:after{content:"";border-radius:inherit;border:2px solid var(--meter-green);box-shadow:inset 0 0 10px var(--meter-green);opacity:0;pointer-events:none;transition:opacity 80ms linear;position:absolute;top:0;bottom:0;left:0;right:0}.meter.in-green .meter__track:after{opacity:1}.meter__marker{background:var(--pink);height:4px;box-shadow:0 0 6px var(--pink);margin-bottom:-2px;display:none}.meter.has-marker .meter__marker{display:block}.meter__label{letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 4px #000;white-space:nowrap;min-block-size:17px;font-size:12px;font-weight:800}.meter--deep .meter__label{color:var(--palette-gold)}:root{--shot-text-bg:#080b18e6;--shot-text-border:var(--line-green);--band-top:max(var(--gutter), var(--safe-top));--side-left:max(var(--gutter), var(--safe-left))}.call-pill{--burst:polygon(100% 50%, 87.7% 60.1%, 93.3% 75%, 77.6% 77.6%, 75% 93.3%, 60.1% 87.7%, 50% 100%, 39.9% 87.7%, 25% 93.3%, 22.4% 77.6%, 6.7% 75%, 12.3% 60.1%, 0% 50%, 12.3% 39.9%, 6.7% 25%, 22.4% 22.4%, 25% 6.7%, 39.9% 12.3%, 50% 0%, 60.1% 12.3%, 75% 6.7%, 77.6% 22.4%, 93.3% 25%, 87.7% 39.9%);--tone:var(--logo-field);top:calc(var(--band-top) + 92px);inline-size:max-content;max-inline-size:calc(100% - 2 * var(--gutter) - 24px);box-sizing:border-box;opacity:0;pointer-events:none;text-align:center;isolation:isolate;flex-direction:column;align-items:center;gap:0;margin-inline-start:auto;margin-inline-end:auto;padding:20px clamp(26px,9vw,46px);display:flex;position:absolute;left:0;right:0;transform:rotate(-7deg)}.call-pill:before,.call-pill:after{content:"";z-index:-1;clip-path:var(--burst);position:absolute}.call-pill:before{background:var(--tone);top:-6px;bottom:-6px;left:-10px;right:-10px}.call-pill:after{background:var(--shot-text-bg);top:0;bottom:0;left:0;right:0}.call-pill.is-shown{animation:1.4s ease-out forwards call-pill}.call-pill__main{letter-spacing:.02em;text-transform:uppercase;color:var(--tone);-webkit-text-stroke:2px #0b0f1e;paint-order:stroke fill;text-shadow:3px 3px #000;white-space:nowrap;font-size:min(36px,8.5vw);font-style:italic;font-weight:900;line-height:1}[data-orientation=landscape] .call-pill{top:24%;left:var(--side-left);max-inline-size:40%;margin-inline-start:0;margin-inline-end:0;right:auto}[data-orientation=landscape] .call-pill__main{font-size:30px}.call-pill__sub{white-space:nowrap;color:#fff;text-shadow:0 1px 3px #000;margin-top:4px;font-size:14px;font-weight:800}.call-pill__sub:empty{display:none}.call-pill[data-tone=green]{--tone:var(--palette-green)}.call-pill[data-tone=amber]{--tone:var(--palette-gold)}@keyframes call-pill{0%{opacity:0;transform:scale(1.4)rotate(-12deg)}9%{opacity:1;transform:scale(.88)rotate(-5deg)}13%{transform:scale(1.1)rotate(-8deg)translate(3px,-2px)}17%{transform:scale(.97)rotate(-6deg)translate(-3px,2px)}21%{transform:scale(1.02)rotate(-7deg)translate(2px,1px)}26%{transform:scale(1)rotate(-7deg)}78%{opacity:1;transform:scale(1)rotate(-7deg)}to{opacity:0;transform:scale(1.06)rotate(-7deg)}}@media (prefers-reduced-motion:reduce){.call-pill.is-shown{animation-name:call-pill-fade}}@keyframes call-pill-fade{0%,75%{opacity:1}to{opacity:0}}.how{text-align:start;background:var(--panel);border-radius:14px;gap:8px;max-inline-size:34ch;margin:0;padding-block-start:12px;padding-block-end:12px;padding-inline-start:1.4em;padding-inline-end:16px;font-size:16px;line-height:1.4;display:grid}.hud{top:max(var(--gutter), var(--safe-top));pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:50%;translate:-50%}.hud__top{background:var(--panel);font-variant-numeric:tabular-nums;border-radius:14px;align-items:baseline;gap:18px;padding:4px 16px;display:flex}.hud__score{text-align:center;min-inline-size:2ch;font-size:40px;font-weight:900}.hud__clock{color:var(--ink-dim);text-align:center;min-inline-size:3.2ch;font-size:24px;font-weight:800}.hud__clock.is-low{color:#ff5b5b}.hud__dots{--ball:clamp(9px, 3.3vw, 14px);--ball-deep:calc(var(--ball) * 1.25);bottom:var(--rack-bottom);pointer-events:none;filter:drop-shadow(0 1px 1.5px #000000d9);align-items:flex-end;gap:3px;display:flex;position:absolute;left:50%;translate:-50%}.hud__group{border-radius:999px;align-items:center;gap:0;padding:2px;transition:translate .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out;display:flex}.hud__group.is-current{background:#ffffff29;translate:0 -3px;box-shadow:0 0 8px #ffffff59}@media (prefers-reduced-motion:reduce){.hud__group{transition:none}}:root[data-reduced-motion] .hud__group{transition:none}.hud__dot{--glow:color-mix(in srgb, var(--palette-green) 75%, transparent);box-sizing:border-box;inline-size:var(--ball);block-size:var(--ball);opacity:.5;border-radius:50%;position:relative}.hud__dot+.hud__dot{margin-inline-start:calc(var(--ball) * -.2)}.hud__dot:before{content:"";background:url(/assets/ui/rack-ball.webp) 50%/100% 100% no-repeat;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.hud__dot--money{--c:var(--pink);--glow:var(--pink)}.hud__dot--deep{--c:var(--palette-gold);--glow:var(--palette-gold);inline-size:var(--ball-deep);block-size:var(--ball-deep)}.hud__dot--money:after,.hud__dot--deep:after{content:"";background:conic-gradient(var(--c) 0turn, color-mix(in srgb, var(--c) 15%, transparent) .22turn, var(--c) .5turn, color-mix(in srgb, var(--c) 15%, transparent) .72turn, var(--c) 1turn);border-radius:50%;animation:1.4s linear infinite rack-ring-flow;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 1.6px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 1.6px),#000 calc(100% - 1.5px))}@keyframes rack-ring-flow{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.hud__dot--money:after,.hud__dot--deep:after{animation:none}}:root[data-reduced-motion] .hud__dot--money:after,:root[data-reduced-motion] .hud__dot--deep:after{animation:none}.hud__dot.is-made{opacity:1;box-shadow:0 0 5px var(--glow)}.hud__dot.is-miss{opacity:.3}.hud__dot.is-miss:before,.hud__dot.is-miss:after{filter:grayscale();animation:none}.hud__hot{bottom:calc(var(--rack-bottom) + var(--rack-h) + 10px);left:max(var(--gutter), var(--safe-left));border:2px solid var(--line);background:var(--palette-gold);color:var(--bg);border-radius:999px;padding:3px 12px;font-size:13px;font-weight:800;display:none;position:absolute}.hud__hot.is-on{display:block}.left-handed .hud__hot{left:auto;right:max(var(--gutter), var(--safe-right))}[data-orientation=landscape] .hud__score{font-size:30px}.screen--results{background:#0b0f1e8c}.screen--results.is-looking{background:0 0}.results{background:var(--panel);border-radius:20px;justify-items:center;gap:10px;inline-size:min(100%,360px);padding:18px 22px;display:grid}.results__grade{color:var(--ink);font-size:clamp(56px,18vmin,96px);font-weight:900;line-height:1}.results__grade--MVP{color:var(--palette-gold)}.results__line{text-align:center;font-size:17px;font-weight:700}.results__stats{gap:22px;margin-block-start:6px;display:flex}.results__stat{justify-items:center;display:grid}.results__value{font-variant-numeric:tabular-nums;font-size:30px;font-weight:900}.results__label{color:var(--ink-dim);font-size:13px}.results__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.results.is-away,.results__actions.is-away{display:none}.screen--results{overscroll-behavior:contain;justify-content:flex-start;overflow-y:auto}.screen--results .results{flex-shrink:0;margin-block-start:auto}.screen--results .results__actions{flex-shrink:0;margin-block-end:auto}.screen--results.is-looking{overflow:hidden}.station-stats{border-block-start:var(--line-soft);justify-items:center;gap:4px;inline-size:100%;margin-block-start:4px;padding-block-start:10px;display:grid}.station-stats__title{color:var(--ink-dim);margin:0;font-size:13px;font-weight:700}.station-stats__table{border-collapse:collapse;font-variant-numeric:tabular-nums}.station-stats__table th,.station-stats__table td{text-align:center;vertical-align:middle;padding:3px}.station-stats__table .station-stats__head{color:var(--ink-dim);vertical-align:bottom;font-size:11px;font-weight:700;line-height:1.2}.station-stats__head .station-mark{margin:0 auto 4px;display:block}.station-stats__headLabel{display:block}.station-stats__strip{align-items:center;gap:var(--mark-gap);vertical-align:middle;display:inline-flex}.station-stats__count{font-size:15px;font-weight:800}.station-stats__count--missed{color:var(--ink-dim)}.station-stats__count--greens{color:var(--palette-green)}.station-stats__count--pct{min-inline-size:3.2em;color:var(--ink);padding-inline-start:8px}.station-stats__count.is-zero{color:var(--ink-dim);opacity:.45}.station-stats{--mark:13px;--mark-gap:6px}.station-mark{box-sizing:border-box;inline-size:var(--mark);block-size:var(--mark);border-radius:50%;flex:none;display:inline-block;position:relative}.station-mark--green,.station-mark--lucky,.station-mark--miss{background:url(/assets/ui/rack-ball.webp) 50%/100% 100% no-repeat}.station-mark--green{outline:1.5px solid var(--palette-green);outline-offset:1.5px}.station-mark--miss{opacity:.42;filter:grayscale()}.station-mark--empty{border:1px dashed #ffffff47}.station-mark--money{--c:var(--pink)}.station-mark--deep{--c:var(--palette-gold)}.station-mark--money:not(.station-mark--empty),.station-mark--deep:not(.station-mark--empty){isolation:isolate;background:0 0}.station-mark--money:not(.station-mark--empty):before,.station-mark--deep:not(.station-mark--empty):before{content:"";background:url(/assets/ui/rack-ball.webp) 50%/100% 100% no-repeat;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.station-mark--deep:not(.station-mark--empty):before{filter:brightness(1.8)}.station-mark--money:not(.station-mark--empty):after,.station-mark--deep:not(.station-mark--empty):after{content:"";background:var(--c);mix-blend-mode:color;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.station-mark--money.station-mark--miss,.station-mark--deep.station-mark--miss{filter:none}.station-mark--money.station-mark--empty,.station-mark--deep.station-mark--empty{border-color:color-mix(in srgb, var(--c) 70%, transparent)}[data-orientation=landscape] .screen--results .results{grid-template-columns:auto auto;align-items:center;column-gap:22px;inline-size:min(100%,640px);padding-block-start:10px;padding-block-end:10px}[data-orientation=landscape] .screen--results .results>*{grid-column:1}[data-orientation=landscape] .screen--results .results>.station-stats{border-block-start:0;border-inline-start:var(--line-soft);grid-area:1/2/span 6;margin-block-start:0;padding-block-start:0;padding-inline-start:22px}[data-orientation=landscape] .screen--results .results__grade{font-size:clamp(44px,14vmin,72px)}.menu-card .station-stats{border-block-start:0;margin-block-start:0;padding-block-start:6px}.btn--shoot.is-held,.btn--shoot:active{transform:translateY(var(--press-sink,3px)) scale(var(--press-scale,.95));filter:brightness(.86);transition:none;box-shadow:0 2px 5px #00000073}:root[data-shoot-ball=b] .btn--shoot{background-image:url(/assets/ui/shoot-ball-b.webp)}@media (prefers-reduced-motion:reduce){.btn,.btn--shoot{transition:none}.btn:active,.btn--shoot.is-held,.btn--shoot:active{transform:none}}:root[data-reduced-motion] .btn,:root[data-reduced-motion] .btn--shoot{transition:none}:root[data-reduced-motion] .btn:active,:root[data-reduced-motion] .btn--shoot.is-held,:root[data-reduced-motion] .btn--shoot:active{transform:none}.meter.in-green .meter__track:after{animation:.28s ease-out green-pulse}@keyframes green-pulse{0%{opacity:.4}50%{opacity:1}}.fx{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.fx__glow{--glow:var(--palette-green);opacity:0;background:radial-gradient(ellipse at center, transparent 74%, var(--glow) 175%);box-shadow:inset 0 0 26px var(--glow);position:absolute;top:0;bottom:0;left:0;right:0}.fx__glow[data-tone=warm]{--glow:var(--palette-gold)}.fx__number{opacity:0;color:#fff;text-shadow:0 2px 10px #0009,0 0 18px #ffffff80;will-change:transform, opacity;font-size:30px;font-weight:900;position:absolute;top:0;left:0}.fx__number[data-tone=pink]{color:var(--pink)}.fx__number[data-tone=gold]{color:var(--palette-gold);font-size:38px}.fx__stamp{top:calc(var(--band-top) + 204px);opacity:0;border:4px solid var(--palette-green);background:var(--shot-text-bg);color:var(--palette-gold);letter-spacing:.04em;text-shadow:0 0 22px color-mix(in srgb, var(--palette-gold) 60%, transparent);white-space:nowrap;border-radius:14px;padding:4px 20px;font-size:clamp(34px,10vmin,58px);font-weight:900;position:absolute;left:50%;translate:-50%}@media (prefers-reduced-motion:reduce){.meter.in-green .meter__track:after{animation:none}}.hud__clock.is-pulse{animation:.45s ease-out clock-pulse}@keyframes clock-pulse{0%{transform:scale(1.3)}to{transform:scale(1)}}.fx__vignette{opacity:0;background:radial-gradient(#0000 45%,#000000b8 100%);transition:opacity .35s ease-out;position:absolute;top:0;bottom:0;left:0;right:0}.fx__vignette.is-on{opacity:1}.results__best{text-align:center;flex-direction:column;align-items:center;margin-block-start:6px;display:flex;position:relative}.results__bestMain{letter-spacing:.01em;background-image:var(--gold-grain), linear-gradient(180deg, #fff1b8 0%, #f2c14e 22%, #b9801f 44%, #6b4306 52%, #a8711a 60%, #f0c75a 78%, #fff0b0 92%, #b8821f 100%);background-blend-mode:overlay, normal;color:#0000;filter:drop-shadow(0 0 6px #ffc85a80)drop-shadow(0 1px #462800bf);--gold-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='2.6' intercept='-0.8'/%3E%3CfeFuncG type='linear' slope='2.6' intercept='-0.8'/%3E%3CfeFuncB type='linear' slope='2.6' intercept='-0.8'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23g)'/%3E%3C/svg%3E");background-size:64px 64px,100% 1.15em;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900;line-height:1.15;position:relative}.results__bestMain:after{content:attr(data-text);background:linear-gradient(110deg,#0000 38%,#fffae100 41%,#fffae18c 46%,#fffef6 50%,#fffae18c 54%,#fffae100 59%,#0000 62%) 0 0/300% 100%;background-position:var(--shine-x,100%) 0;color:#0000;opacity:0;pointer-events:none;-webkit-background-clip:text;background-clip:text;position:absolute;top:0;bottom:0;left:0;right:0}.results__bestMain.is-shining:after{opacity:1}.results__bestSub{color:#ffe7b8;margin-block-start:-1px;font-size:13px;font-weight:700;line-height:1.1}.results__glow{opacity:0;pointer-events:none;background:radial-gradient(#ffcf6a59,#0000 70%);position:absolute;top:-10px;bottom:-10px;left:-20px;right:-20px}@media (prefers-reduced-motion:reduce){.results__glow{display:none}.hud__clock.is-pulse{animation:none}.fx__vignette{transition:none}}.hud__pace{color:var(--ink-dim);font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;font-size:13px;font-weight:800;display:flex}.hud__pace[hidden]{display:none}.hud__pace-value{font-size:16px}.hud__pace[data-trend=up] .hud__pace-value{color:var(--palette-green)}.hud__pace[data-trend=down] .hud__pace-value{color:#ff6b6b}.hud__pace-label{font-size:11px;font-weight:700}.fx__callout{top:calc(var(--band-top) + 152px);opacity:0;background:var(--shot-text-bg);border:var(--shot-text-border);color:#fff;white-space:nowrap;text-shadow:0 2px 12px #0009;border-radius:999px;padding:4px 18px;font-weight:900;position:absolute;left:50%;translate:-50%}.fx__callout[data-size="1"]{font-size:18px}.fx__callout[data-size="2"]{color:var(--ink);font-size:24px}.fx__callout[data-size="3"]{font-size:30px}.fx__callout[data-tone=gold]{color:var(--palette-gold);border:var(--line-green)}.fx__chip{bottom:max(36px, calc(var(--safe-bottom) + 24px));opacity:0;background:var(--panel);border:var(--line-green);white-space:nowrap;border-radius:999px;padding:6px 16px;font-size:15px;font-weight:800;position:absolute;left:50%;translate:-50%}.fx__chip[data-tone=pink]{border-color:var(--pink);color:var(--pink)}.fx__chip[data-tone=gold]{border-color:var(--palette-green);color:var(--palette-gold)}.lead,.eyebrow{text-shadow:0 1px 2px #000000e6,0 2px 10px #000000d9}.lead{color:var(--ink)}.tip{max-inline-size:34ch;color:var(--ink);text-shadow:0 1px 2px #000000e6,0 2px 10px #000000d9;margin:0;font-size:14px;font-style:italic}.results__quip{color:var(--ink-dim);text-align:center;font-size:14px;font-style:italic}[data-orientation=landscape] .fx__callout{top:calc(26% + 64px);left:var(--side-left);border-radius:14px;translate:0}[data-orientation=landscape] .fx__stamp{top:calc(26% + 116px);left:var(--side-left);font-size:clamp(28px,8vmin,44px);translate:0}.fx__chip{background:var(--shot-text-bg)}.menu-card{border:var(--line-green);text-align:center;background:#080b18db;border-radius:22px;flex-direction:column;align-items:center;gap:12px;inline-size:min(100%,420px);padding:20px 22px 22px;display:flex;box-shadow:0 12px 40px #0000008c}.menu-card .how{background:0 0;padding-block-start:0;padding-block-end:0}[data-orientation=landscape] .menu-card{gap:8px;padding:14px 20px 16px}[data-orientation=landscape] .menu-card .brand{font-size:clamp(26px,8vmin,44px)}.screen--home{pointer-events:none;background:0 0;overflow:hidden}.home-hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.menu-corner,.game-menu,.menu-back,.screen--home .settings-backdrop,.screen--home .lang-test{pointer-events:auto}.menu-corner--start{top:max(var(--gutter), var(--safe-top));z-index:3;position:absolute}.menu-corner--start:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:max(var(--gutter), var(--safe-left))}.menu-corner--start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:max(var(--gutter), var(--safe-left))}.menu-corner--start:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:max(var(--gutter), var(--safe-left))}.menu-corner--start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:max(var(--gutter), var(--safe-left))}[dir=rtl] .menu-corner--start:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:max(var(--gutter), var(--safe-right))}[dir=rtl] .menu-corner--start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:max(var(--gutter), var(--safe-right))}[dir=rtl] .menu-corner--start:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:max(var(--gutter), var(--safe-right))}[dir=rtl] .menu-corner--start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:max(var(--gutter), var(--safe-right))}.menu-corner--end{top:max(var(--gutter), var(--safe-top));z-index:3;align-items:center;gap:8px;display:flex;position:absolute}.menu-corner--end:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:max(var(--gutter), var(--safe-right))}.menu-corner--end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:max(var(--gutter), var(--safe-right))}.menu-corner--end:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:max(var(--gutter), var(--safe-right))}.menu-corner--end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:max(var(--gutter), var(--safe-right))}[dir=rtl] .menu-corner--end:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:max(var(--gutter), var(--safe-left))}[dir=rtl] .menu-corner--end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:max(var(--gutter), var(--safe-left))}[dir=rtl] .menu-corner--end:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:max(var(--gutter), var(--safe-left))}[dir=rtl] .menu-corner--end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:max(var(--gutter), var(--safe-left))}.menu-chip.btn--icon{border:var(--icon-ring);block-size:48px;min-block-size:48px;inline-size:48px;color:var(--ink);background:radial-gradient(circle at 32% 28%,#ffffff38,#0000 46%),#0a0806c7;border-radius:50%;flex:none;padding:0;box-shadow:inset 0 -3px #00000073,0 4px #0000008c}.menu-chip--profile.btn--icon{block-size:auto;inline-size:auto;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.menu-chip__medal{border:var(--icon-ring);block-size:48px;inline-size:48px;color:var(--ink);background:radial-gradient(circle at 32% 28%,#ffffff38,#0000 46%),#0a0806c7;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 -3px #00000073,0 4px #0000008c}.game-icon{pointer-events:none;background:50%/contain no-repeat;flex:none;block-size:28px;inline-size:28px;display:block}.game-icon--scoreboard{background-image:url(/assets/ui/icons/icon-scoreboard.webp)}.game-icon--profile{background-image:url(/assets/ui/icons/icon-profile.webp)}.game-icon--locker-room{background-image:url(/assets/ui/icons/icon-locker-room.webp)}.game-icon--pause{background-image:url(/assets/ui/icons/icon-pause.webp)}.game-icon--close{background-image:url(/assets/ui/icons/icon-close.webp);block-size:22px;inline-size:22px}.game-menu{left:16px;right:16px;bottom:max(11vh, calc(var(--safe-bottom) + 12px));z-index:2;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute}.btn--play{border:2px solid var(--line);background:var(--violet-face);min-block-size:64px;min-inline-size:min(78vw,300px);color:var(--ink);text-shadow:none;box-shadow:var(--violet-glow), 0 10px 24px #00000047;border-radius:16px;padding-inline-start:28px;padding-inline-end:28px;font-size:clamp(20px,5vw,26px);font-weight:800;transition:background-color .12s,box-shadow .12s}.btn--play:active{background:color-mix(in srgb, var(--logo-field) 30%, var(--violet-face));box-shadow:var(--violet-glow), 0 4px 12px #00000038;transform:none}.btn--friends{min-block-size:var(--tap);min-inline-size:0;box-shadow:none;color:var(--ink);text-shadow:0 2px #000000b3,0 4px 12px #000000d9;background:0 0;border:none;border-radius:0;padding-inline-start:8px;padding-inline-end:8px;font-size:16px;font-weight:800}.btn--friends:after{content:"";background:var(--palette-green);border-radius:2px;block-size:3px;inline-size:100%;margin-block-start:2px;display:block;box-shadow:0 2px #00000073}[data-orientation=landscape] .btn--play{min-block-size:52px;font-size:20px}[data-orientation=landscape] .game-menu{bottom:max(28px, var(--safe-bottom))}.screen--home .lang-test{top:calc(max(var(--gutter), var(--safe-top)) + var(--tap) + 8px);z-index:2;max-block-size:22vh;margin-inline-start:auto;margin-inline-end:auto;position:absolute;left:16px;right:16px;overflow:auto}.menu-chip:focus-visible{outline:var(--line-green);outline-offset:2px}.btn--play:focus-visible{outline:var(--line-green);outline-offset:2px}.btn--friends:focus-visible{outline:var(--line-green);outline-offset:2px}@media (prefers-reduced-motion:reduce){.btn--play,.btn--play:active{transition:none;transform:none}}:root[data-reduced-motion] .btn--play,:root[data-reduced-motion] .btn--play:active{transition:none;transform:none}.home-hud.is-away,.lang-test.is-away,.menu-back.is-away{display:none}.menu-back{left:50%;bottom:max(var(--gutter), var(--safe-bottom));z-index:2;position:absolute;translate:-50%}[data-orientation=landscape] .menu-back{left:auto;right:max(var(--gutter), var(--safe-right));translate:none}[data-orientation=landscape][dir=rtl] .menu-back{right:auto;left:max(var(--gutter), var(--safe-left))}.menu-sheet__body{flex-direction:column;gap:12px;display:flex}.shooter-picks{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.shooter-picks__row{flex-wrap:wrap;gap:8px;display:flex}.shooter-picks__btn[aria-pressed=true]{background:var(--violet-face);box-shadow:var(--violet-glow);color:var(--ink);border:2px solid var(--line)}.shooter-picks__current{color:var(--ink-dim);margin:0;font-size:14px}.btn--pause{top:max(var(--gutter), var(--safe-top));left:max(var(--gutter), var(--safe-left));touch-action:none;-webkit-tap-highlight-color:transparent;background:#080b18b8;position:absolute}.left-handed .btn--pause{left:auto;right:max(var(--gutter), var(--safe-right))}.btn--pause.is-pending{box-shadow:0 0 0 3px color-mix(in srgb, var(--logo-field) 60%, transparent)}.btn--pause:focus-visible{outline:var(--line-green);outline-offset:2px}.screen--play .btn--end{top:calc(max(var(--gutter), var(--safe-top)) + var(--tap) + 10px)}.pause-backdrop{z-index:4;padding-top:max(var(--gutter), var(--safe-top));padding-right:max(var(--gutter), var(--safe-right));padding-bottom:max(var(--gutter), var(--safe-bottom));padding-left:max(var(--gutter), var(--safe-left));opacity:0;background:#03050c99;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pause-backdrop[hidden],.pause-sheet[hidden],.pause-view[hidden]{display:none}.pause-backdrop--open{opacity:1}.pause-sheet{border:var(--line-green);text-align:center;background:#080b18f0;border-radius:22px;max-block-size:100%;inline-size:min(100%,320px);padding:20px;transition:transform .2s;overflow-y:auto;transform:translateY(8px)scale(.98);box-shadow:0 12px 40px #0000008c}.pause-backdrop--open .pause-sheet{transform:none}.pause-view{flex-direction:column;align-items:stretch;gap:12px;display:flex}.pause-sheet__title{letter-spacing:.02em;margin:0 0 4px;font-size:24px;font-weight:800}.pause-sheet__body{color:var(--ink-dim);margin:0 0 4px;font-size:16px}.pause-btn{inline-size:100%}.pause-btn--leave{color:var(--ink)}.pause-sheet :focus-visible{outline:var(--line-green);outline-offset:2px}[data-orientation=landscape] .pause-sheet{padding:14px 18px}[data-orientation=landscape] .pause-view{gap:8px}.screen--play.is-paused *,.screen--play.is-paused :before,.screen--play.is-paused :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.pause-backdrop,.pause-sheet{transition:none}}:root[data-reduced-motion] .pause-backdrop,:root[data-reduced-motion] .pause-sheet{transition:none}.screen--firstrun{overscroll-behavior:contain;pointer-events:auto;justify-content:flex-start;overflow-y:auto}[data-orientation=portrait] .screen--firstrun{padding-top:calc(max(var(--gutter), var(--safe-top)) + var(--tap) + 8px)}.screen--firstrun .menu-card{flex-shrink:0;margin-block-start:auto;margin-block-end:auto}[data-orientation=landscape] .screen--firstrun .menu-card{inline-size:min(100%,560px)}[data-orientation=landscape] .screen--firstrun .brand{display:none}[data-orientation=landscape] .screen--firstrun .how{gap:4px;max-inline-size:52ch;font-size:14px;line-height:1.3}.name-field{text-align:start;flex-direction:column;gap:6px;inline-size:min(100%,34ch);display:flex}.name-field__label{color:var(--ink);font-size:15px;font-weight:700}.name-field__input{pointer-events:auto;box-sizing:border-box;inline-size:100%;min-block-size:var(--tap);border:var(--line-green);color:var(--ink);font:inherit;background:#ffffff14;border-radius:12px;padding-inline-start:14px;padding-inline-end:14px;font-size:17px}.name-field__input::placeholder{color:var(--ink-dim)}.name-field__input:focus-visible{outline:var(--line-green);outline-offset:2px}.name-field__input[aria-invalid=true]{border-color:var(--pink)}.name-field__error{min-block-size:1.4em;color:var(--pink);font-size:14px;line-height:1.4}.player-name{max-inline-size:100%;color:var(--ink-dim);overflow-wrap:anywhere;font-size:15px;font-weight:700;display:block}.match-waiting,.match-join{flex-direction:column;align-items:center;gap:12px;inline-size:100%;display:flex}.match-waiting[hidden]{display:none}.match-code{letter-spacing:.18em;text-shadow:0 2px 16px color-mix(in srgb, var(--logo-field) 70%, transparent);margin:0;font-size:clamp(36px,12vmin,64px);font-weight:900;line-height:1.1}.match-error{color:var(--pink);min-block-size:1.4em}.match-roster{border:var(--line-green);background:#ffffff0a;border-radius:16px;flex-direction:column;gap:6px;inline-size:100%;padding:8px;display:flex}.match-list{flex-direction:column;gap:6px;inline-size:100%;display:flex}.match-row{text-align:start;background:#ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-block-size:44px;inline-size:100%;padding:8px 12px;display:flex}.match-row--on{background:color-mix(in srgb, var(--palette-gold) 20%, transparent);outline:var(--line-green)}.match-banner{top:max(var(--gutter), var(--safe-top));inset-inline:var(--gutter);text-align:center;pointer-events:none;font-weight:700;position:absolute}.match-banner--off{top:calc(max(var(--gutter), var(--safe-top)) + 1.6em);color:var(--ink-dim);font-weight:600}.screen--watch{pointer-events:none}.screen--watch .menu-card,.screen--watch .btn{pointer-events:auto}.watch-card{top:max(var(--gutter), var(--safe-top));right:max(var(--gutter), var(--safe-right));background:var(--panel);border:var(--line-green);text-align:start;pointer-events:none;border-radius:14px;flex-direction:column;gap:4px;inline-size:clamp(150px,36vw,230px);padding:8px 10px 10px;display:flex;position:absolute}.watch-card .eyebrow{font-size:11px}.watch-card .lead{margin:0;font-size:13px;line-height:1.25}.watch-card .eyebrow+.lead{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.watch-card .match-row{border-radius:8px;gap:6px;min-block-size:26px;padding:3px 8px;font-size:13px}.watch-card .match-row bdi{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.watch-card .match-row--on{background:color-mix(in srgb, var(--palette-gold) 20%, transparent);outline:var(--line-green)}.watch-card .btn{pointer-events:auto;margin-block-start:4px;padding-inline-start:12px;padding-inline-end:12px;font-size:14px}.consent-bar{z-index:50;padding-block:12px calc(12px + env(safe-area-inset-bottom,0px));padding-inline:calc(16px + env(safe-area-inset-left,0px)) calc(16px + env(safe-area-inset-right,0px));border-block-start:var(--line-soft);color:var(--ink);background:#0b0f1ef0;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;font-size:15px;line-height:1.35;display:flex;position:fixed;bottom:0;left:0;right:0}.consent-open .ui{bottom:var(--consent-h,0px)}.consent-bar[hidden]{display:none}.consent-bar__text{flex:260px;max-inline-size:640px;margin:0}.consent-bar__link,.settings-row__link{color:var(--ink);text-decoration:underline}.consent-bar__buttons{gap:10px;display:flex}.consent-bar__btn{min-block-size:var(--tap);border:var(--line-green);min-inline-size:112px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:16px;padding-inline-start:18px;padding-inline-end:18px;font-weight:700}.consent-bar__btn:focus-visible{outline:var(--line-green);outline-offset:2px}.consent-bar__link:focus-visible{outline:var(--line-green);outline-offset:2px}.settings-row--privacy{min-block-size:var(--tap);align-items:center}.account-row{flex-direction:column;align-items:stretch;gap:6px}.account-row__name{font-weight:700}.account-row__buttons{flex-direction:column;align-items:center;gap:8px;display:flex}.account-row__buttons>.settings-row__note{text-align:start;align-self:stretch}.account-row__slot{min-block-size:40px}.account-row__out[hidden]{display:none}.screen--splash{z-index:6;background:0 0;padding:0;overflow:hidden}.splash__back{background:var(--logo-field);position:absolute;top:0;bottom:0;left:0;right:0}.splash__world{justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.splash__stage{aspect-ratio:16/9;width:min(100vw,177.778dvh);position:relative}.splash__logo,.splash__arc,.splash__letters,.splash__wordmark,.splash__hoop{object-fit:fill;pointer-events:none;max-width:none;display:block;position:absolute}.splash__logo,.splash__arc{width:100%;height:100%;top:0;bottom:0;left:0;right:0}.splash__ball{aspect-ratio:1;pointer-events:none;border-radius:50%;width:44.7%;position:absolute;top:10%;left:27.65%;overflow:hidden}.splash__ball-img{pointer-events:none;width:139.1%;max-width:none;height:139.1%;position:absolute;top:-17.6%;left:-20.1%}.splash__letters{width:70.3%;height:52.6%;top:26.9%;left:15%}.splash__wordmark{width:70.3%;height:42.1%;top:26.8%;left:15%}.splash__hoop{width:11.5%;height:16.5%;top:60.4%;left:64.9%}.splash__spark{pointer-events:none;opacity:0;background:#fff8e8;border-radius:50%;width:12px;height:12px;margin-top:-6px;margin-left:-6px;position:absolute;top:46%;left:18%;box-shadow:0 0 10px 4px #d6ff9a,0 0 18px 6px #ffb15a}.splash__credits{z-index:2;max-inline-size:28vw;color:var(--ink);text-align:start;margin:0;font-size:13px;line-height:1.35;position:absolute;top:50%;transform:translateY(-50%)}.splash__credits:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:max(var(--gutter), var(--safe-right))}.splash__credits:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:max(var(--gutter), var(--safe-right))}.splash__credits:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:max(var(--gutter), var(--safe-right))}.splash__credits:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:max(var(--gutter), var(--safe-right))}.screen--splash.is-motion .splash__wordmark,.screen--splash.is-motion .splash__hoop,.screen--splash.is-motion .splash__arc,.screen--splash.is-motion .splash__letters{opacity:0}.screen--splash.is-still .splash__motion{display:none}@media (prefers-reduced-motion:reduce){.screen--splash:not(.is-motion) .splash__motion{display:none}}.opening__tap{left:0;right:0;top:var(--tap-y,80%);z-index:3;pointer-events:none;justify-content:center;align-items:center;height:0;margin:0;display:flex;position:absolute}.opening__tap-text{text-align:center;white-space:nowrap;color:var(--ink);font-weight:700;font-size:var(--tap-size,clamp(22px, 9vmin, 48px));transform-origin:50%;padding-inline-start:16px;padding-inline-end:16px;line-height:1.2;display:block}.opening__sparks{z-index:-1;pointer-events:none;width:0;height:0;position:absolute;top:0;left:50%}.opening__spark{opacity:0;background:var(--line);clip-path:polygon(50% 0,64% 36%,100% 50%,64% 64%,50% 100%,36% 64%,0 50%,36% 36%);will-change:transform, opacity;width:12px;height:12px;position:absolute;top:0;left:0}.opening__spark:before{content:"";background:var(--palette-gold);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);position:absolute;top:14%;bottom:14%;left:14%;right:14%}.call-pill.at-hoop,.fx__callout.at-hoop,.fx__stamp.at-hoop{margin-inline-start:0;margin-inline-end:0;right:auto;translate:0}