@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#e9f5ff;background:#081326;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.experience,.scene-viewport{position:relative;width:100%;height:100dvh;overflow:hidden}.experience{isolation:isolate;background:radial-gradient(circle at 50% 50%,#254576,#081326 80%)}.scene-viewport{touch-action:none;outline:none}.scene-viewport:focus-visible{outline:2px solid #69caff;outline-offset:-5px}.scene-viewport canvas{display:block;width:100%;height:100%}.screen-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#051022a8 0%,transparent 16%,transparent 76%,#051022bb 100%),linear-gradient(90deg,#06112350,transparent 18%,transparent 82%,#06112350)}.loading-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;color:#cee8ff;background:radial-gradient(circle at 50% 40%,#254576,#081326 75%);font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;z-index:2}.loading-state.hidden{display:none}.loading-spinner{width:22px;height:22px;border:2px solid #a9d9ff55;border-top-color:#5dbdff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:26px clamp(20px,3.2vw,58px);gap:20px;pointer-events:none}.brand,.top-actions{display:flex;align-items:center;gap:13px}.brand{font:700 clamp(15px,1.2vw,20px)/1 "Space Grotesk",Arial,sans-serif;letter-spacing:.15em;text-shadow:0 2px 14px #06133199}.brand-icon{display:grid;place-items:center;width:33px;height:33px;border:1px solid #7fc7ff99;border-radius:10px;background:#2b83d92a;color:#8ad6ff;font-size:18px;box-shadow:0 0 22px #348dff3d}.brand-muted{color:#91aac7}.top-actions{gap:16px}.live-badge,.motion-button{min-height:34px;display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #afdcff45;border-radius:8px;background:#0a1d3a87;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 18px #06152c45;color:#e3f3ff;font-size:10px;font-weight:700;letter-spacing:.17em;white-space:nowrap}.live-dot{width:6px;height:6px;border-radius:50%;background:#68f0c6;box-shadow:0 0 0 4px #68f0c62e,0 0 10px #68f0c6}.live-clock{color:#96afca}.motion-button{pointer-events:auto;transition:background .2s,border-color .2s}.motion-button:hover{background:#175081ae;border-color:#9bd6ff}.motion-button:focus-visible,.pan-arrow:focus-visible,#pan-range:focus-visible{outline:2px solid #8edbff;outline-offset:3px}.motion-icon{font-size:12px;letter-spacing:0}.bottom-panel{position:absolute;left:clamp(20px,3.2vw,58px);right:clamp(20px,3.2vw,58px);bottom:24px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,390px) minmax(180px,1fr);align-items:end;gap:24px;pointer-events:none}.zone-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-shadow:0 2px 15px #061023}.zone-count{color:#7fc9ff;font-size:10px;font-weight:700;letter-spacing:.22em}.zone-copy strong{font:600 clamp(18px,1.6vw,25px)/1.1 "Space Grotesk",Arial,sans-serif;letter-spacing:-.03em}.zone-subtitle{font-size:11px;color:#bfd5e8}.pan-controls{height:50px;display:flex;align-items:center;gap:11px;padding:0 12px;background:#081b38c9;border:1px solid #badcff47;border-radius:11px;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);box-shadow:0 8px 28px #03112477;pointer-events:auto}.pan-arrow{flex:0 0 auto;border:0;border-radius:7px;width:29px;height:29px;background:#80caff1c;color:#d6efff;font-size:18px;line-height:1}.pan-arrow:hover{background:#80caff4a}.pan-arrow:disabled{opacity:.35;cursor:default}.pan-controls input{flex:1;min-width:0;height:22px;appearance:none;background:transparent;cursor:pointer;--progress:0%}.pan-controls input::-webkit-slider-runnable-track{height:4px;border-radius:100px;background:linear-gradient(90deg,#5ec9ff var(--progress),#789db566 var(--progress))}.pan-controls input::-moz-range-track{height:4px;border-radius:100px;background:#789db566}.pan-controls input::-moz-range-progress{height:4px;border-radius:100px;background:#5ec9ff}.pan-controls input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4px;border:2px solid #e2f8ff;border-radius:50%;background:#54c5ff;box-shadow:0 0 0 4px #55caff30,0 0 12px #39baff}.pan-controls input::-moz-range-thumb{width:10px;height:10px;border:2px solid #e2f8ff;border-radius:50%;background:#54c5ff;box-shadow:0 0 0 4px #55caff30}.gesture-hint{justify-self:end;align-self:center;display:flex;align-items:center;gap:9px;color:#d1e6f6;font-size:10px;font-weight:700;letter-spacing:.15em;text-shadow:0 2px 13px #061023}.hint-icon{font-size:22px;color:#81d0ff;font-weight:400;line-height:0}@media(max-width:900px){.bottom-panel{grid-template-columns:1fr auto;align-items:end}.pan-controls{grid-column:1/-1;grid-row:1;width:min(100%,460px);justify-self:center}.zone-copy{grid-column:1;grid-row:2}.gesture-hint{grid-column:2;grid-row:2}.topbar{padding-top:18px}}@media(max-width:560px){.topbar{padding:15px 16px}.brand{font-size:13px;letter-spacing:.09em;gap:7px}.brand-icon{width:27px;height:27px;font-size:15px}.top-actions{gap:6px}.live-badge{padding:7px 8px;font-size:8px;letter-spacing:.09em}.live-clock{display:none}.motion-button{padding:6px 9px;min-height:30px}.motion-label{display:none}.bottom-panel{left:15px;right:15px;bottom:17px;gap:12px}.pan-controls{height:45px;width:100%}.zone-count{font-size:9px}.zone-copy strong{font-size:16px}.zone-subtitle{font-size:10px}.gesture-hint{font-size:0;gap:0}.hint-icon{font-size:22px}}@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none}.motion-button{transition:none}}.brand-icon img{display:block;width:100%;height:100%;border-radius:inherit}