:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#12161c;--page-glow:#1d2b36;--text:#f4f1e8;--muted:#b9c0c7;--panel:#10141ad6;--line:#ffffff24;--accent:#f7a541;--accent-ink:#2b1a00;--green:#73bf2e;--focus:#8fd3ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(ellipse at 50% 30%, var(--page-glow), var(--page) 70%) fixed, var(--page);color:var(--text)}.app{min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.stage{aspect-ratio:9/16;max-width:100%;height:min(100dvh - 72px,177.778vw - 56.8889px);box-shadow:0 0 0 1px var(--line), 0 20px 60px #00000080;background:#4ec0ca;border-radius:14px;position:relative;overflow:hidden}#game{touch-action:manipulation;cursor:pointer;width:100%;height:100%;display:block}#camera{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:0}button{font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.button{appearance:none;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff14;border-radius:10px;padding:.7em 1.2em;font-weight:600}.button:hover{background:#ffffff24}.button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.button.primary:hover{background:#ffb95c}.button:disabled{opacity:.55;cursor:progress}.button.small{padding:.5em .9em;font-size:.9rem}.toolbar{z-index:2;gap:6px;display:flex;position:absolute;top:8px;right:8px}.icon-button{color:#fff;cursor:pointer;background:#0006;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{background:#0009}.icon-button svg{fill:currentColor;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:20px;height:20px}#open-settings svg{stroke:none}#mute[aria-pressed=true] .icon-sound-off,#mute[aria-pressed=false] .icon-sound-on{display:none}.panel{z-index:1;text-align:center;background:linear-gradient(#0a0e1459,#0a0e14d1 40%);flex-direction:column;justify-content:center;align-items:stretch;gap:10px;padding:24px 22px;display:flex;position:absolute;inset:0}.panel[hidden]{display:none}.panel h1{letter-spacing:.01em;color:#fff;text-shadow:0 3px #533a1a,0 0 18px #0009;margin:0;font-size:clamp(1.8rem,6vh,2.6rem)}.lead{color:var(--text);margin:0 0 4px;font-size:1.05rem}.steps{text-align:left;color:var(--muted);margin:0 auto 8px;padding-left:1.3em;font-size:.92rem}.status{min-height:1.45em;color:var(--accent);margin:2px 0 0;font-size:.9rem}.fine{color:var(--muted);margin:0;font-size:.78rem}.fine a{color:var(--text)}.hint{color:var(--muted);text-align:center;margin:0;font-size:.85rem}kbd{border:1px solid var(--line);font:inherit;background:#ffffff0f;border-radius:4px;padding:.05em .4em;font-size:.85em}dialog{border:1px solid var(--line);background:var(--panel);width:min(360px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:20px}dialog::backdrop{background:#00000059}dialog h2{margin:0 0 12px;font-size:1.2rem}dialog form{flex-direction:column;gap:14px;display:flex}fieldset{border:0;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;display:flex}legend{text-transform:uppercase;letter-spacing:.06em;width:100%;color:var(--muted);margin-bottom:4px;font-size:.8rem}label{cursor:pointer}input[type=radio],input[type=checkbox],input[type=range]{accent-color:var(--accent)}.range{flex-direction:column;gap:2px;display:flex}.range>span:first-child{justify-content:space-between;display:flex}.range-labels{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.dialog-actions{justify-content:space-between;gap:8px;margin-top:4px;display:flex}