html,body{background:var(--color-background);height:100%;color:var(--color-text);font-family:var(--font-family);font-size:var(--font-body-size);margin:0;overflow:hidden}#game{touch-action:none;position:fixed;inset:0}#overlay{flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:16px;display:flex;position:fixed;inset:0}#overlay[hidden]{display:none}.menu-title{font-size:var(--font-heading-size);text-align:center;margin:0 0 16px}.menu-button{min-width:240px;min-height:var(--min-touch-target);font:inherit;cursor:pointer;background:var(--color-surface);color:var(--color-text);border:0;border-radius:12px;padding:12px 24px;font-weight:600;transition:transform .12s ease-out}.menu-button--primary{background:var(--color-accent);color:var(--color-on-accent)}.menu-button:active{transform:scale(.97)}.menu-button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.menu-button{transition:none}.menu-button:active{transform:none}}.hud{padding:max(8px, env(safe-area-inset-top)) 16px 8px;background:var(--color-background);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}.hud[hidden]{display:none}.hud-status{flex-direction:column;display:flex}.hud-level{font-weight:600}.hud-moves{color:var(--color-text-muted)}.hud-controls{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.hud-economy{flex-basis:100%;align-items:center;gap:8px;display:flex}.hud-coins{margin-right:auto;font-weight:600}.hud-button{min-width:var(--min-touch-target);min-height:var(--min-touch-target);font:inherit;cursor:pointer;background:var(--color-surface);color:var(--color-text);border:0;border-radius:12px;padding:8px 16px;font-weight:600}.hud-button:disabled,.hud-button[aria-disabled=true]{color:var(--color-text-muted);cursor:not-allowed}.hud-button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}#board-controls{pointer-events:none;position:fixed;inset:0}#board-controls[hidden]{display:none}.tube-button{cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;margin:0;padding:0;position:absolute}.tube-button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.result-backdrop{background:var(--color-scrim);justify-content:center;align-items:center;padding:16px;animation:.16s ease-out result-fade-in;display:flex;position:fixed;inset:0}.result-backdrop[hidden]{display:none}.result-dialog{background:var(--color-surface);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:16px;max-width:420px;padding:24px;display:flex}.result-dialog .menu-button[hidden]{display:none}.result-title{font-size:var(--font-heading-size);margin:0}@keyframes result-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.result-backdrop{animation:none}}.settings-switch{border:2px solid var(--color-text-muted);text-align:start;justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-switch:after{content:"";box-sizing:border-box;background:radial-gradient(7px at 11px,currentColor 98%,#0000);border:2px solid;border-radius:13px;flex:none;width:44px;height:26px}.settings-switch[aria-checked=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.settings-switch[aria-checked=true]:after{background:radial-gradient(7px at calc(100% - 11px),currentColor 98%,#0000)}:root[data-reduced-motion=true] .menu-button{transition:none}:root[data-reduced-motion=true] .menu-button:active{transform:none}:root[data-reduced-motion=true] .result-backdrop{animation:none}