.arcade-root{--arcade-bg:#090c1c;--arcade-surface:#161b36;--arcade-text:#e6ebff;--arcade-muted:#34507a;--arcade-accent:#ffae1f;--arcade-on-accent:#1d1200;--arcade-border:#2b355f;--arcade-radius:8px;--arcade-label:color-mix(in srgb, var(--arcade-text) 45%, var(--arcade-muted));--arcade-hud-height:440px;color-scheme:dark;max-width:380px;max-width:clamp(380px, calc((100svh - var(--arcade-hud-height)) * 160 / 176 + 28px), 520px);color:var(--arcade-text);background:var(--arcade-surface);border:2px solid var(--arcade-border);border-radius:calc(var(--arcade-radius) * 1.5);font-family:var(--font-mono);margin:1.5rem auto;line-height:1.4;overflow:hidden}.arcade-root :is(button,input):focus-visible{outline:2px solid var(--arcade-accent);outline-offset:2px}.arcade-root kbd{background:var(--arcade-bg);border:1px solid var(--arcade-border);border-radius:calc(var(--arcade-radius) * .5);padding:0 5px;font-family:inherit}.arcade-muted{color:var(--arcade-label);font-size:12px}.arcade-status{letter-spacing:.08em;color:var(--arcade-label);flex-wrap:wrap;flex:1;justify-content:space-between;gap:4px 10px;margin:0;font-size:11px;display:flex}.arcade-stat dt{margin:0}.arcade-stat dd{color:var(--arcade-text);margin:0;font-size:16px;font-weight:700}.arcade-message{min-height:2.8em;margin:0;font-size:13px}.arcade-message[data-urgent]{color:var(--arcade-accent)}.arcade-key,.arcade-fire,.arcade-ghost{border-radius:var(--arcade-radius);font-family:inherit;font-weight:700}.arcade-key{min-width:0;color:var(--arcade-text);background:var(--arcade-bg);border:2px solid var(--arcade-border);cursor:pointer;padding:10px 0;font-size:18px;line-height:1}.arcade-key:hover:not(:disabled){border-color:var(--arcade-accent)}.arcade-key-sm{padding-inline:10px;font-size:13px}.arcade-fire{letter-spacing:.14em;color:var(--arcade-on-accent);background:var(--arcade-accent);cursor:pointer;border:0;padding:12px 16px;font-size:18px}.arcade-ghost{letter-spacing:.1em;color:var(--arcade-text);background:var(--arcade-surface);border:2px solid var(--arcade-border);cursor:pointer;padding:12px 16px;font-size:14px}.arcade-ghost:hover:not(:disabled){border-color:var(--arcade-accent)}.arcade-key:disabled,.arcade-fire:disabled,.arcade-ghost:disabled{cursor:not-allowed}.arcade-key:disabled,.arcade-ghost:disabled{opacity:.5}.arcade-fire:disabled{color:var(--arcade-text);background:color-mix(in srgb, var(--arcade-accent) 35%, var(--arcade-surface))}.arcade-sound{letter-spacing:.08em;justify-content:center;align-items:center;gap:4px;padding-block:8px;font-size:11px;display:flex}.arcade-game{gap:10px;padding:12px;display:grid}.arcade-top{justify-content:space-between;align-items:start;gap:8px;display:flex}.arcade-stage{background:var(--arcade-bg);border-radius:calc(var(--arcade-radius) * .5);width:100%;position:relative;overflow:hidden}.arcade-key.arcade-pause{letter-spacing:.08em;flex:none;padding-block:8px;font-size:11px}.arcade-top-keys{flex:none;gap:6px;display:grid}.arcade-keys{container:arcade-keys/inline-size}.arcade-keys-grid{grid-template-columns:repeat(auto-fill, minmax(max(44px, calc((100% - (var(--arcade-columns) - 1) * 5px) / var(--arcade-columns))), 1fr));gap:5px;display:grid}@container arcade-keys (width<191px){.arcade-keys[data-columns="4"]>.arcade-keys-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container arcade-keys (width<289px){.arcade-keys[data-columns="6"]>.arcade-keys-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container arcade-keys (width<387px){.arcade-keys[data-columns="8"]>.arcade-keys-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.arcade-chip{letter-spacing:.06em;color:var(--arcade-label);border:1px solid var(--arcade-border);border-radius:999px;padding:2px 8px;font-size:11px;display:inline-block}.arcade-chip b{color:var(--arcade-text)}.arcade-overlay{z-index:1;text-align:center;background:var(--arcade-surface);place-content:center;justify-items:center;gap:12px;padding:16px;display:grid;position:absolute;inset:0}.arcade-overlay-title{letter-spacing:.14em;margin:0;font-size:22px;font-weight:700}.arcade-overlay-hint{color:var(--arcade-label);font-size:12px}.arcade-screen{gap:14px;padding:16px;font-size:14px;display:grid}.arcade-screen p{margin:0}.arcade-screen-title{letter-spacing:.1em;outline:none;margin:0;font-size:20px}.arcade-screen-subtitle{letter-spacing:.1em;margin:0 0 6px;font-size:12px}.arcade-howto{margin:0;padding-left:1.2em}.arcade-choices{grid-template-columns:repeat(var(--arcade-choice-columns,4), 1fr);border:0;gap:6px;margin:0;padding:0;display:grid}@media (width<=359px){.arcade-choices[data-count="4"]{grid-template-columns:repeat(2,1fr)}}.arcade-choices legend{letter-spacing:.1em;margin-bottom:6px;font-size:12px;font-weight:700}.arcade-choice input{opacity:0;position:absolute}.arcade-choice span{text-align:center;background:var(--arcade-bg);border:2px solid var(--arcade-border);border-radius:var(--arcade-radius);cursor:pointer;padding:8px 0;font-weight:700;display:block}.arcade-choice input:checked+span{color:var(--arcade-on-accent);background:var(--arcade-accent);border-color:var(--arcade-accent)}.arcade-choice input:focus-visible+span{outline:2px solid var(--arcade-accent);outline-offset:2px}.arcade-switch{align-items:start;gap:8px;font-size:13px;display:flex}.arcade-switch input{accent-color:var(--arcade-accent);margin-top:3px}.arcade-scores{border-collapse:collapse;width:100%;font-size:13px}.arcade-scores th{letter-spacing:.08em;text-align:left;color:var(--arcade-label);font-size:11px}.arcade-scores :is(th,td){border-bottom:1px solid var(--arcade-border);padding:2px 4px}.arcade-scores tr[data-new] td{color:var(--arcade-accent);font-weight:700}.arcade-final{justify-content:start;gap:24px}