@import"screens.css";@font-face{font-family:"Press Start 2P";src:url(../assets/fonts/PressStart2P-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Pixelify Sans";src:url(../assets/fonts/PixelifySans-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Pixelify Sans";src:url(../assets/fonts/PixelifySans-latin.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"DOTQ Num";src:url(../assets/ui/dotq-numerals.woff) format("woff");font-weight:100 900;font-style:normal;font-display:block;unicode-range:U+0025,U+0028-0029,U+002B-003A,U+003C-003F,U+00B2,U+00D7,U+00F7,U+2212,U+221A,U+2248,U+2660,U+2663,U+2665-2666}@font-face{font-family:"DOTQ Num Wide";src:url(../assets/ui/dotq-numerals.woff) format("woff");font-weight:100 900;font-style:normal;font-display:block;size-adjust:135%;unicode-range:U+0025,U+0028-0029,U+002B-003A,U+003C-003F,U+00B2,U+00D7,U+00F7,U+2212,U+221A,U+2248,U+2660,U+2663,U+2665-2666}:root{--ink: #0d0b14;--ink2: #1a1726;--ink3: #2a2438;--ink4: #3d3550;--slate: #93a7bf;--paper: #eef2f6;--gold: #ffcc33;--gold2: #f2d16b;--gold-hi: #fff3b0;--brass: #c99a2e;--cyan: #3ddcff;--hot: #ff3d6e;--ok: #4dff88;--blood: #b8202a;--blood2: #7a1020;--t1: #9be05a;--t2: #3ddcff;--t3: #c98bff;--t4: #ff8a3d;--strip-bg: #15111f;--ok-bg: #0f4a2a;--hot-bg: #5a0f22;--pixel: "DOTQ Num Wide", "Press Start 2P", ui-monospace, monospace;--pix: "DOTQ Num", "Pixelify Sans", "Press Start 2P", ui-monospace, monospace;--hud-h: 44px;--strip-h: clamp(46px, 6.3dvh, 56px);--row: clamp(44px, 6.6dvh, 58px);--gap: clamp(4px, 0.72dvh, 6px);--label-fs: 17px;--eq-fs: 27px;--key-fs: 27px;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}*,*::before,*::after{font-variant-ligatures:none!important;font-feature-settings:"liga" 0,"clig" 0,"calt" 0,"dlig" 0!important}html,body{height:100%;width:100%;overflow:hidden;overscroll-behavior:none;background:var(--ink);color:var(--paper);font-family:var(--pix);-webkit-font-smoothing:antialiased;font-synthesis:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;touch-action:manipulation}button:focus{outline:none}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#app{position:fixed;top:0;left:0;right:0;height:100vh;height:100dvh;display:grid;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "pad";overflow:hidden;background:var(--ink)}#stage{grid-area:stage;position:relative;overflow:hidden;min-height:0;background:var(--ink)}#game{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden;contain:layout style;transition:opacity .15s}#screens{position:absolute;inset:0;pointer-events:none;z-index:20}#app.is-paused #labels,#app[data-screen] #labels{opacity:0}#app.is-paused #game{filter:blur(14px) brightness(.45)}#hud{position:absolute;z-index:15;top:0;left:0;right:0;height:calc(var(--hud-h) + var(--safe-t));padding:var(--safe-t) max(2px,var(--safe-r)) 0 max(2px,var(--safe-l));display:flex;align-items:center;gap:6px;background:linear-gradient(rgba(13,11,20,.94),rgba(13,11,20,.72) 75%,rgba(13,11,20,0));pointer-events:none}#hud>*{pointer-events:auto}.hud-btn{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;color:var(--slate)}.hud-btn svg{width:22px;height:22px;fill:currentColor;shape-rendering:crispEdges}.hud-btn:active,.hud-btn.is-down{color:var(--gold)}.hud-mute .ico-x{display:none}.hud-mute.is-muted .ico-x{display:inline;fill:var(--hot)}.hud-mute.is-muted .ico-wave{display:none}.hud-stat{display:flex;flex-direction:column;justify-content:center;gap:3px;line-height:1;min-width:0}.hud-stat small{font:7px/1 var(--pixel);color:var(--slate);letter-spacing:.5px}.hud-stat b{font:700 19px/1 var(--pix);color:var(--paper);font-variant-numeric:tabular-nums;white-space:nowrap}.hud-floor b{color:var(--gold);display:flex;align-items:center;gap:6px}.hud-stat small.is-practice{color:var(--t3, #6fd3ff);white-space:nowrap}.hud-firm{font:7px/1.15 var(--pixel);font-style:normal;color:var(--gold2);letter-spacing:.5px;white-space:normal;flex:none;width:max-content;max-width:13.5em}.hud-score{margin-left:auto;align-items:flex-end}.hud-score b{display:inline-block;transform-origin:100% 60%}.hud-avg{align-items:flex-end;min-width:44px}#hud>.hud-prog{position:absolute;left:0;right:0;top:var(--safe-t);height:3px;background:rgba(255,255,255,.08);pointer-events:none;overflow:hidden}.hud-prog>i{display:block;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:0 50%;transition:transform .25s ease-out;box-shadow:0 0 6px rgba(255,204,51,.5)}#app:not([data-state=intro]):not([data-state=combat]):not([data-state=outro]):not([data-state=caught]) .hud-prog{opacity:0}#pad{grid-area:pad;position:relative;padding:var(--gap) max(var(--gap),var(--safe-r)) calc(var(--gap) + var(--safe-b)) max(var(--gap),var(--safe-l));background:linear-gradient(#120f1b,#0d0b14);touch-action:none}.pad-keys{display:grid;gap:var(--gap);grid-template-columns:repeat(3,minmax(44px,1fr)) minmax(44px,.82fr);grid-template-rows:repeat(4,var(--row));grid-template-areas:"k7 k8 k9 back" "k4 k5 k6 back" "k1 k2 k3 clr" "lt k0 gt clr";touch-action:none}.key{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font:700 var(--key-fs)/1 var(--pix);color:var(--paper);background:linear-gradient(#302a43,#231f32);box-shadow:inset 0 -4px 0 #120f1c,inset 0 2px 0 #4a4263,0 0 0 2px var(--ink);touch-action:none;user-select:none;-webkit-user-select:none}.key span{pointer-events:none;display:block}.key.is-down{transform:translateY(2px);background:linear-gradient(#4a4263,#383150);box-shadow:inset 0 -1px 0 #120f1c,inset 0 2px 0 #625a80,0 0 0 2px var(--ink);color:#fff}.key-cmp{color:var(--t3);font-family:var(--pixel);font-size:20px}.key-fn{color:var(--slate);font-family:var(--pixel);font-size:12px}.key-cmp{container-type:inline-size}.key-cmp>span{display:flex;align-items:center;justify-content:center;gap:5px;max-width:100%}.cmp-tag{font-style:normal;font-family:var(--pixel);line-height:1}.key-cmp.has-x .cmp-tag{flex:none;font-size:9px;padding:3px 3px 2px;color:var(--gold-hi);background:var(--ink);box-shadow:0 0 0 1px var(--ink4)}.cmp-x{font:700 min(var(--key-fs),calc((100cqw - 24px) / (var(--n) * var(--cmp-em)))) / 1 var(--pix);white-space:nowrap;letter-spacing:0}:root{--cmp-em: .7}@container (max-width: 76px){.key-cmp.has-x>span{flex-direction:column;gap:3px}.cmp-x{font-size:min(var(--key-fs),calc((100cqw - 6px) / (var(--n) * var(--cmp-em))))}}.key-fn[data-k=back]{color:var(--paper)}.key-fn[data-k=back] span{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.ico-back{display:block;height:clamp(16px,40%,44px);width:auto;aspect-ratio:14 / 10;max-width:78%;fill:currentColor;shape-rendering:crispEdges}.ico-back .ico-back-x{fill:#231f32}.key.is-down .ico-back .ico-back-x{fill:#383150}.key-fn[data-k=clear]{font-size:13px}#app[data-mode=idle] .key{opacity:.5}.key.is-dim{opacity:.4}.key-cmp.is-hot{color:var(--ink);background:#c98bff linear-gradient(#e6c6ff,#b57cf0);box-shadow:inset 0 -4px 0 #6a3aa0,inset 0 2px 0 #f6eaff,0 0 0 2px var(--ink),0 0 16px rgba(201,139,255,.7);outline:3px solid var(--gold-hi);outline-offset:1px;animation:key-hot-pulse 0.9s ease-in-out infinite alternate;z-index:1}@keyframes key-hot-pulse{from{outline-color:var(--gold-hi);outline-offset:1px}to{outline-color:rgba(255,243,176,.35);outline-offset:3px}}.pad-hint{display:none;width:100%;height:44px;align-items:center;justify-content:center;gap:14px;padding:0 10px;white-space:nowrap;overflow:hidden;font:8px/1 var(--pixel);color:var(--slate);letter-spacing:.5px;background:rgba(42,36,56,.45);box-shadow:inset 0 0 0 2px var(--ink3)}.hint-keys{display:flex;align-items:center;gap:12px;min-width:0}.hk{display:inline-flex;align-items:center;gap:5px}.hk em{font-style:normal}.hk.hk-cmp{display:none}.hk.hk-cmp.is-on{display:inline-flex}.hk.hk-cmp.is-on b{color:var(--ink);background:var(--t3)}.hk b{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;color:var(--gold);font-weight:normal;background:var(--ink);box-shadow:inset 0 -2px 0 var(--ink3),0 0 0 1px var(--ink4)}.hk .ico-back{height:8px;fill:var(--gold)}.hk .ico-back .ico-back-x{fill:var(--ink)}.pad-hint .hint-show{display:inline-flex;align-items:center;gap:6px;color:var(--cyan)}.pad-hint .hint-show em{font-style:normal}.hint-ico{display:inline-block;width:10px;height:10px;background:radial-gradient(circle,var(--cyan) 1.2px,transparent 1.6px) 0 0 / 3.4px 3.4px}@media(max-width:640px){.pad-hint{gap:10px;justify-content:space-between}.hint-keys{gap:6px}.hk em,.pad-hint .hint-show em{display:none}}@media(max-width:340px){.hk:nth-child(n+5){display:none}}#app.kb .pad-keys{display:none}#app.kb .pad-hint{display:flex}#app.kb #pad{padding-top:0}.zl{position:absolute;left:0;top:0;padding-bottom:7px;will-change:transform;pointer-events:none;z-index:1;--tc: var(--t1)}.zl.t2{--tc: var(--t2)}.zl.t3{--tc: var(--t3)}.zl.t4{--tc: var(--t4)}.zl{--tf: var(--tc)}.zl:not(.is-target):not(.is-dead):not(.is-danger){--tf: #5f6672}@supports (color: color-mix(in srgb,red 50%,blue)){.zl:not(.is-target):not(.is-dead):not(.is-danger){--tf: color-mix(in srgb, var(--tc) 38%, #545b66)}}.zl:not(.is-target):not(.is-dead):not(.is-danger) .zl-box{color:#a9b2bf;background:rgba(13,11,20,.84);text-shadow:none}.zl:not(.is-target):not(.is-dead):not(.is-danger) .zl-or{color:#7d8794}.zl:not(.is-target):not(.is-dead):not(.is-danger) .zl-phase{filter:saturate(.4) brightness(.8)}.zl-box{position:relative;display:flex;align-items:center;gap:5px;padding:4px 8px 6px 5px;white-space:nowrap;font:700 var(--label-fs)/1.05 var(--pix);color:#fff;letter-spacing:.3px;background:rgba(13,11,20,.9);box-shadow:0 -2px 0 0 var(--tf),0 2px 0 0 var(--tf),-2px 0 0 0 var(--tf),2px 0 0 0 var(--tf),0 4px 0 0 rgba(0,0,0,.55);transform-origin:50% calc(100% + 7px);text-shadow:1px 1px 0 var(--ink)}.zl-box::after{content:"";position:absolute;left:50%;bottom:-8px;width:10px;height:7px;margin-left:-5px;background:var(--tf);clip-path:polygon(0 0,100% 0,50% 100%)}.zl-text{display:block}.zl.is-placard{padding-bottom:0}.zl.is-placard .zl-box{background:#b8976a repeating-linear-gradient(176deg,rgba(90,60,30,.10) 0 2px,transparent 2px 5px);color:#070402;text-shadow:none;border-radius:1px;box-shadow:inset 0 -3px 0 0 rgba(84,54,28,.55),inset 3px 0 0 0 rgba(255,238,205,.18),0 3px 0 0 rgba(0,0,0,.45);transform:rotate(-2.5deg);transform-origin:50% 100%}.zl.is-placard:not(.is-target):not(.is-dead):not(.is-danger) .zl-box{background:#b39a70 repeating-linear-gradient(176deg,rgba(60,40,20,.10) 0 2px,transparent 2px 5px);color:#070402}.zl.is-placard .zl-box::after{display:none}.zl.is-placard .zl-pips i{background:#5e3a22}.zl-box{max-width:var(--zl-max, none)}.zl-text{white-space:normal;min-width:0;flex:0 1 auto;overflow-wrap:anywhere}.zl-ans{white-space:nowrap}.zl-pips{display:flex;flex-direction:column;gap:2px;align-self:center}.zl-pips i{display:block;width:4px;height:4px;background:var(--tf)}.zl-fuse{position:absolute;left:3px;right:3px;bottom:1px;height:2px;background:rgba(255,255,255,.1);overflow:hidden}.zl-fuse>i{display:block;height:100%;background:var(--tf);transform-origin:0 50%;opacity:.85}.zl.is-danger .zl-fuse>i{background:var(--hot);opacity:1}.zl.is-danger .zl-box{animation:danger 0.6s steps(2) infinite}@keyframes danger{50%{box-shadow:0 -2px 0 0 var(--hot),0 2px 0 0 var(--hot),-2px 0 0 0 var(--hot),2px 0 0 0 var(--hot),0 4px 0 0 rgba(0,0,0,.55)}}.zl-lock{position:absolute;inset:-7px -7px -6px;display:none;pointer-events:none}.zl-lock i{position:absolute;width:8px;height:8px;border:0 solid var(--gold)}.zl-lock i:nth-child(1){left:0;top:0;border-width:3px 0 0 3px}.zl-lock i:nth-child(2){right:0;top:0;border-width:3px 3px 0 0}.zl-lock i:nth-child(3){left:0;bottom:0;border-width:0 0 3px 3px}.zl-lock i:nth-child(4){right:0;bottom:0;border-width:0 3px 3px 0}.zl.is-target{z-index:3}.zl.is-target .zl-box{font-size:calc(var(--label-fs) + 4px)}.zl.is-boss.is-target .zl-box{font-size:calc(var(--label-fs) + 6px)}@media(max-width:430px){.zl.is-target .zl-box{font-size:calc(var(--label-fs) + 2px)}.zl.is-boss.is-target .zl-box{font-size:calc(var(--label-fs) + 4px)}}.zl.is-target .slot.miss.filled{color:#fff;text-decoration:none}.zl .slots.is-miss::after{content:"✗";display:inline-block;margin-left:4px;padding:0 3px;font:900 .8em/1.1 system-ui,sans-serif;color:#fff;background:var(--hot);box-shadow:0 0 0 2px var(--ink);vertical-align:.1em}.zl.is-target .zl-box{transform:scale(1.16);background:rgba(40,28,2,.95);color:#fff;box-shadow:0 -2px 0 0 var(--gold),0 2px 0 0 var(--gold),-2px 0 0 0 var(--gold),2px 0 0 0 var(--gold),0 0 16px rgba(255,204,51,.35),0 4px 0 0 rgba(0,0,0,.55)}.zl.is-target .zl-box::after{background:var(--gold)}.zl.is-placard.is-target .zl-box{background:#d6b680 repeating-linear-gradient(176deg,rgba(90,60,30,.10) 0 2px,transparent 2px 5px);color:#070402;text-shadow:none;transform:rotate(-2.5deg) scale(1.16);box-shadow:inset 0 -3px 0 0 rgba(84,54,28,.55),inset 3px 0 0 0 rgba(255,238,205,.2),0 3px 0 0 rgba(0,0,0,.45)}.zl.is-placard.is-target .zl-box::after{display:none}.zl.is-target .zl-lock{display:block}.zl.is-target .zl-pips i{background:var(--tc)}.slots{display:inline-flex;gap:2px;vertical-align:baseline}.slot{display:inline-block;width:.64em;text-align:center;font-weight:700}.slot-pt{font-style:normal;font-weight:700;color:var(--gold-hi)}.zl .slot{color:rgba(255,255,255,.35)}.zl .slot.filled{color:var(--gold-hi)}.zl.is-placard .slot{color:rgba(29,19,11,.5)}.zl.is-placard .slot.filled,.zl.is-placard .slot-pt{color:#7a1410}.zl-q{display:block;font-size:.72em;letter-spacing:.6px;color:var(--tf);text-align:center;margin-bottom:3px}.zl.is-target .zl-q{color:var(--gold-hi)}.zl-eq{display:block;text-align:center}.zl .cmp-tag{display:inline-block;font-size:.55em;padding:2px 2px 1px;vertical-align:.2em;color:var(--ink);background:var(--tf)}.zl.is-target .cmp-tag{background:var(--gold-hi)}.zl:not(.is-target):not(.is-dead):not(.is-danger) .cmp-tag{background:#aeb6c2}.zl-or{font-size:.72em;color:var(--slate)}.zl.is-dead{z-index:0}.zl.is-dead .zl-box{color:var(--ok);background:rgba(10,50,28,.95);animation:none;box-shadow:0 -2px 0 0 var(--ok),0 2px 0 0 var(--ok),-2px 0 0 0 var(--ok),2px 0 0 0 var(--ok),0 0 20px rgba(77,255,136,.6)}.zl.is-dead .zl-box::after{background:var(--ok)}.zl-tether{position:absolute;left:0;top:0;width:2px;height:1px;margin-left:-1px;background:rgba(238,242,246,.55);transform-origin:50% 0;opacity:0;pointer-events:none}.zl-tether.on{opacity:1}.zl.is-boss{--tc: var(--hot)}.zl.is-boss .zl-box{padding:6px 10px 8px 6px;font-size:calc(var(--label-fs) + 2px)}.zl-phase{display:flex;flex-direction:row;gap:0;align-self:center;align-items:center;font-style:normal;padding:0 6px 0 1px;margin-right:6px;border-right:2px solid rgba(255,255,255,.22)}.zl-phase b{display:block;width:9px;height:13px;margin-right:-1px;background:rgba(255,255,255,.2);clip-path:polygon(0 0,50% 0,100% 50%,50% 100%,0 100%,50% 50%)}.zl-phase b.done{background:var(--gold)}.zl-phase b.now{background:var(--paper);animation:zl-step-pulse .9s steps(2,jump-none) infinite alternate}@keyframes zl-step-pulse{from{opacity:1}to{opacity:.55}}@media(prefers-reduced-motion:reduce){.zl-phase b.now{animation:none}}.zl.is-swarm .zl-box{padding:3px 6px 5px 4px}.zl.is-off .zl-box::before{content:"";position:absolute;width:0;height:0;border:7px solid transparent;top:50%;margin-top:-7px}.zl[data-off=left] .zl-box::before{left:-16px;border-right-color:var(--tf)}.zl[data-off=right] .zl-box::before{right:-16px;border-left-color:var(--tf)}.zl[data-off=top] .zl-box::before{left:50%;top:-16px;margin:0 0 0 -7px;border-bottom-color:var(--tf)}.zl[data-off=bottom] .zl-box::before{left:50%;top:auto;bottom:-16px;margin:0 0 0 -7px;border-top-color:var(--tf)}.zl.is-off .zl-box::after{display:none}#labels.is-caught .zl:not(.is-killer){opacity:.3}#labels.is-caught .zl.is-killer{z-index:4}.phase-call{position:absolute;left:50%;top:calc(var(--hud-h) + var(--safe-t) + 8px);z-index:2;opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:5px;width:max-content;max-width:92%;transform:translate(-50%,0)}.phase-call:not(.compare-hint)>*{text-align:center;text-wrap:balance}.phase-call b{font:16px/1 var(--pixel);color:var(--gold);text-shadow:2px 2px 0 var(--blood2),4px 4px 0 var(--ink);letter-spacing:1px}.phase-call small{font:700 14px/1 var(--pix);color:var(--paper);text-shadow:2px 2px 0 var(--ink);letter-spacing:.5px}.phase-call.on{opacity:1}.phase-call[data-kind=hard] b{color:var(--t3);text-shadow:2px 2px 0 #3a1a5a,4px 4px 0 var(--ink)}.compare-hint{z-index:5;flex-direction:row;gap:10px;padding:7px 10px 6px;background:var(--ink);box-shadow:0 0 0 2px var(--gold),4px 4px 0 2px var(--ink)}.compare-hint b{color:var(--paper);font-size:12px;text-shadow:none}.compare-hint small{color:var(--gold);font-size:15px;text-shadow:none;white-space:nowrap}@media(max-width:640px){.compare-hint{top:calc(var(--hud-h) + var(--safe-t) + 44px)}}.phase-call[data-kind=boss] b{color:var(--hot);font-size:20px}.float{position:absolute;left:0;top:0;pointer-events:none;z-index:0}.float>span{display:block;font:14px/1 var(--pixel);white-space:nowrap;text-shadow:2px 2px 0 var(--ink),-1px -1px 0 var(--ink);opacity:0}.float-ok>span{color:var(--ok)}.edge-flash{position:absolute;inset:0;pointer-events:none;opacity:0;--fc: var(--ok);box-shadow:inset 0 0 0 3px var(--fc),inset 0 0 60px var(--fc)}.banner{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);opacity:0;z-index:0;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;pointer-events:none;width:max-content;max-width:94%}.banner b{font:clamp(22px,7vw,40px)/1.1 var(--pixel);color:var(--gold);text-shadow:3px 3px 0 var(--blood2),6px 6px 0 var(--ink)}.banner .banner-floor,.banner .banner-firm{display:inline-block;white-space:nowrap}.banner .banner-firm{font-size:min(1em,calc(88vw / 19))}.banner small{font:700 clamp(15px,4.4vw,22px)/1.1 var(--pix);color:var(--paper);text-shadow:2px 2px 0 var(--ink);letter-spacing:1px;text-transform:uppercase;padding:5px 12px 6px;background:rgba(13,11,20,.82);box-shadow:0 0 0 2px var(--ink);max-width:88vw;white-space:normal;text-wrap:balance}.banner em{font:700 clamp(13px,3.6vw,18px)/1.25 var(--pix);font-style:normal;color:var(--gold-hi);letter-spacing:.5px;padding:6px 12px 7px;background:rgba(13,11,20,.82);box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--brass);max-width:88vw;white-space:normal;text-wrap:balance}.banner[data-kind=clear] b{color:var(--ok);text-shadow:3px 3px 0 #0f4a2a,6px 6px 0 var(--ink)}.banner[data-kind=caught]{z-index:3;padding:12px 22px 14px;background:var(--blood2);box-shadow:0 0 0 3px var(--ink),0 0 0 6px var(--hot),0 0 0 9px var(--ink),0 10px 0 6px rgba(0,0,0,.55)}.banner[data-kind=caught] b{font-size:clamp(30px,10vw,56px);color:#fff;text-shadow:3px 3px 0 var(--ink)}.streak{position:absolute;right:max(10px,var(--safe-r));top:calc(var(--hud-h) + var(--safe-t) + 6px);z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:3px;opacity:0;transform-origin:100% 0}.streak.on{opacity:1}.streak b{font:18px/1 var(--pixel);color:var(--gold);text-shadow:2px 2px 0 var(--blood2),4px 4px 0 var(--ink)}.streak small{font:7px/1 var(--pixel);color:var(--gold2);letter-spacing:1px;text-shadow:1px 1px 0 var(--ink)}.streak[data-heat="2"] b{color:#ff9a3d}.streak[data-heat="3"] b{color:var(--hot);text-shadow:2px 2px 0 var(--blood2),4px 4px 0 var(--ink),0 0 14px rgba(255,61,110,.7)}.streak.lost b{color:var(--slate)}.explain{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);z-index:5;width:max-content;max-width:min(calc(100% - 12px),620px);padding:6px 10px 8px;display:none;flex-direction:column;gap:4px;pointer-events:none;text-align:left;background:rgba(13,11,20,.9);box-shadow:0 0 0 2px var(--t4),0 0 0 4px var(--ink)}.explain.on{display:flex}.cmp-prompt{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);z-index:5;width:max-content;max-width:calc(100% - 12px);display:none;align-items:center;gap:10px;padding:7px 12px 8px;pointer-events:none;font:700 16px/1.2 var(--pix);color:var(--paper);letter-spacing:.3px;white-space:nowrap;background:rgba(13,11,20,.9);box-shadow:0 0 0 2px var(--t3),0 0 0 4px var(--ink)}.cmp-prompt.on{display:flex}.cmp-prompt .cmp-miss[hidden]{display:none}.cmp-prompt .cmp-miss{font:700 18px/1 var(--pix);color:#ffd0da;background:var(--hot-bg);padding:3px 7px;box-shadow:0 0 0 2px var(--hot)}.cmp-prompt.is-miss{box-shadow:0 0 0 2px var(--hot),0 0 0 4px var(--ink)}@media(orientation:landscape)and (min-width:900px)and (min-height:600px){.cmp-prompt{font-size:20px;bottom:10px}}.explain small{font:8px/1 var(--pixel);color:var(--t4);letter-spacing:1px}.explain p{font:700 16px/1.3 var(--pix);color:var(--paper);letter-spacing:.3px;text-wrap:pretty}.explain-hint{font:normal 8px/1.5 var(--pixel);color:var(--gold2);letter-spacing:.5px;text-wrap:pretty}.explain-hint[hidden]{display:none}@media(max-height:720px){.explain p{font-size:15px}}@media(orientation:landscape)and (min-width:900px)and (min-height:600px){.explain{bottom:10px;padding:8px 14px 10px;max-width:min(calc(100% - 24px),760px)}.explain small{font-size:10px}.explain p{font-size:20px}.explain-hint{font-size:10px}}@media(max-height:720px){:root{--label-fs: 16px;--eq-fs: 24px;--key-fs: 24px}}@media(max-width:360px){.hud-stat small,.hud-firm{font-size:6px}.hud-stat b{font-size:17px}}@media(orientation:landscape)and (min-width:640px){:root{--row: clamp(44px, 7dvh, 62px);--strip-h: clamp(44px, 6.6dvh, 60px);--key-fs: 26px}.pad-keys{grid-template-columns:repeat(14,minmax(44px,1fr));grid-template-rows:var(--row);grid-template-areas:"lt k1 k2 k3 k4 k5 k6 k7 k8 k9 k0 gt back clr"}}@media(orientation:landscape)and (min-width:900px)and (min-height:600px){:root{--hud-h: 56px;--label-fs: clamp(20px, 1.6vw, 26px);--eq-fs: 34px}#hud{gap:14px;padding-left:10px;padding-right:10px}.hud-stat small{font-size:10px}.hud-firm{font-size:10px;max-width:none;white-space:nowrap}.hud-stat b{font-size:24px}.hud-btn{flex-basis:48px;width:48px;height:48px}.float>span{font-size:18px}.streak b{font-size:24px}.streak small{font-size:10px}.pad-hint{font-size:11px}}@media(orientation:portrait)and (min-width:700px){.hud-stat small,.hud-firm{font-size:10px}.streak small{font-size:10px}.pad-hint{font-size:11px}}@media(orientation:landscape)and (max-height:500px){:root{--row: 44px;--strip-h: 44px;--hud-h: 44px;--label-fs: 16px;--eq-fs: 24px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.key.is-down{transform:none}}#app[data-screen=title] #hud,#app[data-screen=title] #pad,#app[data-screen=loading] #hud,#app[data-screen=loading] #pad,#app[data-screen=cleared] #hud,#app[data-screen=cleared] #pad,#app[data-screen=gameover] #hud,#app[data-screen=gameover] #pad{visibility:hidden}.num.num{white-space:nowrap!important;overflow-wrap:normal!important;word-break:keep-all!important}.num .ng{display:inline-block;width:0.3ch;height:1px;padding:0;margin:0;border:0;background:none;font:inherit;letter-spacing:0;position:static;vertical-align:baseline}