:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff;background:#142229}*{box-sizing:border-box}body{margin:0;overflow:hidden}#panorama{position:fixed;inset:0}header{position:fixed;top:28px;left:30px;right:250px;display:flex;align-items:center;gap:24px;pointer-events:none;text-shadow:0 2px 12px #0009}.eyebrow{font-size:10px;letter-spacing:.22em;margin:0 0 8px;color:#f1f5f7}h1{font-size:clamp(23px,3vw,36px);font-weight:550;letter-spacing:-.04em;margin:0}#counter{font-size:12px;border:1px solid #ffffff60;border-radius:20px;padding:7px 12px;background:#12202c80;white-space:nowrap}.glass,#scene-list{background:#13232de0;backdrop-filter:blur(18px);border:1px solid #ffffff30;box-shadow:0 8px 30px #0003}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible{outline:3px solid #a3f2d2;outline-offset:3px}button:hover{background:#ffffff26}#scene-list{position:fixed;right:24px;top:80px;bottom:120px;width:180px;overflow:auto;padding:10px;border-radius:18px;scrollbar-width:thin}.scene{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:10px;text-align:left;background:transparent;margin:3px 0;min-height:70px;font-size:12px}.scene img{width:52px;height:52px;object-fit:cover;border-radius:9px}.scene[aria-current=true]{background:#ffffff20;box-shadow:inset 3px 0 #9ae4c5}.menu-toggle{position:fixed;right:24px;top:28px;padding:10px 20px;border-radius:24px;font-size:12px}#scene-list[hidden]{display:none}.controls{position:fixed;bottom:45px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:7px;border-radius:30px}.controls button{background:transparent;width:43px;height:43px;border-radius:50%;font-size:23px}.controls button:hover,.controls button[aria-pressed=true]{background:#ffffff20}.hint{position:fixed;bottom:9px;left:0;right:0;text-align:center;font-size:11px;color:#fff;text-shadow:0 1px 5px #000;pointer-events:none}.hotspot{background:#f5fffb;color:#173e32;border:3px solid #ffffff88;border-radius:50%;width:42px;height:42px;font-size:24px;box-shadow:0 2px 15px #0006}.hotspot:hover{background:#a3f2d2;transform:scale(1.1)}#status{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#13232de0;padding:16px 24px;border-radius:12px;font-size:13px;pointer-events:none}#status[hidden]{display:none}@media(max-width:650px){header{top:20px;left:18px;right:85px;gap:10px}.eyebrow{font-size:8px}h1{font-size:24px}.menu-toggle{top:22px;right:12px;padding:8px 12px}#scene-list{top:90px;right:12px;width:158px;bottom:135px}.controls{bottom:48px;padding:5px;gap:1px}.controls button{width:38px;height:38px}.hint{bottom:18px;font-size:10px}.scene{font-size:11px}.scene img{width:42px;height:42px}}
