:root{color:#dce5df;font-synthesis:none;background:#141d1b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}#app{grid-template-columns:320px 1fr;height:100dvh;display:grid}aside{z-index:2;background:#14211e;border-right:1px solid #ffffff12;flex-direction:column;padding:28px 24px;display:flex;overflow:auto}.brand{letter-spacing:2px;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.mark{border:1px solid #75968a;border-radius:50%;place-items:center;width:35px;height:35px;font-size:22px;font-weight:400;display:grid}.sub{letter-spacing:3px;color:#86a195;margin-top:3px;font-size:8px;display:block}.live{letter-spacing:1px;color:#b2d8bf;background:#294d3d;border-radius:4px;margin-left:auto;padding:5px 6px;font-size:8px}h1{letter-spacing:-1px;margin:36px 0 12px;font-size:28px;font-weight:450;line-height:1.18}.intro{color:#91aaa0;margin:0 0 26px;font-size:12px;line-height:1.8}.label{letter-spacing:1.6px;color:#91aaa0;margin-bottom:10px;font-size:9px;font-weight:650;display:block}.segmented{background:#0c1713;border-radius:7px;padding:4px;display:flex}.segmented button{color:#91aaa0;background:0 0;border:0;border-radius:4px;flex:1;padding:11px 8px;font-size:12px}.segmented button.active{color:#182b20;background:#cbdfbb;box-shadow:0 2px 8px #0003}#profile-note{color:#84998d;min-height:24px;font-size:10px;line-height:1.5}.metrics{border-bottom:1px solid #ffffff12;gap:45px;margin-bottom:24px;padding:6px 0 22px;display:flex}.metrics span{letter-spacing:1.3px;color:#84998d;font-size:8px;display:block}.metrics strong{letter-spacing:-1px;margin-top:6px;font-size:23px;font-weight:450;display:block}select{color:#dce5df;background:#20312a;border:1px solid #ffffff17;border-radius:5px;width:100%;padding:12px;font-size:12px}.toggles{margin:18px 0}.toggles label{cursor:pointer;grid-template-columns:20px 1fr;gap:2px 6px;margin:14px 0;font-size:12px;display:grid}.toggles input{accent-color:#cbdfbb;grid-row:span 2;align-self:center}.toggles span{color:#84998d;font-size:10px}.fit{color:#cbdfbb;text-align:left;background:0 0;border:1px solid #718f7b;border-radius:5px;padding:12px;font-size:12px}.fit kbd{float:right;opacity:.6;font-size:10px}.selection{border-top:1px solid #ffffff12;margin-top:26px;padding-top:20px}.selection p{color:#b5c8bc;overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.6}footer{color:#84998d;margin-top:auto;padding-top:25px;font-size:9px;line-height:1.8}footer small{font-size:9px;display:block}footer a{color:#cbdfbb;margin-top:14px;text-decoration:none;display:inline-block}#viewport{background:#e5e8e0;min-width:0;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}.topline,.bottomline{color:#5b6f63;pointer-events:none;z-index:1;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;left:28px;right:28px}.topline{top:25px}.topline span:first-child{background:#f6f8f099;border:1px solid #88988845;border-radius:30px;padding:8px 12px}.bottomline{letter-spacing:.7px;font-size:9px;bottom:22px}#loading{z-index:3;color:#263d30;background:#e5e8e0ed;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}#loading[hidden]{display:none}#load-label{font-size:17px;font-weight:500}#load-detail{text-align:center;overflow-wrap:anywhere;max-width:75%;font-size:11px;line-height:1.7}.spinner{border:2px solid #b8c6b9;border-top-color:#3d6447;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}#loading.error .spinner{display:none}#retry{color:#263d30;background:0 0;border:1px solid #496a4f;border-radius:4px;padding:8px 20px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=750px){#app{grid-template-columns:220px 1fr}aside{padding:18px 14px}h1{margin-top:25px;font-size:23px}.intro{font-size:11px}.metrics{gap:25px}.metrics strong{font-size:19px}.brand{letter-spacing:1px;font-size:11px}.live{display:none}}@media (width<=500px){#app{flex-direction:column;height:auto;min-height:100dvh;display:flex}aside{order:2;max-height:50dvh}.brand,h1,.intro,.selection,footer{display:none}#viewport{order:1;height:60dvh}.metrics{margin-bottom:10px;padding-bottom:10px}.toggles{grid-template-columns:1fr 1fr;margin:8px 0;display:grid}.toggles label{margin:6px 0}.topline,.bottomline{left:15px;right:15px}}#poi-chip{color:#164a42;text-overflow:ellipsis;white-space:nowrap;background:#b9eee4;border-radius:20px;max-width:55%;padding:7px 10px;overflow:hidden}.topline{gap:8px}.poi-menu{z-index:5;color:#173c34;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafffcf5;border:1px solid #c8dbd4;border-radius:12px;width:260px;max-width:calc(100% - 16px);padding:16px;position:absolute;box-shadow:0 12px 40px #16392f30}.poi-menu[hidden]{display:none}.poi-menu header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.poi-menu strong{overflow-wrap:anywhere;font-size:19px}.poi-menu-close{color:#59756d;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:22px}.poi-menu-navigate{color:#fff;text-align:left;cursor:pointer;background:#087e70;border:0;border-radius:7px;width:100%;padding:12px;font-size:13px}.poi-menu-navigate:disabled{opacity:.5}.poi-menu label{color:#52766c;margin:15px 0 7px;font-size:11px;display:block}.poi-menu select{color:#21493d;background:#edf5f0;border:1px solid #cbded4;padding:10px;font-size:12px}.poi-menu-status{color:#52766c;margin:12px 0 0;font-size:11px;line-height:1.5}.poi-menu-status:empty{display:none}.poi-menu button:focus-visible,.poi-menu select:focus-visible{outline-offset:3px;outline:2px solid #00ac97}.accordion{border-top:1px solid #ffffff1c;margin:0 0 10px}.accordion summary{cursor:pointer;color:#dce5df;justify-content:space-between;padding:17px 0;font-size:13px;font-weight:550;list-style:none;display:flex}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"+";color:#a7c49d}.accordion[open] summary:after{content:"−"}.accordion-body{padding:3px 0 20px}.accordion-body .intro{margin:10px 0 12px}.accordion-body .fit{width:100%;margin-top:14px}.accordion-body .selection{margin-top:16px;padding-top:14px}.slider-label{color:#b5c8bc;justify-content:space-between;margin:20px 0 9px;font-size:12px;display:flex}.slider-label output{font-variant-numeric:tabular-nums;color:#dce5df}input[type=range]{accent-color:#cbdfbb;width:100%;margin:0 0 14px}#environment-status{color:#91aaa0;min-height:2em;font-size:11px;line-height:1.6}.accordion summary:focus-visible{outline-offset:3px;outline:2px solid #cbdfbb}.poi-menu-metadata{color:#52766c;margin:-6px 0 14px;font-size:12px;line-height:1.6}#app{height:100dvh;min-height:0;display:block;position:relative;overflow:hidden}#viewport{order:initial;width:100%;height:100%}#settings-drawer{z-index:20;visibility:hidden;width:min(340px,100vw - 48px);max-height:none;padding:24px;transition:transform .2s,visibility .2s;position:absolute;inset:0 auto 0 0;transform:translate(-100%);box-shadow:12px 0 40px #0003}.drawer-open #settings-drawer{visibility:visible;transform:translate(0)}#drawer-backdrop{z-index:19;background:#071b1633;border:0;padding:0;position:absolute;inset:0}#drawer-backdrop[hidden]{display:none}.drawer-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:30px;display:flex}.drawer-header h1{letter-spacing:-.5px;margin:0;font-size:23px;display:block}#drawer-close{color:#cbdfbb;background:0 0;border:0;padding:4px 8px;font-size:28px}.view-controls{pointer-events:auto;align-items:center;gap:10px;min-width:0;display:flex}#drawer-toggle{color:#cbdfbb;background:#14211e;border:1px solid #88988845;border-radius:50%;flex-shrink:0;width:42px;height:42px;font-size:19px}#floor{color:#365044;cursor:pointer;background:#f6f8f0e8;border:1px solid #88988845;border-radius:24px;width:auto;max-width:min(260px,48vw);padding:10px 28px 10px 14px}#floor option{color:#263d30;background:#f6f8f0}#drawer-toggle:focus-visible,#drawer-close:focus-visible,#floor:focus-visible{outline-offset:3px;outline:2px solid #087e70}@media (width<=500px){#settings-drawer .intro,#settings-drawer .selection,#settings-drawer footer{display:block}.topline{flex-wrap:wrap;top:14px}#poi-chip{order:3;max-width:100%}#settings-drawer .toggles{display:block}}@media (prefers-reduced-motion:reduce){#settings-drawer{transition:none}}