:root{--vr-field: #0a0814;--vr-text: #efeaf4;--vr-muted: rgba(239, 234, 244, .65);--vr-faint: rgba(239, 234, 244, .42);--vr-rule: rgba(185, 167, 255, .3);--vr-lavender: #b9a7ff;--vr-coral: #ff9e7a;--vr-on-coral: #2b1206}html,body{width:100%;height:100%;overflow:hidden;background:var(--vr-field)}body{font-family:Nunito Sans,system-ui,sans-serif}.vr-observatory{position:relative;width:100%;height:100dvh;min-height:560px;overflow:hidden;isolation:isolate;color:var(--vr-text);background:var(--vr-field)}.vr-field,.vr-atmosphere{position:absolute;inset:0;width:100%;height:100%}.vr-field{z-index:0;display:block;cursor:grab;touch-action:none}.vr-field:active{cursor:grabbing}.vr-atmosphere{z-index:1;pointer-events:none;background:radial-gradient(circle at 52% 43%,transparent 0 27%,rgba(10,8,20,.14) 47%,rgba(10,8,20,.72) 88%),linear-gradient(180deg,rgba(10,8,20,.15),transparent 24%,transparent 76%,rgba(10,8,20,.72))}.vr-header,.vr-stations,.vr-identity,.vr-scale,.vr-enter,.vr-hint,.vr-help{position:absolute;z-index:2}.vr-header{top:max(24px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;pointer-events:none}.vr-wordmark{display:inline-flex;align-items:center;gap:14px;color:var(--vr-text);font-family:Quicksand,system-ui,sans-serif;font-size:clamp(.78rem,1.25vw,1.02rem);font-weight:600;letter-spacing:.18em;text-decoration:none;text-transform:uppercase;pointer-events:auto}.vr-wordmark svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1}.vr-status{display:flex;align-items:center;gap:10px;margin:0;color:var(--vr-muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.vr-status span{width:6px;height:6px;border-radius:50%;background:var(--vr-lavender);box-shadow:0 2px 14px #b9a7ffa6}.vr-status strong{font-weight:600}.vr-stations{inset:0;pointer-events:none}.vr-stations button{position:absolute;left:var(--station-x, 50%);top:var(--station-y, 30%);width:22px;height:22px;padding:0;border:0;color:var(--vr-muted);background:transparent;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;pointer-events:auto;transform:translate(-50%,-50%);transition:opacity .18s ease-out}.vr-stations button[data-offscreen],[data-scale=immersive] .vr-stations{opacity:0;pointer-events:none}.station-mark{position:absolute;inset:2px;border:1px solid currentColor;border-radius:50%;background:#b9a7ff1f;box-shadow:0 2px 18px #b9a7ff38;transition:background-color .18s ease-out,box-shadow .18s ease-out,transform .18s ease-out}.vr-stations button>span:last-child{position:absolute;left:50%;top:50%;width:max-content;padding:4px 7px;border:1px solid rgba(185,167,255,.14);border-radius:999px;background:#0a0814cc;box-shadow:0 4px 18px #04030a94;white-space:nowrap}.vr-stations button[data-station=five-fold]>span:last-child{transform:translate(-108%,-165%)}.vr-stations button[data-station=two-fold]>span:last-child{transform:translate(-50%,72%)}.vr-stations button[data-station=three-fold]>span:last-child{transform:translate(-112%,-50%)}.vr-stations button:hover,.vr-stations button.is-active{color:var(--vr-text)}.vr-stations button.is-active .station-mark{transform:scale(1.18);background:var(--vr-lavender);box-shadow:0 4px 24px #b9a7ff9e}.vr-identity{left:max(30px,env(safe-area-inset-left));bottom:max(34px,env(safe-area-inset-bottom));max-width:min(34vw,430px)}.vr-identity:before{content:"";display:block;width:52px;height:1px;margin-bottom:20px;background:var(--vr-lavender)}.vr-identity h1{margin:0;font-family:Quicksand,system-ui,sans-serif;font-size:clamp(1.15rem,2vw,1.8rem);font-weight:500;line-height:1.1;letter-spacing:.12em;text-transform:uppercase}.vr-identity p{margin:10px 0 0;color:var(--vr-muted);font-size:clamp(.82rem,1vw,.95rem)}.vr-scale{left:50%;bottom:max(26px,env(safe-area-inset-bottom));display:flex;align-items:stretch;min-width:min(430px,38vw);transform:translate(-50%);border:1px solid var(--vr-rule);border-radius:999px;background:#0a0814b8;box-shadow:0 14px 40px #00000047}.vr-scale button{flex:1;display:flex;align-items:center;justify-content:center;gap:11px;min-height:64px;padding:10px 18px;border:0;border-radius:999px;color:var(--vr-muted);background:transparent;text-align:left;cursor:pointer;transition:color .16s ease-out,background-color .16s ease-out}.vr-scale button:hover,.vr-scale button.is-active{color:var(--vr-text);background:#b9a7ff1c}.vr-scale svg{width:23px;height:23px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.2}.vr-scale button span{display:grid;gap:1px}.vr-scale strong{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase}.vr-scale small{color:var(--vr-faint);font-size:.7rem;white-space:nowrap}.scale-rule{align-self:center;width:1px;height:28px;background:var(--vr-rule)}.vr-enter{right:max(30px,env(safe-area-inset-right));bottom:max(31px,env(safe-area-inset-bottom));display:inline-flex;align-items:center;justify-content:center;gap:30px;min-width:190px;min-height:58px;padding:0 24px 0 28px;border:2px solid var(--vr-coral);border-radius:14px;color:#ffb38f;background:#0a08147a;box-shadow:0 8px 24px #ff9e7a33;font-size:.86rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:transform .18s ease-out,box-shadow .18s ease-out}.vr-enter:hover:not(:disabled){transform:translateY(-2px);color:var(--vr-on-coral);background:var(--vr-coral);box-shadow:0 12px 32px #ff9e7a52}.vr-enter:disabled{cursor:not-allowed;opacity:.52}.vr-enter svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}.vr-hint,.vr-help{left:50%;margin:0;transform:translate(-50%);color:var(--vr-faint);font-size:.72rem;white-space:nowrap}.vr-hint{bottom:104px}.vr-help{top:88px;display:none;padding:10px 16px;border-radius:14px;background:#0a0814d6}.vr-help[data-visible=true]{display:block}.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}@media(max-width:900px){.vr-status,.vr-hint{display:none}.vr-identity{left:22px;bottom:124px;max-width:calc(100% - 44px)}.vr-scale{left:18px;right:18px;bottom:max(18px,env(safe-area-inset-bottom));min-width:0;transform:none}.vr-enter{right:22px;bottom:120px;min-width:150px;min-height:52px;gap:14px}}@media(max-width:560px){.vr-observatory{min-height:520px}.vr-header{top:18px;left:18px;right:18px}.vr-wordmark{gap:9px;font-size:.72rem}.vr-wordmark svg{width:29px;height:29px}.vr-stations button{font-size:.68rem}.vr-identity{bottom:176px}.vr-identity:before{margin-bottom:13px}.vr-identity h1{font-size:1.02rem;letter-spacing:.09em}.vr-identity p{max-width:210px;font-size:.75rem}.vr-enter{right:18px;bottom:104px;min-width:124px;padding-inline:18px;font-size:.72rem}.vr-enter svg{display:none}.vr-scale{left:10px;right:10px}.vr-scale button{min-height:58px;padding-inline:10px}.vr-scale small{display:none}}@media(prefers-reduced-motion:reduce){.vr-enter,.vr-scale button,.station-mark{transition-duration:.01ms}}