:root{font-family:Segoe UI,Arial,sans-serif;color:#f3f4ec;background:#9a9c8b;font-synthesis:none;--panel:rgba(25,32,27,.88);--accent:#d5edb4;--muted:#c6cbbf}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0}#app,#scene{position:fixed;inset:0;width:100%;height:100%}#scene{display:block;touch-action:none;outline:none}#app:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(13,20,15,.33),transparent 27%,transparent 72%,rgba(13,20,15,.44))}.masthead,.top-actions,.navigation,.scene-note{position:absolute;z-index:1}.masthead{top:34px;left:40px;pointer-events:none}.identity{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:2.5px;font-weight:600}.brand-mark{font-size:31px;line-height:24px;display:inline-flex;border:1px solid #e3e7d96b;width:30px;height:30px;align-items:center;justify-content:center}.separator{opacity:.45;padding:0 9px}h1{margin:23px 0 7px;font-size:31px;font-weight:400;letter-spacing:-1px}h1 span{color:var(--accent)}.masthead p{font-size:12px;margin:0;color:#e1e5d8}.top-actions{right:36px;top:36px;display:flex;gap:20px;align-items:center}.live{font-size:9px;letter-spacing:1.6px;display:flex;align-items:center;gap:7px}.live i{width:5px;height:5px;border-radius:50%;background:#ccefaf;box-shadow:0 0 10px #ccefaf}.quiet-button{background:#27302785;border:1px solid #ffffff40;padding:11px 15px;font-size:11px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:5px}.quiet-button span{margin-left:13px}.quiet-button:hover{background:#273027bb}.scene-note{left:40px;bottom:43px;pointer-events:none}.scene-note span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.scene-note p{font-size:11px;margin:7px 0 0}.navigation{bottom:28px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px)}.view-caption{display:flex;gap:12px;align-items:center;margin:0 16px 12px;font-size:11px;text-shadow:0 1px 8px #0007}#view-number{font-size:10px;color:var(--accent)}.caption-line{height:1px;background:#e4ead154;width:38px}.approx{font-size:9px;color:#e0e2d4}.toolbar{display:flex;align-items:center;padding:7px;gap:4px;background:var(--panel);border:1px solid #e0e9d332;border-radius:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 36px #0002}.view-buttons{display:flex;gap:3px}.toolbar button{height:40px;display:flex;align-items:center;justify-content:center;gap:9px;background:transparent;border-radius:5px;padding:0 13px;font-size:11px;white-space:nowrap;color:#dce1d6;transition:background .2s,color .2s}.toolbar button>span:first-child{font-size:19px;line-height:1}.toolbar button:hover{background:#f5ffe812}.view-buttons button[aria-pressed=true]{background:var(--accent);color:#253224}.divider{height:24px;width:1px;background:#e0e9d328;margin:0 4px}.switch{width:23px;height:13px;border-radius:8px;background:#646f61;position:relative;margin-left:3px}.switch:after{content:"";width:9px;height:9px;position:absolute;left:2px;top:2px;border-radius:50%;background:#273522;transition:transform .2s}button[aria-pressed=true] .switch{background:var(--accent)}button[aria-pressed=true] .switch:after{transform:translate(10px)}.interaction-hint{text-align:center;font-size:9px;letter-spacing:.2px;margin:12px 0 0;color:#e5e6db}.interaction-hint b{padding:0 9px;font-weight:400;opacity:.45}#loading{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#263027;color:#e2eccf;transition:opacity .6s;pointer-events:none}#loading.ready{opacity:0}#loading p{font-size:12px;letter-spacing:1px}.loader-mark{font-size:60px;font-weight:400}dialog{border:1px solid #ffffff26;border-radius:12px;background:#202821;color:#f1f4e8;padding:20px;width:min(840px,92vw);max-height:92dvh;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#10170eb5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.eyebrow{font-size:9px;letter-spacing:2px;color:#c6d6b3}h2{font-size:22px;font-weight:400;margin:7px 0 0}#close-photo{font-size:28px;background:transparent;padding:0 8px}dialog img{width:100%;max-height:65dvh;object-fit:contain;display:block;border-radius:5px}dialog p{font-size:11px;color:#c8cfbe;line-height:1.6;margin-bottom:0}@media(max-width:1200px){.scene-note{display:none}}@media(max-width:700px){.masthead{top:23px;left:22px}.identity{font-size:8px;letter-spacing:1.4px}.brand-mark{width:25px;height:25px;font-size:25px}h1{font-size:25px;margin-top:18px}.masthead p{font-size:10px}.top-actions{top:24px;right:20px}.live{display:none}.quiet-button{font-size:10px;padding:9px 10px}.quiet-button span{margin-left:5px}.navigation{bottom:19px;max-width:calc(100% - 20px)}.toolbar{padding:5px;gap:2px}.toolbar button{padding:0 9px;font-size:10px;gap:5px;height:39px}.divider{margin:0 1px}.toolbar #lighting>span:nth-child(2){display:none}#fullscreen{display:none!important}.interaction-hint{font-size:8px}.interaction-hint b{padding:0 3px}.view-caption{margin-left:8px;font-size:10px}}@media(max-width:380px){.toolbar button{padding:0 7px}.toolbar button>span:first-child{font-size:16px}.switch{display:none}h1{font-size:22px}.quiet-button{font-size:9px}.interaction-hint{font-size:7px}}.neighborhood-link{position:absolute;right:36px;bottom:132px;z-index:2;color:inherit;text-decoration:none}@media(max-width:700px){.neighborhood-link{right:20px;top:147px;bottom:auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}