:root{color-scheme:light}*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#fff5f8,#ffeaf0 45%,#fff0f6)}#hud{position:fixed;top:12px;left:12px;background:hsla(0,0%,100%,.85);color:#111;padding:8px 12px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.15);z-index:20;max-width:420px}#hud h1{font-size:16px;margin:0 0 6px}#hud p{margin:4px 0;font-size:13px}#hud .steps{margin-top:8px}#hud .step{display:flex;align-items:center;gap:8px;font-size:13px}#hud .done{color:#0a7a24}#minimap{position:fixed;right:12px;top:12px;width:180px;height:180px;color:#fff;border-radius:50%;overflow:hidden;background:rgba(0,0,0,.5);box-shadow:0 0 0 2px hsla(0,0%,100%,.2),0 6px 18px rgba(0,0,0,.25);z-index:20}#minimap .map{width:100%;height:100%}#minimap .map,#minimap .map.world{position:absolute;left:0;top:0}#minimap .room{position:absolute;border:1px solid hsla(0,0%,100%,.4);background:hsla(0,0%,100%,.08);font-size:10px;color:#fff;padding:1px 2px}#minimap .playerArrow{position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #00e0ff;transform:translate(-50%,-50%);filter:drop-shadow(0 0 3px rgba(0,224,255,.9))}.lock-hint{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.35);pointer-events:none;font-weight:600;letter-spacing:.4px}#hud button{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:6px 10px;font-size:13px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1)}#hud button:hover{background:#f4f7fb}#hud #hint{margin-top:8px;padding:6px 8px;background:hsla(0,0%,100%,.75);border-left:3px solid #ff8fb3;border-radius:4px;font-size:12px}