:root{--bg: #061a40;--panel: rgba(6, 26, 64, .88);--text: #ffffff;--muted: #c8d6ee;--accent: #ffd23f;--primary: #ff5252;--focus: #ffd23f;--fs: clamp(18px, 2.2vmin, 40px)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,Roboto,Noto Sans,Arial,sans-serif;font-size:var(--fs);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}#game{position:absolute;display:block;background:#000;image-rendering:auto}body.playing #game{cursor:none}.screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:.8em;padding:4vmin 6vmin;background:var(--panel);text-align:center}.screen.visible{display:flex}.screen.scroll{justify-content:flex-start;overflow-y:auto}.title{margin:0;font-size:3.6em;letter-spacing:.08em;color:var(--accent);text-shadow:0 .08em 0 #000}.heading{margin:0;font-size:2.2em;color:var(--accent)}.lead{margin:0;max-width:40em;font-size:1.2em;color:var(--muted)}.best{margin:0;font-size:1.1em;color:var(--accent)}.hint{max-width:46em;color:var(--muted);font-size:.95em}.error-text{color:var(--primary)}.menu{display:flex;flex-direction:column;gap:.6em;min-width:14em}.btn{min-height:2.6em;padding:.4em 1.2em;font:inherit;font-size:1.25em;font-weight:700;color:var(--text);background:#1e4b9b;border:.12em solid #5e8ad6;border-radius:.5em;cursor:pointer}.btn.primary{background:var(--primary);border-color:#ff8a80}.btn.small{min-width:2.6em;padding:.2em .6em}.btn.wide{min-width:10em}.btn:focus,.btn:focus-visible{outline:.18em solid var(--focus);outline-offset:.15em}.btn:active{transform:translateY(.05em)}.settings{display:flex;flex-direction:column;gap:.5em}.row{display:flex;align-items:center;justify-content:flex-end;gap:.6em}.label{min-width:12em;text-align:left;font-size:1.1em}.value{min-width:3.5em;font-size:1.4em;font-weight:700}.steps{max-width:44em;margin:0;text-align:left;font-size:1.1em;line-height:1.5}.results{display:grid;grid-template-columns:repeat(4,minmax(5em,1fr));gap:1.2em}.results>div{display:flex;flex-direction:column}.big{font-size:2.6em;font-weight:800}.cap{color:var(--muted)}.record{margin:0;font-size:1.6em;color:var(--accent)}code{font-family:Consolas,monospace;color:var(--accent)}.toast{position:absolute;left:50%;bottom:6vmin;transform:translate(-50%);max-width:80vw;padding:.6em 1.2em;border-radius:.5em;background:#000000d1;font-size:1.05em;opacity:0;transition:opacity .25s;pointer-events:none}.toast.show{opacity:1}@media(max-width:700px){.results{grid-template-columns:repeat(2,1fr)}.label{min-width:8em}}