:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#dce5e5;background:#111e2c;font-synthesis:none;--gold:#d5be93;--line:#d5e4e21c}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}header{height:70px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#15232e;position:relative;z-index:4}a{text-decoration:none;color:inherit}#brand{display:flex;gap:11px;align-items:center;font-size:12px;letter-spacing:2px}#brand svg{width:29px;height:29px;fill:none;stroke:var(--gold);stroke-width:1}#brand small{display:block;font-size:6px;letter-spacing:1.6px;color:#8eaaa9;margin-top:6px}.project-name{font:23px Georgia,serif;display:flex;align-items:center;gap:15px}.project-name>span{font:9px sans-serif;color:var(--gold);padding-right:15px;border-right:1px solid var(--line)}.project-name i{font:8px sans-serif;text-transform:uppercase;letter-spacing:1.2px;color:#93aaa9;border:1px solid var(--line);border-radius:3px;padding:5px 7px}#directoryButton{font-size:10px;border:1px solid var(--line);padding:10px 13px;border-radius:4px}#directoryButton span{color:var(--gold);margin-left:14px}main{height:calc(100dvh - 70px);min-height:480px;position:relative;overflow:hidden}#world{position:absolute;inset:0}canvas{display:block;touch-action:none}.intro{position:absolute;left:27px;top:23px;pointer-events:none}.intro>span{font-size:6px;letter-spacing:1.7px;color:#8da7ad}.intro h1{font:25px/1.12 Georgia,serif;font-weight:400;letter-spacing:-.4px;margin:12px 0;color:#d3dfdf}.intro p{font-size:9px;color:#87a0a7}.levels{position:absolute;left:23px;top:46%;transform:translateY(-25%);display:flex;flex-direction:column;gap:4px;max-width:205px}.levels button{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px 10px 8px;border:1px solid transparent;border-radius:5px;background:#12212ac9;backdrop-filter:blur(8px)}.levels b{font:11px sans-serif;letter-spacing:1px;color:#8ba3a7;width:23px}.levels span{font-size:9px;letter-spacing:.2px}.levels small{display:block;font-size:6px;color:#7d999f;margin-top:5px;letter-spacing:.3px}.levels button.active{border-color:#beaa793d;background:#223039ed}.levels button.active b{color:var(--gold)}.toolbar{position:absolute;bottom:46px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#1c2b35ec;backdrop-filter:blur(12px);box-shadow:0 10px 35px #0002}.toolbar button{font-size:12px;border-radius:3px;height:30px;min-width:29px;padding:0 9px}.toolbar button:hover{background:#d0e4e411}.toolbar button[aria-pressed="true"] span{color:var(--gold)}.toolbar #overview{font-size:15px}.toolbar #overview span{font-size:8px;margin-left:6px}.toolbar #roofs{font-size:8px;white-space:nowrap}.toolbar #roofs span{font-size:6px;margin-left:5px}.divider{height:17px;width:1px;background:var(--line);margin:0 5px}.view-buttons{display:flex;gap:1px}.navigation-note{position:absolute;bottom:21px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:.1px;color:#72939c;white-space:nowrap}.phase{position:absolute;right:24px;bottom:24px;font-size:7px;letter-spacing:1px;color:#9db5b7;display:flex;gap:7px;align-items:center}.phase i{height:4px;width:4px;border-radius:50%;background:#d5be93}.phase span{display:none}aside{position:absolute;right:20px;top:20px;bottom:103px;width:300px;border:1px solid #a6c1bf26;border-radius:8px;background:#182832f5;backdrop-filter:blur(16px);padding:25px;overflow:auto;box-shadow:0 12px 40px #0002}aside[hidden]{display:none}.close{position:absolute;right:14px;top:12px;font-size:21px;color:#91a8aa}.eyebrow{font-size:7px;letter-spacing:1.5px;color:#9bb8b8;margin:15px 0 18px}h2{font:31px/1.05 Georgia,serif;font-weight:400;letter-spacing:-.5px;margin:15px 0 18px}.status{display:inline-block;font-size:8px;border:1px solid #becbb72d;padding:5px 8px;border-radius:3px;color:#c2c9b7}aside p{font-size:11px;line-height:1.8;color:#a4babd;margin:20px 0}.architecture-label{font-size:7px;letter-spacing:1.4px;padding-top:20px;border-top:1px solid var(--line);color:var(--gold)}#isolateRoom,#returnWorld{font-size:10px;padding:12px 0;display:block;text-align:left;width:100%;border-top:1px solid var(--line)}#isolateRoom{color:var(--gold)}aside>small{font-size:8px;line-height:1.7;display:block;color:#6f929b;margin-top:20px}input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:4px;color:#c8d8d8;background:#0e2029;font-size:10px}#roomList{margin-top:18px}.list-level{font-size:7px;color:#8aa5a8;letter-spacing:1.2px;margin:20px 0 7px}.room-entry{display:flex;justify-content:space-between;gap:8px;text-align:left;width:100%;border-top:1px solid var(--line);padding:11px 0;font-size:10px}.room-entry small{font-size:7px;color:#8b9d97;white-space:nowrap}.room-entry:hover{color:var(--gold)}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#14222e;z-index:6;font:20px Georgia,serif}#loading[hidden]{display:none}dialog{position:fixed;width:410px;max-width:calc(100% - 30px);border:1px solid #69838a55;border-radius:8px;background:#1b2d37;color:#d1dfdf;padding:30px}dialog::backdrop{background:#09131caa;backdrop-filter:blur(4px)}dialog p{font-size:12px;line-height:1.8;color:#9bb6bc}@media(max-width:950px){.levels{max-width:140px}.levels button{padding:9px 7px}.levels small{display:none}.phase{display:none}.intro h1{font-size:21px}.intro>span{font-size:5px}.toolbar{gap:1px;padding:5px}.toolbar button{padding:0 6px}.divider{margin:0 2px}}@media(max-width:600px){header{height:59px;padding:0 14px}#brand{font-size:9px;letter-spacing:1.2px;gap:7px}#brand svg{width:23px}#brand small{font-size:5px}.project-name{font-size:17px;gap:7px}.project-name>span,.project-name i{display:none}#directoryButton{font-size:8px;padding:8px}#directoryButton span{margin-left:5px}main{height:calc(100dvh - 59px);min-height:500px}.intro{left:15px;top:17px}.intro h1{font-size:21px;margin-top:9px}.intro p{font-size:8px}.intro>span{font-size:5px;letter-spacing:1px}.levels{left:11px;top:auto;bottom:109px;transform:none;gap:2px}.levels button{padding:7px 8px;gap:4px;background:#12212add}.levels b{font-size:8px;width:20px}.levels span{font-size:7px}.toolbar{width:max-content;max-width:calc(100% - 20px);bottom:41px;gap:1px}.toolbar #overview span{display:none}.toolbar button{height:27px;min-width:25px;padding:0 6px}.navigation-note{font-size:5px;bottom:20px}aside{left:11px;right:11px;top:auto;bottom:98px;width:auto;max-height:47%;padding:20px}aside h2{font-size:25px}aside p{font-size:10px}.eyebrow{margin:9px 0 12px}.architecture-label{padding-top:12px}body.panel-open .levels,body.panel-open .intro{display:none}}

body.panel-open .intro{opacity:0}

@media(min-width:601px){.toolbar{bottom:12px}.navigation-note{bottom:1px}}

/* The world is the subject; controls remain available without a title card over it. */
.intro{display:none}.levels{left:17px;top:auto;bottom:90px;transform:none}.levels button{background:#11202bb8}.levels small{font-size:6px}header .project-name i{font-size:7px}.phase{display:none}