:root{--graphite: #1b1e24;--red: #ff4b4b;--cyan: #33cfff;--steel: #c7d0da;--hazard: #ffd43b;--ink: rgba(0, 0, 0, .35);--hud-h: 48px;--font: Impact, Haettenschweiler, "Arial Narrow Bold", "Roboto Condensed", system-ui, sans-serif;color-scheme:dark}@media(pointer:coarse){:root{--hud-h: 56px}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--graphite);color:var(--steel);font-family:var(--font);font-weight:800;letter-spacing:.04em;text-transform:uppercase;overflow:hidden;-webkit-text-size-adjust:100%;overscroll-behavior:none;touch-action:none}button,kbd,a{font:inherit;letter-spacing:inherit;text-transform:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--hazard);outline-offset:2px}#app{position:fixed;inset:0;display:flex;flex-direction:column;height:100dvh}.hud{flex:0 0 var(--hud-h);height:var(--hud-h);display:grid;grid-template-columns:minmax(0,300px) auto minmax(0,300px);justify-content:center;align-items:center;padding:0 10px;gap:16px;background:color-mix(in srgb,var(--graphite) 80%,black);border-bottom:1px solid rgba(199,208,218,.15);user-select:none;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.hud[hidden]{display:none}.hud-side{display:flex;flex-direction:column;justify-content:center;line-height:1;min-width:0}.hud-s{align-items:flex-end}.hud-row{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.hud-sub{margin-top:3px;font-size:13px;opacity:.85}.hud-name{font-size:17px}.hud-n .hud-name,.chip-n{color:var(--red)}.hud-s .hud-name,.chip-s{color:var(--cyan)}.hud-score{font-size:30px;display:inline-block;transform-origin:center}.hud-score.pop{animation:pop .25s ease-out}@keyframes pop{0%{transform:scale(1.4)}to{transform:scale(1)}}.chip{border:1px solid currentColor;border-radius:999px;padding:1px 6px;font-size:11px}.chip[hidden]{display:none}.pts{font-variant-numeric:tabular-nums}.hud-centre{display:flex;align-items:center;gap:6px}.hud-clock-wrap{display:flex;flex-direction:column;align-items:center;line-height:1;min-width:64px}.clock{font-size:26px;font-variant-numeric:tabular-nums;transition:color .3s}.clock.late{color:var(--hazard)}.ot{font-size:10px;color:var(--hazard);margin-top:2px;white-space:nowrap}.ot[hidden]{display:none}.icon-btn{width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:var(--steel);display:grid;place-items:center;padding:0}@media(pointer:coarse){.icon-btn{width:56px;height:56px}}.icon-btn svg{width:24px;height:24px;fill:currentColor;stroke:currentColor}.icon-btn:hover{background:#c7d0da1a}#btn-mute .cross,#btn-mute.muted .wave{display:none}#btn-mute.muted .cross{display:block}#btn-mute.muted{color:#c7d0da80}.stage{position:relative;flex:1 1 auto;min-height:0}#court{display:block;width:100%;height:100%;touch-action:none;background:color-mix(in srgb,var(--graphite) 65%,black)}.banner{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;padding:0 16px;width:100%;animation:bannerIn .3s cubic-bezier(.34,1.56,.64,1)}.banner[hidden]{display:none}.banner-title{font-size:clamp(28px,7vw,64px);color:var(--hazard);text-shadow:0 4px 0 rgba(0,0,0,.5),0 0 24px rgba(255,212,59,.4);line-height:1}.banner-title.own{color:var(--steel)}.banner-sub{font-size:clamp(18px,4vw,30px);color:var(--steel);margin-top:6px}@keyframes bannerIn{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.flash{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 6px var(--hazard)}.flash[hidden]{display:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:12px;overflow-y:auto;pointer-events:none;touch-action:pan-y}.overlay:has(.panel:not([hidden])){background:#00000073;pointer-events:auto}.panel{width:min(560px,100%);background:color-mix(in srgb,var(--graphite) 92%,black);border:1px solid rgba(199,208,218,.18);border-radius:18px;padding:22px 22px 16px;box-shadow:0 24px 60px #0009;text-align:center;animation:panelIn .22s ease-out}.panel[hidden]{display:none}@keyframes panelIn{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}.eyebrow{margin:0 0 8px;font-size:12px;color:var(--hazard);letter-spacing:.14em}.title{margin:0;font-size:clamp(36px,9vw,64px);line-height:.95;color:var(--steel);text-shadow:0 5px 0 rgba(0,0,0,.45);white-space:nowrap}.yellow{color:var(--hazard)}.h2{margin:0;font-size:clamp(26px,6vw,40px);line-height:1}.lede{margin:12px 0 0;font-size:15px;text-wrap:balance;text-transform:none;letter-spacing:.02em;font-weight:500;font-family:system-ui,sans-serif;opacity:.85}.howto{list-style:none;margin:14px 0 0;padding:0;display:flex;justify-content:center;gap:6px 14px;flex-wrap:wrap;font-size:15px}.howto b{color:var(--hazard)}.warn{margin:4px 0 0;font-size:12px;opacity:.6}.modes{display:flex;gap:12px;margin-top:18px;justify-content:center;align-items:stretch;flex-wrap:wrap}.mode-block{display:flex;flex-direction:column;gap:8px;flex:1 1 220px;max-width:280px}.btn{border:0;border-radius:12px;padding:14px 20px;font-size:20px;min-height:56px;transition:transform .12s ease-out,filter .12s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--red);color:#fff;box-shadow:0 5px #00000073}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background:#c7d0da1f;color:var(--steel);border:1px solid rgba(199,208,218,.35);flex:1 1 160px;max-width:280px}.btn-secondary:hover{background:#c7d0da33}.chips{display:flex;gap:6px;justify-content:center}.tier{flex:1 1 0;border:1px solid rgba(199,208,218,.35);background:transparent;color:var(--steel);border-radius:999px;padding:8px 6px;font-size:13px;min-height:40px}.tier[aria-checked=true]{background:var(--cyan);color:var(--graphite);border-color:var(--cyan)}.bests{margin:16px 0 0;font-size:13px;color:var(--hazard)}.keys{margin-top:12px;font-size:12px;opacity:.8;line-height:1.9}.keys p{margin:0}.who{display:inline-block;min-width:46px;text-align:right;margin-right:4px}.who.n{color:var(--red)}.who.s{color:var(--cyan)}kbd{display:inline-block;min-width:20px;padding:0 5px;margin:0 1px;border-radius:5px;border:1px solid rgba(199,208,218,.4);border-bottom-width:3px;background:#00000059;font-size:11px;line-height:18px;text-align:center}.dim{opacity:.6}.small{font-size:12px;margin:10px 0 0}.panel-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(199,208,218,.15);font-size:13px}.panel-small .panel-foot{justify-content:center}.all-games{color:var(--steel);text-decoration:none;opacity:.8;padding:8px 4px}.all-games:hover{opacity:1;text-decoration:underline}.link-btn{background:none;border:0;color:var(--steel);opacity:.8;padding:8px 4px}.link-btn:hover{opacity:1;text-decoration:underline}.stack{display:flex;flex-direction:column;gap:10px;margin-top:18px}.stack .btn-secondary{max-width:none;flex:0 0 auto}.row{display:flex;gap:10px;margin-top:16px;justify-content:center;flex-wrap:wrap}.row .btn{flex:1 1 140px;max-width:none}.final{display:flex;justify-content:center;align-items:baseline;gap:14px;margin-top:10px;font-size:clamp(52px,14vw,96px);line-height:1;font-variant-numeric:tabular-nums}.final .n{color:var(--red)}.final .s{color:var(--cyan)}.final .dash{opacity:.4;font-size:.6em}.solo-points{margin:6px 0 0;font-size:22px;color:var(--hazard)}.solo-points[hidden],.new-best[hidden]{display:none}.new-best{margin:4px 0 0;font-size:14px;color:var(--hazard);animation:blink .9s steps(2,start) infinite}@keyframes blink{50%{opacity:.35}}.stats{width:100%;margin-top:12px;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.stats th{font-weight:inherit;padding:2px 6px}.stats th.n{color:var(--red);text-align:right}.stats th.s{color:var(--cyan);text-align:left}.stats td{padding:3px 6px;border-top:1px solid rgba(199,208,218,.1)}.stats td:first-child{text-align:right;width:32%}.stats td:nth-child(2){opacity:.6;font-size:12px}.stats td:last-child{text-align:left;width:32%}.stats .lead{color:var(--hazard)}@media(max-height:700px)and (orientation:portrait),(max-height:520px){.overlay{align-items:start}.panel{padding:14px 16px 10px;border-radius:14px}.lede{margin-top:6px;font-size:14px}.howto{margin-top:8px}.modes,.bests{margin-top:10px}.panel-foot{margin-top:10px;padding-top:8px}.title{font-size:clamp(32px,9vw,56px)}.keys,.warn{display:none}.stats{font-size:12px}.stats td{padding:1px 6px}}@media(max-width:400px){.howto{font-size:14px}.btn{font-size:18px}.eyebrow{font-size:10px;letter-spacing:.1em}.bests{font-size:12px}.hud-sub{font-size:10px}.hud-name{font-size:14px}.hud-score,.clock{font-size:24px}}@media(prefers-reduced-motion:reduce){.banner,.panel,.hud-score.pop,.new-best{animation:none}}