:root{--bg:#1a1020;--accent:#6b3fa0;--pink:#ff2e63;--hi:#e8e0f0;--muted:#9a8cab;--panel:#1a1020c7;--font:"Trebuchet MS", "Segoe UI", system-ui, sans-serif;--logo:"Pirata One", "UnifrakturCook", Georgia, serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--hi);font-family:var(--font);margin:0;overflow:hidden}#app{position:fixed;inset:0}#app canvas{width:100%;height:100%;transition:filter .6s;display:block}kbd{border:2px solid var(--hi);min-width:1.6em;font:700 .85em var(--font);text-align:center;color:var(--hi);background:#2a1c34;border-bottom-width:4px;border-radius:6px;margin:0 .1em;padding:.1em .4em;display:inline-block}.fx{pointer-events:none;opacity:0;transition:opacity .6s;position:fixed;inset:0}.fx-smothered{background:radial-gradient(#0000 45%,#ff2e6373 100%)}.fx-coat{background:radial-gradient(#0000 35%,#050208eb 85%)}.fx.on{opacity:1}body.isolated #app canvas{filter:saturate(.2)brightness(.85)}.hud{pointer-events:none;position:fixed;inset:0}.hud[hidden]{display:none}.hud-top{text-align:center;width:min(560px,100vw - 32px);position:absolute;top:14px;left:50%;transform:translate(-50%)}.meter{align-items:center;gap:8px;display:flex}.meter-icon svg{width:30px;height:30px;display:block}.meter-track{border:2px solid var(--hi);background:#120a18;border-radius:10px;flex:1;height:20px;position:relative;overflow:hidden}.meter-band{background:#6b3fa073;border-left:2px dashed #e8e0f080;border-right:2px dashed #e8e0f080;position:absolute;top:0;bottom:0}.meter-fill{background:linear-gradient(90deg, #8a7a9a, var(--hi) 50%, var(--pink));opacity:.35;position:absolute;top:0;bottom:0;left:0}.meter-marker{background:var(--hi);width:6px;box-shadow:0 0 6px var(--hi);border-radius:3px;margin-left:-3px;position:absolute;top:-2px;bottom:-2px}.hud[data-zone=isolated] .meter-marker{box-shadow:none;background:#8a7a9a;animation:.8s infinite pulse}.hud[data-zone=smothered] .meter-marker{background:var(--pink);box-shadow:0 0 10px var(--pink);animation:.5s infinite pulse}@keyframes pulse{50%{transform:scaleY(1.3)}}.meter-sub{letter-spacing:.12em;color:var(--muted);margin-top:4px;font-size:13px}.meter-value{color:var(--hi);font-size:15px}.meter-zone{color:var(--pink);font-weight:700}.hud[data-zone=isolated] .meter-zone{color:#b8a8c8}.pips{min-height:22px;color:var(--pink);letter-spacing:.12em;justify-content:center;align-items:center;gap:4px;margin-top:6px;font-size:11px;display:flex}.pips-label,.pips-empty{color:var(--muted);margin-right:4px}.pip svg{filter:drop-shadow(0 0 3px #ff2e6399);width:18px;height:20px;display:block}.pip:last-of-type{opacity:calc(1 - var(--decay,0) * .6)}.pips-more{color:var(--pink);font-weight:700}.hud-score{color:var(--muted);flex-direction:column;font-size:13px;display:flex;position:absolute;top:14px;left:16px}.hud-score b{color:var(--hi);font-size:22px}.hud-dash{letter-spacing:.1em;background:conic-gradient(var(--accent) calc(var(--p,1) * 360deg), #2a1c34 0);border:2px solid var(--hi);width:64px;height:64px;color:var(--muted);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;bottom:18px;right:18px}.hud-dash span{z-index:1;position:relative}.hud-dash i{background:var(--bg);border-radius:50%;position:absolute;inset:6px}.hud-dash.ready{color:var(--hi);box-shadow:0 0 12px var(--accent)}.struggle{background:var(--panel);border:2px solid var(--pink);text-align:center;border-radius:16px;width:min(420px,100vw - 32px);padding:14px 18px;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.struggle[hidden]{display:none}.struggle-title{font:700 22px var(--font);letter-spacing:.15em;color:var(--pink)}.struggle-track{border:2px solid var(--hi);background:#120a18;border-radius:9px;height:18px;margin:10px 0;overflow:hidden}.struggle-fill{background:linear-gradient(90deg, var(--accent), var(--pink));width:0;height:100%;transition:width 60ms}.struggle-keys{justify-content:center;align-items:center;gap:20px;display:flex}.struggle-keys kbd{opacity:.45;font-size:28px;transition:transform 60ms,opacity 60ms}.struggle-keys kbd.next{opacity:1;border-color:var(--pink);box-shadow:0 0 12px var(--pink);transform:scale(1.12)}.struggle.ok .struggle-fill{filter:brightness(1.4)}.struggle.bad{border-color:#8a7a9a}.ring{border:3px solid #8a7a9a;border-radius:50%;width:46px;height:46px;position:relative}.ring[hidden]{display:none}.ring.open{border-color:#7cff9c;box-shadow:0 0 10px #7cff9c}.ring i{border:3px solid var(--hi);border-radius:50%;position:absolute;inset:-3px}.struggle-note{color:var(--muted);letter-spacing:.08em;margin-top:8px;font-size:13px}.raven-arrow{width:34px;height:34px;animation:.6s infinite alternate bob;position:absolute;top:0;left:0}.raven-arrow[hidden]{display:none}.raven-arrow svg{width:100%;height:100%;filter:drop-shadow(0 0 6px var(--pink))}@keyframes bob{to{opacity:.6}}.screens{pointer-events:none;position:fixed;inset:0}.screen{text-align:center;pointer-events:auto;background:radial-gradient(#1a10208c,#1a1020f2);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:0}.screen.pause{background:#1a1020b3}.logo{font:400 clamp(72px, 18vw, 150px)/.9 var(--logo);color:var(--hi);letter-spacing:.04em;text-shadow:4px 4px 0 var(--accent), 8px 8px 0 var(--pink)}.subtitle{font:italic 700 clamp(18px, 4vw, 28px) var(--font);color:var(--pink);letter-spacing:.06em}.pitch{max-width:520px;color:var(--hi);margin:8px 0;line-height:1.5}.controls{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:4px 0 10px;padding:0;font-size:14px;list-style:none;display:flex}.btn{pointer-events:auto;cursor:pointer;font:700 20px var(--font);letter-spacing:.1em;text-transform:uppercase;border:3px solid var(--hi);color:var(--hi);background:var(--pink);box-shadow:4px 4px 0 var(--accent);border-radius:999px;padding:12px 40px}.btn:hover{box-shadow:5px 5px 0 var(--accent);transform:translate(-1px,-1px)}.btn:focus-visible{outline:3px solid var(--hi);outline-offset:4px}.hint{color:var(--muted);font-size:14px}.heading{font:400 clamp(48px, 12vw, 96px)/1 var(--logo);color:var(--hi);text-shadow:4px 4px 0 var(--accent)}.heading.smothered{color:var(--pink);text-shadow:4px 4px 0 var(--hi)}.heading.alone{color:#b8a8c8}.stats{text-align:left;grid-template-columns:auto auto;gap:4px 18px;margin:6px 0 14px;display:grid}.stats dt{color:var(--muted)}.stats dd{margin:0;font-weight:700}.stats em{color:var(--pink);font-style:normal}.load-track{border:2px solid var(--hi);border-radius:5px;width:min(320px,80vw);height:10px;overflow:hidden}.load-fill{background:var(--pink);height:100%;transition:width .2s}.error{color:var(--pink)}.hud-dash{right:250px}.hud-slot{background:var(--panel);width:220px;height:64px;color:var(--muted);border:2px solid #4a3a5c;border-radius:14px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute;bottom:18px;right:18px}.hud-slot[data-kind=escape]{border-color:#3ee8ff}.hud-slot[data-kind=lonely]{border-color:#7cff9c}.hud-slot[data-kind=meter]{border-color:#ffd23e}.hud-slot[data-kind=risky]{border-color:var(--pink)}.hud-slot.usable{box-shadow:0 0 14px #e8e0f059}.slot-icon{text-align:center;width:40px;font-size:34px}.slot-text{flex-direction:column;gap:3px;min-width:0;font-size:12px;display:flex}.slot-name{color:var(--hi);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.slot-text kbd{font-size:11px}.hud-effects{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:92px;right:18px}.effect{background:var(--panel);border-radius:10px;align-items:center;gap:6px;padding:3px 8px;display:flex}.effect span{font-size:18px}.effect i{background:#2a1c34;border-radius:3px;width:80px;height:6px;overflow:hidden}.effect b{background:var(--hi);height:100%;display:block}.effect[data-kind=escape] b{background:#3ee8ff}.effect[data-kind=lonely] b{background:#7cff9c}.effect[data-kind=meter] b{background:#ffd23e}.effect[data-kind=risky] b{background:var(--pink)}.hud-toast{background:var(--panel);border:1px solid var(--accent);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:calc(100vw - 32px);padding:6px 16px;font-weight:700;position:absolute;top:150px;left:50%;overflow:hidden;transform:translate(-50%)}.hud-toast[hidden]{display:none}.hud-toast.pop{animation:.25s ease-out toast-pop}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%)scale(.85)}}@media (max-width:640px){.hud-slot{width:170px}.hud-dash{right:196px}}.portrait{flex-direction:column;align-items:center;gap:4px;margin:0;display:flex}.portrait-canvas{background:radial-gradient(circle at 50% 40%,#3a2a4a,#1a1020 70%);border:2px solid #4a3a5c;border-radius:14px;width:160px;height:200px}.portrait figcaption{color:var(--pink);letter-spacing:.06em;font-size:13px}@media (max-height:760px){.portrait-canvas{width:112px;height:140px}.gameover .pitch{margin:0}}.arenas{flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;display:flex}.arena{cursor:pointer;font:700 14px var(--font);color:var(--muted);background:#2a1c34;border:2px solid #4a3a5c;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:flex}.arena span{width:20px;height:20px;color:var(--hi);background:#4a3a5c;border-radius:50%;place-items:center;font-size:11px;display:grid}.arena:hover{color:var(--hi)}.arena.on{color:var(--hi);border-color:var(--pink);box-shadow:0 0 12px #ff2e6366}.arena.on span{background:var(--pink)}.arena:focus-visible{outline:3px solid var(--hi);outline-offset:2px}.arena-blurb{color:var(--hi);max-width:560px;min-height:1.4em;font-size:14px}.objective{background:var(--panel);color:#ffd23e;border:1px solid #ffd23e;border-radius:999px;margin-top:6px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-block}.objective[hidden]{display:none}.arena.locked{cursor:not-allowed;opacity:.45}.arena.locked span{background:0 0;font-size:12px}.arena-time{color:#ffd23e;white-space:nowrap}.level-label{letter-spacing:.14em;color:var(--muted);font-size:11px}.level-timer{color:#ffd23e;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.level-timer.urgent{color:var(--pink);animation:.5s infinite pulse}.hud-score b{margin-top:4px}.level-tag{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:13px}.heading.cleared{color:#7cff9c;text-shadow:4px 4px 0 var(--accent)}.next-up{color:var(--hi);margin:0 0 6px}