:root{color-scheme:dark;--ice:#b9e5f2;--muted:#899da9;--line:#b9e5f22b}*{box-sizing:border-box}body{margin:0;background:#03080d;color:#e7f0f4;font-family:Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--ice);outline-offset:5px}button{border:0;background:none}#station{position:fixed;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#station:active{cursor:grabbing}.veil{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#03080dbb,transparent 22%,transparent 68%,#03080de6)}.topbar{position:fixed;top:0;left:0;right:0;padding:28px 38px;display:flex;align-items:center;gap:32px;z-index:4}.brand{display:flex;gap:13px;align-items:center;letter-spacing:.19em;font-size:14px;font-weight:700}.brand-mark{width:29px;height:29px;display:grid;place-content:center;border:1px solid #91a6af;transform:rotate(45deg)}.brand-mark span{transform:rotate(-45deg);font-size:13px}.top-caption{font:10px monospace;letter-spacing:.18em;color:var(--muted)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:22px}.top-actions button,.top-actions a{font-size:12px;padding:9px 0}.view-indicator{color:var(--ice);padding-left:8px}.intro{position:fixed;left:40px;bottom:170px;width:310px;pointer-events:none;transition:opacity .35s,transform .35s}.eyebrow{font:10px monospace;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;line-height:1.8}.intro h1{font-family:Space,Arial,sans-serif;font-size:clamp(42px,4.5vw,74px);font-weight:400;letter-spacing:-.065em;line-height:.99;margin:22px 0}.intro p:last-child{font-size:13px;line-height:1.75;color:#91a4b0;max-width:245px}.intro strong{font-weight:400;color:#d8e8ef}.coordinates{position:fixed;right:38px;top:114px;writing-mode:vertical-rl;color:#607b8a;font:10px monospace;letter-spacing:.22em;pointer-events:none}.dock-nav{position:fixed;z-index:5;bottom:28px;left:38px;right:38px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:linear-gradient(180deg,#06101970,#06101900)}.dock-nav a{position:relative;padding:21px 24px 7px 0;display:grid;grid-template-columns:28px 1fr 18px;gap:7px;align-items:start;border-top:1px solid transparent;margin-top:-1px}.dock-nav a:hover,.dock-nav a[aria-current=true]{border-color:var(--ice)}.dock-nav .number{font:10px monospace;color:#6e8998;padding-top:4px}.dock-nav b{font-size:15px;font-weight:400;letter-spacing:.1em}.dock-nav small{display:block;font-size:11px;margin-top:8px;color:#859aa6;letter-spacing:0}.dock-nav .arrow{color:#7e9daa}.nav-heading{position:fixed;left:38px;bottom:125px;font:10px monospace;color:#6f8896;letter-spacing:.18em}.view-help{position:fixed;right:38px;bottom:123px;color:#8298a5;font-size:11px}.pins{position:fixed;inset:0;pointer-events:none;z-index:2}.pin{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;white-space:nowrap;font:10px monospace;letter-spacing:.10em;pointer-events:auto;padding:10px 12px;background:#071119bb;border:1px solid #8eb3c540;backdrop-filter:blur(8px);visibility:hidden}.pin::before{content:'';height:5px;width:5px;background:#baddec;box-shadow:0 0 12px #85d0f6}.pin:hover{background:#19303e}.pin span{color:#7b9aab}.inspector{position:fixed;z-index:3;right:38px;top:50%;width:390px;transform:translateY(-48%);padding:28px;max-height:calc(100svh - 240px);overflow-y:auto;overscroll-behavior:contain;border-left:1px solid var(--line);background:linear-gradient(90deg,#061019f5,#061019e8);opacity:0;visibility:hidden;transition:opacity .3s,transform .3s}.inspector h2{font-family:Space,Arial,sans-serif;font-size:38px;letter-spacing:-.03em;font-weight:400;margin:15px 0 6px}.inspector h3{font-weight:400;font-size:19px;line-height:1.35;margin:0 0 20px}.inspector .description{color:#9fb2bd;line-height:1.8;font-size:13px}.inspector .domain{font:10px monospace;color:#6b8c9e;margin-top:23px;overflow-wrap:anywhere}.service-link{display:flex;justify-content:space-between;align-items:center;min-height:48px;border-top:1px solid var(--line);margin-top:14px;font-size:13px}.service-link:hover{color:var(--ice)}.back{font-size:11px;color:#94aebb;padding:0 0 14px}body[data-view]:not([data-view=overview]) .intro{opacity:0;transform:translateY(10px)}body[data-view]:not([data-view=overview]) .inspector{opacity:1;visibility:visible;transform:translateY(-50%)}body[data-view]:not([data-view=overview]) .coordinates{opacity:0}.loading{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font:11px monospace;letter-spacing:.12em;color:#a2c6d8;background:#07131ede;padding:15px 20px;pointer-events:none;z-index:6}.loading:empty{display:none}.fallback-image{display:none;position:fixed;inset:15% 20%;width:60%;height:65%;object-fit:contain;opacity:.65;pointer-events:none}html[data-renderer=fallback] .fallback-image{display:block}.skip-link{position:fixed;left:20px;top:-100px;z-index:10;background:#092033;padding:12px}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.focus-poster{display:none;width:100%;height:150px;object-fit:contain}.inspector.failed .focus-poster{display:block}html[data-renderer=fallback] #station{display:none}html[data-renderer=fallback] .pins{display:none}html[data-renderer=fallback] .view-help{display:none}
@media(min-width:1800px){.intro{left:70px;bottom:190px}.inspector{right:70px;width:410px}}
@media(max-width:900px){.topbar{padding:22px}.top-caption{display:none}.top-actions{gap:17px}.top-actions a{display:none}.intro{left:23px;bottom:153px;width:240px}.intro h1{font-size:48px}.intro p:last-child{font-size:12px;max-width:205px}.dock-nav{left:22px;right:22px;bottom:20px}.dock-nav a{padding-right:10px;grid-template-columns:18px 1fr;gap:3px}.dock-nav b{font-size:12px}.dock-nav small{font-size:10px}.dock-nav .arrow{display:none}.nav-heading{left:22px;bottom:108px}.view-help{right:22px;bottom:108px}.inspector{right:22px;width:320px;padding:22px}.inspector h2{font-size:33px}.coordinates{right:22px}}
@media(max-width:600px){.topbar{padding:20px}.brand{font-size:11px;gap:11px}.brand-mark{width:23px;height:23px}.top-actions{gap:13px}.top-actions button{font-size:10px}.view-word{display:inline-block;max-width:72px;line-height:1.35}.intro{top:104px;bottom:auto;left:22px;right:22px;width:auto}.intro h1{font-size:41px;margin:12px 0}.intro h1 br{display:none}.intro .eyebrow{font-size:8px}.intro p:last-child{max-width:235px;font-size:11px;margin-top:14px}.coordinates{display:none}.dock-nav{bottom:17px;left:20px;right:20px;gap:10px}.dock-nav a{display:block;padding:14px 0 3px}.dock-nav .number{display:block;margin-bottom:7px;font-size:8px}.dock-nav b{font-size:10px;letter-spacing:.05em}.dock-nav small{font-size:9px;margin-top:6px}.nav-heading{bottom:115px;left:20px;font-size:8px}.view-help{bottom:137px;left:20px;right:auto;font-size:10px}.pin{font-size:8px;padding:9px 8px;gap:5px}.pin span{display:none}.inspector{top:auto;bottom:125px;left:22px;right:22px;width:auto;transform:translateY(10px);border-left:0;border-top:1px solid var(--line);padding:16px 18px;max-height:calc(100svh - 225px);background:linear-gradient(0deg,#061019f5,#061019e6 70%,#061019b0)}body[data-view]:not([data-view=overview]) .inspector{transform:none}.inspector .eyebrow,.inspector .domain{display:none}.inspector h2{font-size:25px;margin:6px 0 4px}.inspector h3{font-size:14px;margin:0 0 7px}.inspector .description{font-size:11px;line-height:1.55;margin:7px 0;max-width:420px}.service-link{min-height:40px;margin-top:8px;font-size:12px}.back{position:absolute;right:18px;top:20px;font-size:10px}.focus-poster{height:90px}body[data-view]:not([data-view=overview]) .view-help{display:none}.fallback-image{inset:28% 4% 0;width:92%;height:48%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media(max-height:620px) and (min-width:601px){.intro{bottom:140px}.intro h1{font-size:40px}.intro p:last-child{display:none}.inspector{top:85px;bottom:130px;transform:none!important;overflow:auto;padding-top:12px;padding-bottom:12px}.inspector h2{font-size:27px;margin:6px 0}.inspector h3{font-size:15px;margin-bottom:8px}.inspector .description{font-size:11px}.inspector .domain{margin-top:8px}}

body[data-view]:not([data-view=overview]) .veil{background:linear-gradient(90deg,transparent 30%,#03080d55 65%,#03080dbb),linear-gradient(180deg,#03080dbb,transparent 22%,transparent 68%,#03080de6)}
.top-actions .variant-switch{display:inline;color:#b9d6e2;font-size:12px}
@media(max-width:600px){.top-actions{gap:12px}.top-actions .variant-switch{font-size:10px}.top-actions .variant-switch span{display:none}.brand{letter-spacing:.1em}.inspector{transition:none}}

@media(max-width:600px){.pin{min-height:40px}.top-actions{gap:8px}.top-actions button,.top-actions a{min-height:44px;min-width:32px;display:inline-flex;align-items:center;justify-content:center}#overview-button{font-size:0;width:32px}#overview-button:after{content:'↖';font-size:16px}.view-indicator{padding-left:0}}

body[data-view]:not([data-view=overview]) .nav-heading{visibility:hidden}
@media(max-width:600px){.intro{transition:none}}

.storage-shares{display:grid;margin-top:18px;border-top:1px solid var(--line)}.storage-shares[hidden]{display:none}.storage-shares a{display:grid;grid-template-columns:22px 1fr 14px;gap:10px;align-items:center;min-height:48px;border-bottom:1px solid var(--line);font-size:12px;transition:color .18s,background .18s}.storage-shares .bay-number{font:10px monospace;color:#718f9f}.storage-shares a:hover,.storage-shares a:focus-visible,.storage-shares a.is-active{background:#b9e5f20b;color:var(--ice)}.storage-shares a.is-active .bay-number{color:var(--ice)}
@media(max-width:600px){.storage-shares{margin-top:9px}.storage-shares a{min-height:42px;font-size:11px;gap:7px}.inspector:has(.storage-shares:not([hidden])) .description{display:none}}

#free-view-toggle[aria-pressed=true]{color:var(--ice)}
@media(max-width:600px){.topbar{padding:16px}.top-actions{gap:6px}.view-indicator{display:none}.back{min-height:32px;top:12px;padding:0}.service-link{min-height:44px}}

/* Free view leaves exactly one reachable UI control. */
body[data-free-view=true] main *{visibility:hidden!important;pointer-events:none!important}
body[data-free-view=true] main,body[data-free-view=true] .veil,body[data-free-view=true] .brand,body[data-free-view=true] .top-caption,body[data-free-view=true] .top-actions > :not(#free-view-toggle),body[data-free-view=true] .loading,body[data-free-view=true] .skip-link{visibility:hidden!important;pointer-events:none!important}
body[data-free-view=true] .topbar{pointer-events:none}
body[data-free-view=true] #free-view-toggle{pointer-events:auto;position:fixed;right:24px;top:20px;min-height:44px;padding:10px 16px;background:#061019bb;border:1px solid #b9e5f255;backdrop-filter:blur(8px)}
body[data-free-view=true] #station:focus{outline:none}
body[data-free-view=true][data-cursor=locked] #station{cursor:none}
@media(max-width:600px){body[data-free-view=true] #free-view-toggle{top:16px;right:16px}.view-word{max-width:none}}
