.game-page{display:grid;gap:32px;padding:16px 16px 48px;max-width:820px;margin:0 auto}.game-shell{width:min(100%,calc((100svh - var(--chrome-h, 150px)) * var(--aspect)),var(--shell-max));margin:0 auto;display:grid;gap:8px}.hud{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:14px}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:14px;line-height:1}.icon-btn:disabled{opacity:.4;cursor:default}.stage{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:0 0 0 1px var(--line),0 20px 60px #00000073}.stage canvas{display:block;width:100%;aspect-ratio:var(--aspect);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:#0f0d1fc7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay[hidden]{display:none}.overlay .logo{font-family:var(--font-pixel);font-size:clamp(22px,7vw,30px);line-height:1.3;margin:0;color:var(--accent-2);text-shadow:3px 3px 0 var(--danger)}.overlay .tagline,.overlay .hint,.overlay .cause{margin:0;color:var(--muted);font-size:14px}.overlay .hint{font-size:12px;max-width:28ch}.overlay .title{font-family:var(--font-pixel);font-size:20px;margin:0;color:var(--danger)}.overlay .score{margin:0;font-family:var(--font-mono);font-size:32px;font-weight:700;color:var(--accent-2)}.overlay .best-line{margin:0;font-size:14px}.badge{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--accent-2);color:var(--bg);font-weight:700}.btns{display:grid;gap:8px;width:min(100%,240px);margin-top:4px}.stats{display:flex;gap:24px;margin:4px 0 0}.stats dt{font-size:12px;color:var(--muted)}.stats dd{margin:2px 0 0;font-family:var(--font-mono);color:var(--accent-2)}.seo{line-height:1.75;color:var(--text)}.seo h2{font-size:20px;margin:28px 0 8px}.seo h3{font-size:16px;margin:20px 0 6px}.seo p,.seo li{color:var(--muted)}.seo kbd{font-family:var(--font-mono);border:1px solid var(--line);border-radius:4px;padding:0 5px;background:var(--panel);color:var(--text)}.stage.wide{container-type:inline-size}.overlay{overflow-y:auto}.overlay .title.win{color:var(--accent-2)}.btns.row{grid-template-columns:1fr 1fr;width:min(100%,380px)}.overlay .hint{max-width:52ch;line-height:1.6}.seg{display:inline-flex;gap:3px;padding:3px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;padding:6px 14px;border-radius:7px;cursor:pointer}.seg button[aria-checked=true]{background:var(--accent-2);color:#2b1d00;font-weight:700}@container (max-width: 560px){.overlay{gap:6px;padding:10px}.overlay .tagline,.overlay .stats,.overlay .hint{display:none}.overlay .logo,.overlay .title{font-size:16px}.overlay .score{font-size:22px}.overlay .btn{padding:8px 10px;font-size:13px}}.touch-pad{display:none;justify-content:space-between;gap:12px;margin-top:4px;user-select:none;-webkit-user-select:none}@media (pointer: coarse){.touch-pad{display:flex}}.touch-pad .group{display:flex;gap:12px}.touch-pad button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:68px;height:68px;border-radius:50%;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:700 14px var(--font-sans);touch-action:none;-webkit-touch-callout:none}.touch-pad button.down{background:var(--accent);color:#0b1f1d}.touch-pad button[data-key=spike]{background:var(--danger);color:#fff}.touch-pad button[data-key=spike].down{filter:brightness(1.2)}