:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#24413e;background:#142c30;--mint:#bdddbd}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{border:0;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8bb98a;outline-offset:3px}header{height:72px;border-bottom:1px solid #ffffff18;display:flex;align-items:center;justify-content:space-between;color:#e6eee4;padding:0 25px}.brand{display:flex;gap:12px;align-items:center}.brand>span{font-size:29px;color:var(--mint);border:1px solid #6c8d82;border-radius:10px;width:37px;height:37px;display:grid;place-items:center}.brand strong{font-size:14px;letter-spacing:3px;font-weight:550}.brand small{display:block;margin-top:4px;font-size:8px;letter-spacing:1.5px;color:#a7bcb2}.header-actions{display:flex;align-items:center;gap:20px}.header-actions a{font-size:11px;text-decoration:none;color:#d2e4ca;border:1px solid #94b28c44;border-radius:6px;padding:9px 13px}.header-actions button{background:transparent;color:#d8e7d4;font-size:22px}#menu{display:none}.workspace{height:calc(100dvh - 72px);display:grid;grid-template-columns:284px 1fr}aside{color:#d7e1d8;padding:25px 21px;overflow:auto;scrollbar-width:thin;scrollbar-color:#476363 transparent}.intro small{font-size:9px;letter-spacing:1.5px;color:#a2c2a7}h1{font-weight:500;font-size:28px;letter-spacing:-1px;margin:12px 0}.intro p{font-size:11px;color:#a4b8ad;line-height:1.8;margin:0}.stats{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid #fff1;border-bottom:1px solid #fff1;margin:20px 0}.stats strong{font-size:20px;font-weight:500}.stats small{display:block;color:#8eaba0;font-size:9px;margin-top:5px}.section-title{font-size:9px;letter-spacing:1.4px;color:#90b19d;margin:23px 0 10px}#layers{display:flex;flex-direction:column;gap:2px}.layer{display:flex;align-items:center;gap:9px;padding:7px 4px;font-size:11px;color:#c8d8ce;cursor:pointer}.layer input{accent-color:#99c998;margin:0}.layer i{width:7px;height:7px;border-radius:2px}.layer span:last-child{margin-left:auto;font-size:9px;color:#799c88}.layer-tools{display:flex;gap:15px;margin:9px 0 15px}.layer-tools button{background:transparent;color:#aacdb1;padding:0;font-size:9px}.xray{font-size:10px;display:flex;align-items:center;gap:8px;color:#b2c7b6}.xray input{accent-color:#9dcc9c}.small-note{font-size:9px;color:#87a394;line-height:1.7;margin:13px 0 22px}#rooms{display:flex;flex-direction:column;gap:3px}.room-btn{background:transparent;color:#c7d5cb;text-align:left;padding:8px;border-radius:6px;font-size:10px;display:flex;gap:8px;align-items:center}.room-btn:hover,.room-btn.selected{background:#c9e3c918}.room-btn i{width:6px;height:6px;border-radius:2px;flex-shrink:0}.room-btn span:last-child{margin-left:auto;font-size:9px;color:#7e9f8b}.side-note{border-top:1px solid #fff1;margin-top:24px;padding-top:15px;font-size:9px;line-height:1.7;color:#80a18e}main{min-width:0;min-height:0;display:flex;flex-direction:column;background:#d9dfd4}.toolbar{height:62px;padding:0 21px;background:#f2f4eb;border-bottom:1px solid #2b433317;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.toolbar strong{font-size:12px;font-weight:550;color:#345c48}.toolbar>div{display:flex;gap:11px}.toolbar button{font-size:10px;color:#69846f;background:transparent;padding:8px}.toolbar button[aria-pressed=false]{opacity:.5}#viewport{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none}canvas.webgl{display:block;width:100%;height:100%}#loading{position:absolute;inset:0;z-index:10;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:14px;background:#e9eee2;font-size:13px;color:#4b6d54}.loader{width:25px;height:25px;border:2px solid #becdbd;border-top-color:#386b54;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#location{position:absolute;top:20px;left:24px;padding:9px 14px;border:1px solid #b3c7ae66;border-radius:20px;background:#f7faeceb;color:#567954;font-size:10px;pointer-events:none}#selected-info{position:absolute;top:62px;left:24px;width:270px;padding:13px 15px;background:#193b34ed;border:1px solid #a7c69e33;border-radius:10px;color:#e3f0d6;font-size:10px;line-height:1.65}#selected-info strong{display:block;font-size:12px;margin-bottom:4px}#selected-info button{position:absolute;top:7px;right:7px;background:transparent;color:#c9e2c0}#map-wrap{position:absolute;bottom:74px;right:20px;width:170px;padding:11px;border:1px solid #b0c3a866;border-radius:11px;background:#f5f8eede;backdrop-filter:blur(8px);color:#627c5d}#map-wrap>div{font-size:9px;letter-spacing:1.3px;display:flex;justify-content:space-between}#map-wrap button{background:transparent;color:#678460}#minimap{width:100%;height:auto;cursor:crosshair;margin:8px 0 3px;display:block}#map-wrap small{font-size:8px}#help{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;padding:10px 16px;background:#f4f8e9e8;border:1px solid #a6bda255;border-radius:25px;color:#658361;pointer-events:none}#help b{color:#9ab390;margin:0 6px}.footnote{position:absolute;bottom:10px;left:15px;right:15px;text-align:center;font-size:8px;color:#7a8d73;pointer-events:none}.hidden{display:none!important}@media(max-width:900px){.workspace{grid-template-columns:230px 1fr}aside{padding:21px 15px}.toolbar{padding:0 12px}.toolbar>div{gap:3px}.toolbar button{padding:6px;font-size:9px}#map-wrap{width:139px;right:12px}#help{font-size:8px}}@media(max-width:650px){header{height:62px;padding:0 14px}.brand small{font-size:7px}.header-actions{gap:12px}.header-actions a{font-size:9px;padding:7px 9px}#fullscreen{display:none}#menu{display:block}.workspace{height:calc(100dvh - 62px);display:block}main{height:100%}aside{position:absolute;top:62px;bottom:0;left:0;z-index:20;width:270px;background:#142c30;transform:translateX(-100%);transition:transform .2s}body.menu-open aside{transform:translateX(0)}.toolbar{height:54px}.toolbar strong{font-size:10px}.toolbar button{font-size:8px;padding:5px}#location{top:12px;left:12px;font-size:9px}#selected-info{left:12px;width:245px;top:54px}#map-wrap{width:130px}#help{max-width:calc(100% - 16px);font-size:7px;padding:8px;overflow:hidden}.footnote{font-size:7px}}
.floor-switch{min-height:62px;display:flex;align-items:center;gap:8px;padding:10px 21px;background:#e4ecdc;border-bottom:1px solid #36563d22;flex-shrink:0}.floor-switch>span{font-size:9px;letter-spacing:1px;color:#75836e;margin-right:8px}.floor-switch button{background:#f7faef;border:1px solid #8da88955;border-radius:7px;padding:10px 17px;font-size:12px;color:#4f7054}.floor-switch button[aria-pressed=true]{background:#285543;color:#eff6e8;border-color:#285543}.floor-switch small{margin-left:auto;color:#71836b;font-size:10px}.room-btn span:nth-child(2){margin-left:0;text-align:left}.room-btn span:nth-child(2):last-child{font-size:10px;color:inherit}.floor-switch button:focus-visible{outline:3px solid #719d6b}@media(max-width:900px){.floor-switch{padding:9px 12px}.floor-switch small{display:none}.floor-switch button{font-size:11px;padding:9px 12px}}@media(max-width:650px){.floor-switch{min-height:56px;gap:6px}.floor-switch>span{font-size:8px;margin-right:4px}.floor-switch button{padding:8px 12px;font-size:11px}}
#spatial-labels{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.spatial-label{position:absolute;top:0;left:0;pointer-events:auto;color:#223c3b;background:#f6faf6f5;border:1px solid #607c7866;border-left:3px solid var(--label-accent);border-radius:6px;box-shadow:0 2px 8px #1d39352a;padding:6px 9px;font:500 11px/1.35 Inter,system-ui,sans-serif;text-align:left;max-width:174px;min-width:40px;white-space:normal;cursor:pointer;transform-origin:center bottom}.spatial-label small{font-size:9px;letter-spacing:.8px;display:block;color:#647d76;font-weight:650;line-height:1.3;margin-bottom:2px}.spatial-label span{display:block}.spatial-label.is-selected{border-color:#447c6a;box-shadow:0 0 0 2px #447c6a33;background:#fff}.spatial-label:hover{background:white;z-index:3}.spatial-label[hidden]{display:none}#location{z-index:3}#selected-info{z-index:4}#map-wrap{z-index:3}#help{z-index:3}.footnote{z-index:2}
#combined-tools{display:flex;align-items:center;gap:12px;padding:9px 21px;background:#eaf0e4;border-bottom:1px solid #36563d22;flex-shrink:0;color:#48675a}#combined-tools label{font-size:11px;white-space:nowrap}#floor-spacing{width:140px;accent-color:#396c55;cursor:pointer}#floor-stack{font-size:10px;padding:7px 10px;border:1px solid #a6b9a4;border-radius:5px;color:#48675a;background:#f7faef}#combined-note{margin-left:auto;font-size:9px;line-height:1.5}.floor-switch{flex-wrap:wrap}@media(max-width:900px){#combined-tools{padding:8px 12px;gap:8px}#combined-note{max-width:160px}#floor-spacing{width:100px}.floor-switch>span{display:none}}@media(max-width:650px){.floor-switch{gap:5px}.floor-switch button{font-size:10px;padding:8px 10px}#combined-tools{flex-wrap:wrap}#combined-note{flex-basis:100%;max-width:none;margin-left:0}#floor-spacing{flex:1}}
#protection-tools{padding:9px 21px;background:#eaf0e4;border-bottom:1px solid #36563d22;flex-shrink:0;color:#48675a}.protection-play{display:flex;align-items:center;gap:10px}.protection-play button{font-size:10px;padding:7px 11px;border-radius:5px;background:#315f50;color:#f4f9ef}.protection-play button+button{background:#f5f8ef;color:#496b59;border:1px solid #a7baa5}.protection-play label{font-size:10px}.protection-play input{accent-color:#396c55;min-width:80px;flex:1}.protection-play output{font-size:10px;width:156px}.protection-options{display:flex;gap:18px;align-items:center;margin-top:8px;font-size:10px}.protection-options label{display:flex;align-items:center;gap:5px}.protection-options input{accent-color:#48785d}.protection-options span{margin-left:auto;font-size:9px;color:#7a8770}.protection-notes{font-size:10px;line-height:1.65;color:#abc2b4}.protection-notes strong{color:#d6e7d5;font-size:11px}.protection-notes p{margin:8px 0 14px}#floor-note strong{display:block;color:#e3b17f;margin-bottom:5px}@media(max-width:1000px){.floor-switch small{display:none}.protection-options span{display:none}}@media(max-width:650px){#protection-tools{padding:8px 12px}.protection-play{gap:5px;flex-wrap:wrap}.protection-play output{width:auto;flex-basis:100%;text-align:right}.protection-play button{font-size:9px;padding:6px}.protection-options{gap:10px;font-size:9px}.floor-switch{gap:4px}.floor-switch button{padding:8px;font-size:9px}}
.protection-play{flex-wrap:wrap}.protection-play input{min-width:130px}.protection-options{flex-wrap:wrap;gap:8px 16px}.protection-play button:nth-of-type(n+3){background:#e0e9d8;color:#325c49;border:1px solid #a2b69a}.protection-options span{display:none}

#terrain-tools{padding:10px 20px;background:#eaf0e4;border-bottom:1px solid #36563d22;flex-shrink:0;color:#48675a}.terrain-primary,.terrain-layers,.terrain-focus{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.terrain-primary label,.terrain-layers label{font-size:10px;display:flex;align-items:center;gap:5px}.terrain-primary input[type=range]{width:125px;min-width:70px;accent-color:#315e49}.terrain-primary input[type=checkbox],.terrain-layers input{accent-color:#3d7655}.terrain-primary output{font-size:10px;min-width:28px}.terrain-primary a{margin-left:auto;color:#376b51;font-size:10px}.terrain-presets{display:flex;gap:5px}.terrain-presets button{background:#315f50;color:#f1f6ec;padding:7px 10px;border-radius:5px;font-size:10px}.terrain-presets button+button{background:#d5e4ce;color:#34593e;border:1px solid #a2b897}.terrain-layers{margin-top:10px;gap:8px 15px}.terrain-layers label{white-space:nowrap}.terrain-layers .power-key{color:#91631b}.terrain-layers .water-key{color:#2d70a2}.terrain-layers .waste-key{color:#8d5370}.terrain-layers .air-key{color:#3e8583}.terrain-focus{margin-top:10px;padding-top:8px;border-top:1px solid #53715b22;gap:7px}.terrain-focus span{font-size:8px;letter-spacing:1px;color:#809078}.terrain-focus button{font-size:10px;padding:6px 10px;background:#f6f8ee;border:1px solid #a4b69c66;border-radius:5px;color:#46664e}.terrain-focus small{margin-left:auto;font-size:9px;color:#7b8971}.terrain-side-copy{font-size:10px;color:#aac2b2;line-height:1.8}.terrain-research{font-size:11px;color:#d1e5bd;line-height:1.7;margin-top:10px}body[data-mode=landscape] .footnote{background:#ecf2e6bf;border-radius:4px;padding:4px;font-size:8px;color:#41604a}body[data-mode=landscape] #location{max-width:calc(100% - 40px)}@media(max-width:1100px){.floor-switch{gap:6px;padding:9px 14px}.floor-switch button{padding:9px 12px;font-size:11px}.floor-switch small{display:none}.terrain-focus small{display:none}}@media(max-width:650px){#terrain-tools{padding:8px 12px}.terrain-primary{gap:6px}.terrain-primary a{display:none}.terrain-layers{gap:7px 10px}.terrain-layers label{font-size:9px}.terrain-focus button{font-size:9px;padding:5px 7px}.terrain-focus span{display:none}.floor-switch{min-height:70px}.terrain-primary input[type=range]{width:80px}.terrain-primary label{font-size:9px}}

/* Let the document grow instead of compressing the model into the window. */
html{overflow-y:auto;scrollbar-gutter:stable}body{min-height:100dvh}.workspace{height:auto;min-height:calc(100dvh - 72px);align-items:start}aside{overflow:visible}main{height:auto;min-height:calc(100dvh - 72px)}#viewport{flex:0 0 auto;height:max(560px,calc(100dvh - 190px));min-height:560px;touch-action:pan-y}#help{white-space:normal;text-align:center;width:max-content;max-width:calc(100% - 28px);line-height:1.6}.toolbar .zoom-button{border:1px solid #9bb393;border-radius:6px;min-width:30px;font-size:17px;padding:3px 8px;background:#f9fcf2;color:#315a42}@media(max-width:650px){.workspace{height:auto;min-height:calc(100dvh - 62px)}main{height:auto;min-height:calc(100dvh - 62px)}aside{position:fixed;top:62px;bottom:0;overflow-y:auto}#viewport{height:max(440px,calc(100dvh - 160px));min-height:440px}#help{max-width:calc(100% - 20px)}.toolbar>div{gap:3px}.toolbar .zoom-button{min-width:25px;font-size:15px;padding:3px 6px}}

#access-tools{margin:12px 0 4px;border:1px solid #a7b99d66;border-radius:7px;background:#f3f6eb88;padding:10px 12px}#access-tools summary{font-size:12px;font-weight:550;color:#345a43;cursor:pointer}.access-focus{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.access-focus button{font-size:10px;border:1px solid #9fb29499;border-radius:5px;background:#fffdf3;color:#45613f;padding:7px 10px}.access-settings{display:flex;gap:12px;flex-wrap:wrap}.access-settings label{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#6e8065}.access-settings select{font:inherit;font-size:11px;min-height:32px;border:1px solid #a3b698;border-radius:5px;background:#fffdf6;color:#345641;padding:5px 8px}.access-settings select:disabled{opacity:.5}.access-options{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:12px;font-size:10px}.access-options label{display:flex;align-items:center;gap:5px}.access-options input{accent-color:#397053}.access-options a{margin-left:auto;color:#386d4d;font-size:10px}#access-status{font-size:10px;line-height:1.65;color:#55704d;margin:9px 0 0;padding:7px 10px;border-left:3px solid #8da87b;background:#dbe7d088}#access-status[data-state=main-blocked],#access-status[data-state=outside-contaminated]{border-color:#b28a52;color:#765a38;background:#f0e2ca88}@media(max-width:650px){#access-tools{padding:9px}.access-focus button{font-size:9px;padding:6px}.access-settings{gap:8px}.access-settings label{flex:1;min-width:155px}.access-settings select{width:100%;max-width:100%;font-size:10px}.access-options{gap:7px;font-size:9px}.access-options a{margin-left:0}}