:root{color-scheme:dark;--ink:#211b35;--cream:#fff0c1;--pink:#f85e98;--mint:#7be1c0}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--ink);color:var(--cream);font:16px 'Segoe UI',sans-serif}#game{display:block;width:100vw;height:100vh;image-rendering:pixelated}button{font:700 15px 'Segoe UI',sans-serif;cursor:pointer;color:var(--cream);background:#302744;border:3px solid #17172c;box-shadow:inset 0 0 0 1px #675573,3px 3px 0 #17172c;padding:10px 14px}button:hover{background:#65405c}button:focus-visible{outline:3px solid #7be1c0;outline-offset:3px}.primary{background:var(--pink);color:#24182e}header{position:absolute;top:18px;left:20px;padding:10px 16px;background:#241e39ed;border:3px solid #100e24;box-shadow:4px 4px 0 #120e2466;pointer-events:none}.player-label{color:#f977a9;font-weight:900;letter-spacing:2px}.player-label span{color:var(--cream);margin-left:12px}.health{color:#fb7896;font-size:25px;line-height:1.2;text-shadow:2px 2px #6d2c58}#stats{font:700 14px monospace;color:var(--mint);margin-top:6px}nav{position:absolute;right:20px;top:18px;display:flex;gap:8px}#location{position:absolute;left:20px;top:144px;pointer-events:none;text-shadow:2px 2px #171328}#location b{font-size:18px;display:block}#location span{display:block;font-size:14px;color:#c5bdd5;margin-top:3px}#hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);max-width:45%;padding:10px 16px;background:#221c35ed;border:2px solid #b2a1ba;font-size:14px;text-align:center;pointer-events:none}#toast{position:absolute;top:24%;width:100%;text-align:center;color:#fff0ac;font-size:24px;font-weight:900;pointer-events:none;text-shadow:3px 3px #32162c}#bossbar{position:absolute;left:50%;top:22px;transform:translateX(-50%);width:min(32%,360px);text-align:center}#bossbar b{display:block;font-size:14px;text-shadow:2px 2px #211b35}.meter{background:#211b35;border:3px solid #f7cd92;padding:3px;margin-top:7px;height:23px}#enemyhp{background:#f85e98;height:100%;width:100%}#bossbar small{letter-spacing:3px;font-size:11px}#touch{position:absolute;bottom:22px;left:20px;display:grid;grid-template-columns:repeat(3,42px);gap:4px}#touch button{padding:9px 0;touch-action:none;background:#302744b8}#actions{position:absolute;bottom:22px;right:20px;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:320px}#actions button{touch-action:none}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#141025d9;padding:20px}#overlay.hidden{display:none}.card{position:relative;width:min(670px,100%);max-height:92vh;overflow:auto;background:#302640;border:4px solid #d3b4c3;outline:4px solid #171426;padding:26px;box-shadow:12px 12px 0 #110c24}.card.wide{width:min(1080px,100%)}h2{font-size:30px;line-height:1.15;margin:10px 0 16px;color:#ffe6ab}h3{font-size:21px;line-height:1.4}p{line-height:1.6;color:#d7c9df}.eyebrow{font-size:13px;letter-spacing:2px;color:var(--mint);font-weight:800}.answers{display:grid;gap:12px;margin:22px 0}.answers button{text-align:left;padding:14px 16px}.portrait{width:100px;height:110px;float:right;image-rendering:pixelated}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}a{color:#84e7d4}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px}.map-panel{background:#e9dfc4;border:3px solid #141124;min-height:260px}#planview{display:block;width:100%;height:auto;cursor:crosshair}.map-side{font-size:14px}.map-side p{font-size:14px}.map-side button{margin:5px 0;width:100%}input[type=range]{width:100%;accent-color:#f85e98}.legend{line-height:1.8;margin:15px 0}.legend b{color:#ffca74}.muted{font-size:13px;color:#bfb0cd}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#211b35;font-weight:900;letter-spacing:3px}.room-list{max-height:260px;overflow:auto;line-height:1.7}details{border-top:1px solid #65516e;padding-top:12px}summary{cursor:pointer;color:#84e7d4}@media(max-width:800px){nav{top:14px;right:12px;gap:4px}nav button{font-size:12px;padding:8px}header{left:12px;top:12px;font-size:14px}.player-label{font-size:12px}.health{font-size:20px}#stats{font-size:12px}#location{left:12px;top:128px}#hint{bottom:128px;width:88%;max-width:88%;font-size:13px}#bossbar{top:76px;left:auto;right:12px;transform:none;width:40%}#bossbar small{display:none}#actions{max-width:190px;right:12px;bottom:18px}#actions button{font-size:12px;padding:9px}#touch{left:12px;bottom:18px}.map-layout{grid-template-columns:1fr}.map-side .legend{display:none}.map-side p{margin:8px 0}.card{padding:18px}h2{font-size:25px}}
@media(max-width:600px){nav{top:108px;right:12px}#location{top:162px}#bossbar{top:20px;right:12px;width:42%}#location span{font-size:12px}}