@font-face{font-family:ArcadeMono;src:local(Courier New);font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8dfcb;font-synthesis:none;background:#100c19;font-family:ArcadeMono,ui-monospace,monospace}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;border:0}button:focus-visible{outline-offset:5px;outline:3px solid #f8dc83}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}#arcade{height:100vh;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(at 50% 35%,#30203f,#100c19 70%);place-items:center;display:grid;overflow:hidden}#stage{isolation:isolate;background:#171221;width:360px;height:640px;position:relative;box-shadow:0 0 100px #0008;container-type:inline-size}#game{touch-action:none;position:absolute;inset:0}canvas{image-rendering:pixelated;display:block}#hud{pointer-events:none;z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:20px;left:22px;right:18px}.eyebrow{letter-spacing:2px;color:#b4a4bb;font-size:10px;font-weight:700}#hud .eyebrow{font-size:10px;display:block}#score{color:#f8dc83;letter-spacing:2px;margin-top:5px;font-size:25px;display:block}.hud-right{color:#f8dc83;align-items:center;gap:12px;font-size:12px;display:flex}#pause{pointer-events:auto;color:#e8dfcb;background:#22182e;border:1px solid #6a507b;border-radius:8px;width:44px;height:44px;font-size:20px}#overlay{z-index:3;background:linear-gradient(#17122122,#17122100 70%);justify-content:center;align-items:flex-start;padding:21% 18px 0;display:flex;position:absolute;inset:0}.panel{text-align:center;width:100%;max-width:340px}#edition{letter-spacing:1.5px;margin:0 0 18px;font-size:9px}h1{letter-spacing:1px;color:#f8dc83;text-shadow:3px 3px #55302d;margin:0;font-size:clamp(29px,10cqw,43px);font-weight:900;line-height:1}h1 em{color:#f68a36;letter-spacing:5px;font-size:1.6em;font-style:normal;line-height:1.12}#subtitle{color:#d1bed5;margin:14px 0;font-size:13px;line-height:1.5}#instructions{color:#a994b6;margin:14px 0 18px;font-size:11px;line-height:1.7}.primary{color:#23172d;letter-spacing:2px;background:#f68a36;border-radius:4px;min-width:180px;min-height:48px;margin:0 auto;padding:13px 24px;font-size:15px;font-weight:900;display:block;box-shadow:0 4px #a84c30}.primary:active{transform:translateY(2px);box-shadow:0 2px #a84c30}#best{letter-spacing:2px;color:#f8dc83;margin:16px 0 0;font-size:11px}.sound{color:#b4a4bb;background:0 0;min-width:100px;min-height:44px;font-size:11px}#result{color:#f8dc83;white-space:pre-line;margin:12px 0 20px;font-size:14px;line-height:1.8}#result:empty{display:none}#hint{text-align:center;color:#a994b6;letter-spacing:2px;pointer-events:none;width:100%;font-size:10px;position:absolute;top:83%}footer{color:#81718e;letter-spacing:1px;pointer-events:none;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:18px;left:22px;right:22px}@media (max-height:550px){#overlay{padding:60px 8px 0}#edition{display:none}h1{font-size:22px}h1 em{font-size:1.3em}#subtitle{margin:8px 0;font-size:11px}#instructions{margin:8px 0;font-size:10px}#result{margin:8px 0;font-size:11px}#best{margin-top:10px}#hud{top:8px;left:10px;right:8px}footer{font-size:6px;bottom:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}