*{box-sizing:border-box}:root{--sky: #4a6fa5;--sky-light: #8bacc8;--court-dark: #2a5038;--court-mid: #3d8b5a;--court-light: #52a86e;--line: #e8f0d8;--cream: #f0f0d0;--ink: #1a1a2e;--panel: #0f380f;--panel-mid: #306230;--panel-edge: #2d6b42;--highlight: #9bbc0f;--lime: #8bac0f;--crowd: #c8d878;--player: #e85050;--player-edge: #802020;--player-soft: #ffc8c0;--cpu: #f8d030;--cpu-edge: #906010;--cpu-soft: #fff0a8;--shadow: 4px 4px 0 rgba(15, 56, 15, .85);--overlay-scrim-top: rgba(74, 111, 165, .55);--overlay-scrim-bottom: rgba(42, 80, 56, .75);--overlay-panel-inset: #081808;--font-pixel: "Press Start 2P", ui-monospace, monospace}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--court-dark);color:var(--cream);font-family:var(--font-pixel);touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;image-rendering:pixelated}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;background:var(--sky);touch-action:none;image-rendering:pixelated;image-rendering:crisp-edges}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.scoreboard{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;display:flex;align-items:stretch;transform:translate(-50%);filter:drop-shadow(var(--shadow))}.scoreboard__center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 10px;min-width:64px;background:var(--panel-mid);border-top:4px solid var(--highlight);border-bottom:4px solid var(--ink);border-left:3px solid var(--ink);border-right:3px solid var(--ink)}.scoreboard__vs{font-size:8px;line-height:1.8;color:var(--cream);letter-spacing:.08em}.scoreboard__rule{margin-top:4px;font-size:6px;line-height:1.8;color:var(--crowd);letter-spacing:.02em}.scorebox{position:relative;min-width:clamp(76px,15vw,100px);padding:8px 10px 10px;background:var(--panel);border:4px solid var(--ink);text-align:center}.scorebox--player{border-right:none;box-shadow:inset 3px 3px 0 var(--panel-mid),inset -2px -2px #081808}.scorebox--player:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(232,80,80,.18),transparent 60%);pointer-events:none}.scorebox--cpu{border-left:none;box-shadow:inset 3px 3px 0 var(--panel-mid),inset -2px -2px #081808}.scorebox--cpu:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(248,208,48,.16),transparent 60%);pointer-events:none}.scorebox__badge{display:block;font-size:6px;line-height:1.8;color:var(--lime);letter-spacing:.1em}.scorebox__name{display:block;margin-top:2px;font-size:6px;line-height:1.8;color:var(--line)}.scorebox__value{display:block;margin-top:4px;font-size:clamp(16px,3.5vw,22px);line-height:1.4;letter-spacing:.06em}.scorebox--player .scorebox__value{color:var(--player-soft);text-shadow:2px 2px 0 var(--player-edge)}.scorebox--cpu .scorebox__value{color:var(--cpu-soft);text-shadow:2px 2px 0 var(--cpu-edge)}.scorebox--pulse{animation:score-pop .32s steps(3)}@keyframes score-pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.controls-hint{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:50%;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;padding:10px 14px;border:4px solid var(--ink);background:var(--panel);box-shadow:inset 2px 2px 0 var(--panel-mid),var(--shadow);transform:translate(-50%)}.controls-hint--desktop{display:none}.controls-hint__group{display:flex;align-items:center;gap:6px;font-size:6px;line-height:1.8;color:var(--lime)}.controls-hint__group span{color:var(--cream)}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:24px;padding:0 6px;border:3px solid var(--ink);background:var(--panel-mid);box-shadow:inset 2px 2px 0 var(--highlight),2px 2px 0 var(--ink);font-family:var(--font-pixel);font-size:6px;color:var(--cream);line-height:1.8}@media (hover: hover) and (pointer: fine){.controls-hint--desktop{display:flex}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:linear-gradient(180deg,var(--overlay-scrim-top) 0%,var(--overlay-scrim-bottom) 100%),#0f380fb8}.overlay--hidden{display:none}.overlay__panel{width:min(380px,94vw);padding:22px 18px 20px;border:4px solid var(--ink);background:var(--panel);box-shadow:inset 4px 4px 0 var(--panel-mid),inset -4px -4px 0 var(--overlay-panel-inset),6px 6px #00000073;text-align:center;animation:panel-in .2s steps(4)}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.overlay__panel--result{border-color:var(--ink)}.overlay__eyebrow{margin:0 0 12px;font-size:7px;line-height:1.8;color:var(--crowd);letter-spacing:.1em}.overlay__title{margin:0;font-size:clamp(18px,4.5vw,26px);line-height:1.55;letter-spacing:.04em;color:var(--cream);text-shadow:3px 3px 0 var(--ink)}.overlay__title--result{color:var(--cpu);text-shadow:3px 3px 0 var(--cpu-edge)}.overlay__score{margin:14px 0 0;font-size:clamp(14px,3.5vw,20px);line-height:1.55;letter-spacing:.08em;color:var(--sky-light)}.overlay__copy{margin:16px 0 0;font-size:7px;line-height:1.9;color:var(--lime)}.overlay__controls{margin:16px 0 0;padding:12px 14px;border:3px solid var(--ink);background:var(--court-dark);box-shadow:inset 2px 2px 0 var(--panel-mid);list-style:none;text-align:left}.overlay__controls li{font-size:7px;line-height:1.9;color:var(--cream)}.overlay__controls li+li{margin-top:8px}.overlay__controls strong{color:var(--highlight)}.overlay__controls--mobile{display:none}.overlay__controls--desktop{display:block}@media (hover: none) and (pointer: coarse){.overlay__controls--mobile{display:block}.overlay__controls--desktop{display:none}}.overlay__button{margin-top:20px;min-width:180px;min-height:48px;padding:14px 20px;border:4px solid var(--ink);background:var(--player);color:var(--cream);box-shadow:inset 3px 3px #ff9088,inset -3px -3px 0 var(--player-edge),4px 4px 0 var(--ink);cursor:pointer;font-family:var(--font-pixel);font-size:9px;line-height:1.6;letter-spacing:.04em;transition:transform .08s steps(2),box-shadow .08s steps(2)}.overlay__button:hover{filter:brightness(1.08)}.overlay__button:active{transform:translate(3px,3px);box-shadow:inset 3px 3px 0 var(--player-edge),inset -3px -3px #ff9088,1px 1px 0 var(--ink)}.overlay__button--secondary{background:var(--cpu);color:var(--ink);box-shadow:inset 3px 3px #fff0a0,inset -3px -3px 0 var(--cpu-edge),4px 4px 0 var(--ink)}.overlay__button--secondary:active{box-shadow:inset 3px 3px 0 var(--cpu-edge),inset -3px -3px #fff0a0,1px 1px 0 var(--ink)}@media (max-height: 430px) and (orientation: landscape){.scoreboard{top:max(6px,env(safe-area-inset-top))}.scorebox{min-width:68px;padding:6px 8px 8px}.scorebox__value{font-size:14px}.overlay__panel{width:min(340px,80vw);padding:16px 14px 14px}.overlay__title{font-size:16px}.overlay__button{margin-top:14px;min-height:42px;font-size:8px}}