:root{color-scheme:dark;--ink: #f1f5f9}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b1220;color:var(--ink);font-family:Trebuchet MS,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 16px;display:flex;flex-direction:column;align-items:center}.scoreboard{display:flex;gap:10px;font-weight:700;letter-spacing:.08em}.score{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#080f1e99;border:1px solid rgba(255,255,255,.14);font-size:20px}.score .label{font-size:11px;opacity:.7}.score.player .label{color:#4fd1ff}.score.opponent .label{color:#ff7a59}.message{margin-top:auto;margin-bottom:30vh;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.message.visible{opacity:1;transform:none}.message strong{display:block;font-size:clamp(26px,8vw,44px);letter-spacing:.06em;text-shadow:0 4px 18px rgba(0,0,0,.6)}.message small{display:block;margin-top:8px;font-size:clamp(12px,3.6vw,16px);opacity:.75;letter-spacing:.12em}