:root{--ink: #1a1714;--paper: #efe8dc;--brass: #c4a35a;--red: #b42318;--mute: #8a8176;--panel: rgba(22, 19, 17, .72)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#141210;color:var(--paper);font-family:Bricolage Grotesque,sans-serif}body{overflow:hidden}.viewer{position:relative;height:100%}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.hud>*{pointer-events:auto}.corner{position:absolute;max-width:280px}.corner-tl{top:22px;left:24px}.corner-tr{top:22px;right:24px}.corner-bl{left:24px;bottom:22px}.corner-br{right:24px;bottom:22px}.mark{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}h1{font-size:28px;line-height:.95;font-weight:700;margin:6px 0 8px;letter-spacing:-.03em}.lede{margin:0;color:var(--mute);font-size:13px}.panel{background:var(--panel);border:1px solid rgba(196,163,90,.28);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 16px}.rooms{display:flex;flex-direction:column;gap:4px;max-height:58vh;overflow:auto;min-width:200px}.rooms button,.bar button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--paper);font:inherit;text-align:left;cursor:pointer;padding:5px 0}.rooms button{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}.rooms button:hover,.bar button:hover{color:var(--brass)}.rooms button span{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--mute)}.bar{display:flex;gap:8px;flex-wrap:wrap}.bar button{border:1px solid rgba(196,163,90,.35);padding:8px 12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.bar button.active{background:var(--brass);color:var(--ink)}.hint{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--mute);margin:0}.minimap{width:168px;height:248px;display:block}.plan-thumb{width:168px;height:auto;display:block;border:1px solid rgba(196,163,90,.28);filter:sepia(.25) contrast(1.05)}.room-label{font-family:Bricolage Grotesque,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#b42318;white-space:nowrap;text-shadow:0 0 8px rgba(255,255,255,.8)}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.crosshair{position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border:1px solid rgba(196,163,90,.8);border-radius:50%;pointer-events:none}@media(max-width:720px){.corner-tr,.corner-br{display:none}h1{font-size:22px}.bar button{padding:7px 8px;font-size:11px}}