:root{color-scheme:dark;--court: #0b1020;--ink: #f8fafc;--muted: #94a3b8}*{box-sizing:border-box}html,body{overscroll-behavior:none}body{margin:0;padding:2rem 1rem;background:#050813;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.game{margin:0 auto;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:.75rem}h1{margin:0;font-size:1.5rem;letter-spacing:.4em;text-transform:uppercase}.scoreboard{margin:0;display:flex;gap:1rem;font-size:2rem;font-variant-numeric:tabular-nums}.scoreboard__side{display:inline-flex;gap:.5rem;align-items:baseline}.scoreboard__dash{color:var(--muted)}canvas{width:100%;height:auto;touch-action:pinch-zoom;background:var(--court);border:1px solid #1e293b;border-radius:4px}.status{margin:0;min-height:1.5rem;color:var(--muted)}.controls{margin:0}button{font:inherit;padding:.4rem 1rem;color:var(--ink);background:#131c33;border:1px solid #1e293b;border-radius:4px;cursor:pointer}button[aria-pressed=true]{color:var(--muted)}.hint{margin:0;color:var(--muted);font-size:.8rem;text-align:center}kbd{padding:0 .3em;border:1px solid #1e293b;border-radius:3px;background:#131c33}@media(max-height:480px){:root{--page-padding-block: .25rem}body{padding:var(--page-padding-block) .5rem}.game{height:calc(100dvh - 2 * var(--page-padding-block));gap:.25rem}h1{font-size:.9rem;letter-spacing:.3em}.scoreboard{font-size:1.25rem}.status{min-height:1rem;font-size:.75rem}button{padding:.15rem .6rem;font-size:.75rem}canvas{flex:0 1 auto;min-height:0;width:auto;max-width:100%;aspect-ratio:800 / 480}.hint{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}