:root{--yellow:#d8c86a;--yellow-dim:#8f8342;--ink:#0b0a06;--accent:#8ff0ff;--danger:#ff5a4a}*{box-sizing:border-box}html,body{height:100%;color:var(--yellow);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none;background:#050403;margin:0;padding:0;font-family:Iosevka Fixed,IBM Plex Mono,Cascadia Mono,Consolas,monospace;overflow:hidden}#game{width:100vw;height:100vh;display:block}#ui{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#vignette{mix-blend-mode:multiply;background:radial-gradient(#0000 42%,#0000009e 100%);position:absolute;top:0;bottom:0;left:0;right:0}#scanlines{opacity:.5;mix-blend-mode:multiply;background:repeating-linear-gradient(#00000024 0 1px,#0000 1px 3px);position:absolute;top:0;bottom:0;left:0;right:0}#darkness{opacity:0;background:#04060a;transition:opacity 90ms linear;position:absolute;top:0;bottom:0;left:0;right:0}#flash{background:var(--danger);opacity:0;mix-blend-mode:screen;position:absolute;top:0;bottom:0;left:0;right:0}.layer{position:absolute;top:0;bottom:0;left:0;right:0}#hud{opacity:0;transition:opacity .22s}#hud.on{opacity:1}.hud-top{text-shadow:0 0 12px #000000d9;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.hud-left{min-width:190px}.hearts{letter-spacing:3px;font-size:26px;line-height:1}.hearts .full{color:#ff6f6f}.hearts .empty{color:#4a3a1c}.hearts .ghost{color:#fff;animation:.35s steps(2,end) infinite blink}.stat{letter-spacing:1px;margin-top:6px;font-size:20px}.stat .slash{opacity:.5;margin:0 2px}.stat em{letter-spacing:3px;color:var(--yellow-dim);margin-top:2px;font-size:10px;font-style:normal;display:block}.bar{background:#d8c86a2e;border:1px solid #d8c86a66;width:190px;height:6px;margin-top:6px}.bar>div{background:var(--accent);width:0%;height:100%;box-shadow:0 0 10px var(--accent);transition:width .14s linear}.glow-row{align-items:center;gap:7px;margin-top:9px;display:flex}.glow-row em{letter-spacing:2px;color:var(--yellow-dim);font-size:10px;font-style:normal}.glow-icon{color:#33ffa173;font-size:13px}.charges{gap:4px;display:flex}.charges .pip{background:#33ffa114;border:1px solid #33ffa180;width:26px;height:8px;position:relative;overflow:hidden}.charges .pip>i{background:#33ffa1;width:0%;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 8px #33ffa1}.glow-row.active .glow-icon{color:#d9fff0;text-shadow:0 0 14px #33ffa1}.glow-row.active em{color:#33ffa1}.glow-row.active .charges .pip{border-color:#33ffa1;box-shadow:0 0 10px #33ffa1a6}.torch-row{align-items:center;gap:7px;margin-top:7px;display:none}.torch-row.on{display:flex}.torch-row em{letter-spacing:2px;color:#ffe9ad;font-size:10px;font-style:normal}.torch-icon{color:#fff3cd;text-shadow:0 0 10px #ffecaacc;font-size:12px}.torch-bar{background:#ffe9ad14;border:1px solid #ffe9ad8c;width:84px;height:7px;position:relative;overflow:hidden}.torch-bar>i{background:#ffe9ad;width:100%;position:absolute;top:0;bottom:0;left:0;right:auto;box-shadow:0 0 10px #ffe9ad}.glow-btn{color:#33ffa1;pointer-events:auto;touch-action:none;background:#08161099;border:2px solid #33ffa199;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:76px;height:76px;font-family:inherit;font-size:22px;line-height:1;display:none;position:absolute;bottom:26px;right:22px;box-shadow:0 0 18px #33ffa140}.glow-btn span{letter-spacing:2px;font-size:9px}.glow-btn.active{background:#33ffa147;box-shadow:0 0 28px #33ffa1b3}@media (pointer:coarse){.glow-btn{display:flex}}.hud-center{text-align:center;flex:1}#level-name{letter-spacing:6px;font-size:18px}#level-title{letter-spacing:4px;color:var(--yellow-dim);margin-top:2px;font-size:11px}.hud-right{text-align:right;letter-spacing:2px;min-width:150px;font-size:15px}#door-line{color:var(--accent);text-shadow:0 0 14px var(--accent);margin-top:4px;font-size:17px}#door-line.hidden{display:none}#mute-line{color:var(--yellow-dim);margin-top:4px}#mute-line.hidden{display:none}.banner{text-align:center;letter-spacing:8px;color:#fff2f0;text-shadow:0 0 22px #ff5a4ae6,0 0 60px #ff5a4a80;opacity:0;font-size:clamp(18px,3.4vw,34px);transition:opacity .16s linear;position:absolute;top:22%;left:0;right:0}.banner.on{opacity:1}.banner.calm{color:var(--accent);text-shadow:0 0 22px #8ff0ffcc}.prompt{text-align:center;letter-spacing:4px;color:#fff6d8;text-shadow:0 0 16px #000000e6;opacity:0;font-size:clamp(13px,2vw,20px);transition:opacity .22s;position:absolute;bottom:8%;left:0;right:0}.prompt.on{opacity:1}.screen{pointer-events:auto;background:radial-gradient(#0a0904db 0%,#030302f7 100%);justify-content:center;align-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.screen.show{display:flex}.panel{text-align:center;background:linear-gradient(#18160ccc,#0c0b06d9);border:1px solid #d8c86a59;width:min(760px,92vw);max-height:92vh;padding:28px 32px;overflow:auto;box-shadow:0 0 80px #d8c86a14,inset 0 0 40px #0009}.panel h1{letter-spacing:10px;color:var(--yellow);margin:4px 0 14px;font-size:clamp(20px,4vw,40px)}.tag{letter-spacing:1px;color:#cbbf86;max-width:56ch;margin:0 auto 16px;font-size:13px;line-height:1.7}.tag.small{color:var(--yellow-dim);font-size:11px}.controls{color:#e2d79f;gap:8px;margin:18px auto 20px;font-size:13px;display:grid}.controls div{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.controls span{color:var(--yellow-dim);letter-spacing:2px}.touch-hint{color:var(--yellow-dim)}kbd{letter-spacing:1px;background:#d8c86a1a;border:1px solid #d8c86a80;border-bottom-width:2px;min-width:26px;padding:3px 7px;font-size:12px;display:inline-block}.best{letter-spacing:3px;color:var(--yellow-dim);font-size:12px}.start{letter-spacing:5px;color:var(--accent);margin-top:18px;font-size:clamp(13px,2.2vw,17px)}.blink{animation:1.4s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.15}}.picker{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:18px;display:flex}.picker .pick{letter-spacing:2px;color:#e2d79f;cursor:pointer;pointer-events:auto;border:1px solid #d8c86a66;padding:6px 10px;font-size:11px}.picker .pick:hover{background:#d8c86a29}.picker .pick.locked{opacity:.32;cursor:default}.picker .hint{letter-spacing:3px;color:var(--yellow-dim);flex-basis:100%;margin-top:4px;font-size:10px}.card-name{letter-spacing:10px;color:#fff3c4;font-size:clamp(16px,3vw,26px)}.card-title{letter-spacing:8px;color:var(--accent);text-shadow:0 0 30px #8ff0ff59;margin:6px 0 12px;font-size:clamp(22px,5vw,48px)}.goal{letter-spacing:3px;color:#e2d79f;font-size:12px}.scoreboard{justify-content:center;gap:34px;margin:20px 0 8px;display:flex}.scoreboard em{letter-spacing:3px;color:var(--yellow-dim);font-size:10px;font-style:normal;display:block}.scoreboard span{letter-spacing:2px;font-size:clamp(18px,3vw,28px)}@media (max-width:700px){.hud-top{padding:10px 12px}.hud-left{min-width:130px}.bar{width:130px}.stat{font-size:16px}#level-name{letter-spacing:4px;font-size:13px}.hud-right{min-width:90px;font-size:12px}}