*{box-sizing:border-box}body{margin:0;background:#111e27;color:#e9e4d8;font:14px/1.55 system-ui,-apple-system,sans-serif;overflow:hidden}canvas{display:block;width:100vw;height:100vh;touch-action:none}header{position:absolute;top:26px;left:32px;pointer-events:none}header a{pointer-events:auto;color:#a5b7bc;font-size:12px;text-decoration:none}header p,aside small{letter-spacing:3px;font-size:10px;color:#b5a785;margin:20px 0 7px}h1{font-family:Georgia,serif;font-size:29px;font-weight:400;letter-spacing:3px;margin:0 0 12px}.legend{font-size:12px;color:#bfc9c9;display:flex;align-items:center;gap:8px}.legend i,.legend b{width:9px;height:9px;background:#eb4545;border-radius:2px;display:inline-block}.legend b{background:#83949e;margin-left:8px}nav{position:absolute;left:32px;top:168px;display:flex;gap:7px;flex-wrap:wrap}button,select{background:#182c37e8;border:1px solid #47606b;color:#e4e9e7;padding:9px 12px;border-radius:4px;cursor:pointer;font:12px system-ui}button.active{background:#772e30;border-color:#df6866}button:hover{border-color:#e6cf9e}aside{position:absolute;right:24px;top:28px;width:250px;padding:20px;background:#11212bed;border:1px solid #344953;border-radius:8px;max-height:calc(100vh - 95px);overflow:auto}aside h2{font-size:19px;font-weight:500;margin:7px 0}aside p{color:#adbec5;font-size:12px;margin:0 0 14px}#rooms{display:grid;gap:5px}#rooms button{display:flex;justify-content:space-between;text-align:left;padding:8px 9px;background:transparent}#rooms span{color:#8ba0aa;font-size:11px}#detail{border-top:1px solid #344953;margin-top:17px;padding-top:5px}#detail h3{font-size:15px;font-weight:500}footer{position:absolute;bottom:16px;left:32px;right:280px;font-size:11px;color:#8eabb7;pointer-events:none}footer a{color:#c8b690;pointer-events:auto;margin-left:10px}.pin{position:absolute;padding:3px 7px;min-width:23px;border-radius:12px;border:1px solid #ffaaa0;background:#8a2628;color:#fff4e6;transform:translate(-50%,-50%);font-size:10px;pointer-events:auto}.pin.selected{background:#e3bb75;color:#381f14;border-color:#fbe0a8;z-index:3}#pins{position:absolute;inset:0;pointer-events:none}@media(max-width:650px){header{left:18px;top:14px}header p{margin-top:11px}h1{font-size:23px;margin-bottom:7px}.legend{font-size:10px;gap:5px}nav{left:18px;right:15px;top:141px;gap:5px}nav button,select{padding:8px}aside{inset:auto 14px 42px;width:auto;padding:10px 12px;max-height:180px;background:#11212bf5}aside small,aside>p{display:none}aside h2{font-size:13px;margin:0 0 8px}#rooms{display:flex;overflow:auto;gap:5px}#rooms button{flex-shrink:0;gap:7px;font-size:11px}#detail{margin-top:7px;padding-top:0}#detail h3{margin:6px 0;font-size:13px}#detail p{margin:0;font-size:10px}footer{left:16px;right:16px;bottom:8px;font-size:9px;line-height:1.4}.pin{font-size:9px;padding:2px 5px}}.landmark{position:absolute;transform:translate(-50%,-50%);font-size:10px;letter-spacing:1px;color:#b6c4c9;background:#132530aa;padding:3px 6px;border-bottom:1px solid #667f8b;white-space:nowrap;pointer-events:none}@media(max-width:650px){.landmark{font-size:8px;letter-spacing:0}}