:root{--bg: #061a40;--panel: rgba(6, 26, 64, .88);--text: #ffffff;--muted: #c8d6ee;--accent: #ffd23f;--primary: #ff5252;--focus: #ffd23f;--fs: 24px}@supports (width: clamp(1px,1vw,2px)){:root{--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}.screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;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;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{outline:.18em solid var(--focus);outline-offset:.15em}.btn:focus-visible{outline:.18em solid var(--focus);outline-offset:.15em}.btn:active{transform:translateY(.05em)}.settings{display:flex;flex-direction:column}.row{display:flex;align-items:center;justify-content:flex-end}.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}.screen>*+*{margin-top:.8em}.menu>*+*,.settings>*+*{margin-top:.6em}.row>*+*{margin-left:.6em}.ua{margin-top:1.2em;font-size:.7em;color:var(--muted);opacity:.8}@media(max-width:700px){.results{grid-template-columns:repeat(2,1fr)}.label{min-width:8em}}:root{--bg: #141826;--panel: rgba(16, 20, 34, .86);--accent: #f2c14e;--primary: #d03a3a}#game{position:absolute;top:0;left:0;display:block}body.playing #game{cursor:none}#hud{position:absolute;inset:0;pointer-events:none;text-shadow:0 .08em .1em #000}#hud[hidden]{display:none}.hud-side{position:absolute;top:3vmin;width:34vw}.hud-side.left{left:3vmin}.hud-side.right{right:3vmin;text-align:right}.hud-name{font-weight:800;font-size:1.1em;letter-spacing:.06em}.bar{height:1.1em;margin-top:.3em;background:#0000008c;border:.1em solid rgba(255,255,255,.6);border-radius:.3em;overflow:hidden}.bar.st{height:.55em}.bar>div{height:100%;width:100%;transition:width .12s linear}.bar.hp>div{background:#e84545}.left .bar.hp>div{background:#3f8cff}.bar.st>div{background:#f2c14e}.right .bar>div{margin-left:auto}.hud-special{margin-top:.3em;font-size:.8em;color:var(--muted)}.hud-center{position:absolute;top:2vmin;left:50%;transform:translate(-50%);text-align:center}.hud-time{font-size:2.6em;font-weight:800}.hud-score{font-size:1.1em;color:var(--accent)}.banner{position:absolute;top:34%;left:0;right:0;text-align:center;font-size:4.2em;font-weight:900;color:#fff;opacity:0;transition:opacity .15s}.banner.show{opacity:1}.combo{position:absolute;top:24%;left:6vmin;font-size:1.8em;font-weight:900;color:var(--accent)}.hud-input{position:absolute;left:3vmin;bottom:3vmin;padding:.3em .7em;border-radius:.4em;background:#00000080;font-size:.8em}.hud-keys{position:absolute;right:3vmin;bottom:3vmin;max-width:60vw;text-align:right;font-size:.7em;color:var(--muted)}.flash{position:absolute;inset:0;box-shadow:inset 0 0 12vmin #ff0000bf;opacity:0;transition:opacity .25s}.flash.show{opacity:1;transition:none}.keys{border-collapse:collapse;font-size:1em}.keys th,.keys td{padding:.35em .8em;border-bottom:.06em solid rgba(255,255,255,.2);text-align:left}.keys th{color:var(--accent)}.sub{margin:0;color:var(--accent)}.test-action{min-height:1.5em;font-size:2em;font-weight:800;color:var(--accent)}