:root{--game-board: #e4e3ee;--game-cell: #f7f7fb;--game-ink: #17161f;--game-red: #d23f4b;--game-gold: #c98a0c;--game-sky: #2786cc;--game-violet: #7357f0;--game-lime: #3f9a22}@media(prefers-color-scheme:dark){:root{--game-board: #0a0a10;--game-cell: #1b1b27;--game-ink: #ecebf3;--game-red: #ff6f7a;--game-gold: #f5c04a;--game-sky: #5cc2ff;--game-violet: #a898ff;--game-lime: #8bd86a}}.game{margin-top:1.5rem;display:grid;gap:1rem;grid-auto-columns:minmax(0,1fr);align-items:start}.scores{display:grid;grid-template-columns:repeat(var(--score-cols, 3),minmax(0,1fr));gap:.5rem;margin:0}.score{display:grid;gap:.2rem;align-content:start;min-width:0;padding:.5rem .7rem .55rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.score dt{font:600 .68rem/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score dd{margin:0;font:700 1.45rem/1.1 var(--mono);font-variant-numeric:tabular-nums;color:var(--text);overflow-wrap:anywhere}.score.main dd{background:var(--sheen-text);-webkit-background-clip:text;background-clip:text;color:transparent}.stage{min-width:0}.board{position:relative;width:100%;max-width:36rem;margin-inline:auto;overflow:hidden;background:var(--game-board);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.board:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.board canvas{display:block;width:100%;height:100%;touch-action:none}.board noscript p{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;margin:0;text-align:center;color:var(--text-muted)}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:.75rem;cursor:pointer;background:color-mix(in srgb,var(--bg) 62%,transparent);backdrop-filter:blur(2px);transition:opacity .3s ease-out}.overlay[data-fade=out]{opacity:0}.overlay[data-mode=over]{background:color-mix(in srgb,var(--bg) 28%,transparent);backdrop-filter:none}.overlay[data-place=bottom]{align-items:end}.overlay[data-place=top]{align-items:start}.overlay-card{display:grid;gap:.55rem;width:min(100%,21rem);max-height:100%;overflow-y:auto;padding:1rem 1.1rem 1.1rem;text-align:center;cursor:default;border-radius:var(--radius);border:1.5px solid transparent;box-shadow:var(--shadow-lift);background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--sheen-line) border-box}.overlay-card h2{margin:0;font-size:1.2rem}.overlay-card .big{margin:0;font:700 clamp(1.4rem,6vw,2rem)/1.1 var(--mono);font-variant-numeric:tabular-nums}.overlay-card .big:empty{display:none}.overlay-card .note{margin:0;font-size:.92rem;color:var(--text-muted)}.overlay-card .actions{justify-content:center}.overlay-card textarea{width:100%;min-height:4rem;resize:none;padding:.5rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:.85rem/1.4 var(--mono)}.game-controls{display:grid;gap:.75rem;min-width:0}.game-status{min-height:1.6em;margin:0;color:var(--text-muted);font-size:.95rem}.game .actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.button.small{padding:.5rem .85rem;font-size:.88rem}.button:disabled{opacity:.5;cursor:default}.touch-keys{display:grid;gap:.4rem;user-select:none;-webkit-user-select:none;touch-action:none}.touch-keys button{min-height:3rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:650 1.05rem/1 var(--font);box-shadow:var(--shadow);cursor:pointer;-webkit-tap-highlight-color:transparent}.touch-keys button:active,.touch-keys button[data-held]{background:var(--surface-sunk);border-color:var(--accent)}@media(pointer:fine){.touch-keys:not([data-always]){display:none}}.chip{display:inline-grid;place-items:center;min-width:1.4em;height:1.4em;padding:0 .3em;vertical-align:-.2em;border-radius:999px;background:var(--surface-sunk);border:1px solid var(--border);font:700 .8em/1 var(--mono)}.about .how{display:grid;gap:.55rem;padding-left:1.1rem;margin:0}.about .how li::marker{color:var(--accent)}@media(min-width:60rem){.game.side{grid-template-columns:minmax(0,36rem) minmax(15rem,1fr);grid-template-areas:"stage scores" "stage controls";grid-template-rows:auto 1fr;column-gap:1.5rem}.game.side .stage{grid-area:stage}.game.side .scores{grid-area:scores;--score-cols: 2}.game.side .scores .main{grid-column:1 / -1}.game.side .scores .main dd{font-size:2.2rem}.game.side .game-controls{grid-area:controls;align-self:start}.game.side .board{margin-inline:0}}@media(prefers-reduced-motion:reduce){.overlay{transition:none}}