*{box-sizing:border-box}html,body{height:100%;margin:0;background:#071018;color:#e6e6d9;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#app,#view{height:100%;width:100%;display:block}#view{cursor:crosshair;outline:0}#hud{pointer-events:none;position:absolute;inset:0}header{position:absolute;left:26px;top:22px;display:flex;flex-direction:column;letter-spacing:.3em;font-size:11px;color:#9edce6}header strong{font-family:Georgia,serif;color:#f4d5a0;font-size:23px;letter-spacing:.24em}#status{position:absolute;top:25px;right:25px;color:#b4cdd1;font-size:12px;letter-spacing:.14em}.panel{position:absolute;left:23px;top:112px;width:240px;background:#0b1721df;border:1px solid #3c5260b3;padding:18px;box-shadow:0 16px 35px #0009}.heading{color:#e5b76e;letter-spacing:.2em;font-size:11px}#floors{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.panel button,.bottom button{pointer-events:auto;border:1px solid #7699a690;background:#172c39c9;color:#d4eef2;border-radius:4px;padding:8px 10px;cursor:pointer;font-size:11px}.panel button.active{background:#c88c43;color:#111920}#room{color:#e8c28d;font-size:11px;letter-spacing:.1em}#interact{font-size:11px;line-height:1.55;color:#9aafb6}#focus{font-size:12px;color:#dbefeb;line-height:1.6}.bottom{position:absolute;bottom:20px;left:22px;right:360px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bottom button:hover,.panel button:hover{background:#315365}#route{color:#9ebbc5;font-size:11px;max-width:360px}#minimap{position:absolute;bottom:20px;right:20px;border:1px solid #617d8a;background:#0b1725db;padding:8px}#map{width:310px;height:176px;display:block}@media(max-width:760px){header{top:8px;left:12px}header strong{font-size:15px}#status{right:10px;top:50px;font-size:10px}.panel{top:76px;left:8px;width:194px;padding:12px}.bottom{left:8px;right:8px;bottom:208px}#minimap{right:8px;bottom:8px}.bottom button{padding:6px}}