@font-face{font-family:Sora;src:url('/assets/fonts/Sora-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;font-family:Sora,Arial,sans-serif;color:#f2f5fa;background:#000;--cyan:#43e0ff;--muted:#aab7c6}*{box-sizing:border-box}body{margin:0;height:100svh;height:100dvh;overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}button:disabled{cursor:default}button{border:0}#universe,#space,#poster,.visor{position:fixed;inset:0;width:100%;height:100%}#universe{background:#000}#poster{object-fit:cover;transition:opacity .6s}#space{display:block;opacity:0;touch-action:none;cursor:grab;outline-offset:-5px}#space:active{cursor:grabbing}.ready #space{opacity:1}.ready #poster{opacity:0;pointer-events:none}.visor{pointer-events:none;background:linear-gradient(#0009,transparent 34%,transparent 65%,#000b),radial-gradient(ellipse at center,transparent 59%,#04121b33 83%,#03080dda);border:1px solid #7dccff19;border-radius:3.5vw;box-shadow:inset 12px 0 35px -32px #56d7ff,inset -12px 0 35px -32px #df72ff}.navigation{position:fixed;z-index:3;top:max(23px,env(safe-area-inset-top));left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:block}.brand img{display:block;width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 0 12px #7b69ff30)}nav{display:flex;align-items:center;gap:28px;font-size:14px}.skip{border:1px solid #76dcff75;background:#0813199c;border-radius:40px;padding:14px 21px;box-shadow:0 0 20px #00cfff0b}.skip span{margin-left:14px;color:var(--cyan)}.skip:hover{background:#12303a}.studio-link{color:#c3ceda}.studio-link:hover{color:var(--cyan)}.intro{position:fixed;top:19%;left:24px;right:24px;text-align:center;pointer-events:none;transition:opacity .45s,transform .45s}.kicker{font-size:13px;letter-spacing:.15em;color:#a9d9e7;margin:0 0 17px}h1{font-size:clamp(30px,4.5vw,64px);font-weight:450;letter-spacing:-.065em;margin:0 0 15px;text-shadow:0 2px 30px #0009}h1 span{background:linear-gradient(100deg,#62e9ff 0%,#6b80ff 25%,#de78ff 55%,#ff859d 78%,#ffd976);background-clip:text;-webkit-text-fill-color:transparent}.intro>p:last-child{margin:0;color:#c7d2df;font-size:16px;line-height:1.7;text-shadow:0 1px 8px #000}.mobile-break{display:none}.exploring .intro{opacity:0;transform:translateY(-10px)}.reticle{position:fixed;top:50%;left:50%;width:29px;height:29px;border:1px solid #9edff95c;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.reticle i{position:absolute;left:12px;top:12px;width:3px;height:3px;border-radius:50%;background:#aeedff}.found .reticle{opacity:0}#ship-target{position:fixed;z-index:2;background:transparent;transform:translate(-50%,-50%);padding:0;min-width:130px;min-height:110px;text-align:center}#ship-target[hidden]{display:none}.target-brackets{position:absolute;inset:0;background:linear-gradient(var(--cyan),var(--cyan)) left top/24px 1px no-repeat,linear-gradient(var(--cyan),var(--cyan)) left top/1px 20px no-repeat,linear-gradient(var(--cyan),var(--cyan)) right top/24px 1px no-repeat,linear-gradient(var(--cyan),var(--cyan)) right top/1px 20px no-repeat,linear-gradient(var(--cyan),var(--cyan)) left bottom/24px 1px no-repeat,linear-gradient(var(--cyan),var(--cyan)) left bottom/1px 20px no-repeat,linear-gradient(var(--cyan),var(--cyan)) right bottom/24px 1px no-repeat,linear-gradient(var(--cyan),var(--cyan)) right bottom/1px 20px no-repeat;filter:drop-shadow(0 0 6px #0bc8ff88)}.target-label{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translateX(-50%);white-space:nowrap;color:#d7f7ff;font-size:14px;text-shadow:0 2px 8px #000}.target-action{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:14px;border-radius:24px;background:#051016dd;border:1px solid #43e0ffb0;padding:11px 20px;box-shadow:0 0 25px #43e0ff28}#ship-target:hover .target-action{background:#43e0ff;color:#07131d}.direction{position:fixed;right:4vw;top:48%;display:flex;align-items:center;gap:15px;pointer-events:none;font-size:14px;color:#a8edff;text-shadow:0 0 16px #00d5ff}.direction.left{right:auto;left:4vw;flex-direction:row-reverse}.direction.left .direction-arrow{transform:rotate(180deg)}.direction-arrow{font-size:50px;line-height:1}.found .direction{opacity:0}.explore-controls{position:fixed;left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));bottom:max(25px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px}.look-controls{grid-column:2;display:flex;gap:19px;align-items:center}.look-controls button{border-radius:50%;width:44px;height:44px;background:#0a121ab0;border:1px solid #82c4df3b;font-size:23px}.look-controls button:hover{border-color:var(--cyan)}.gesture{text-align:center;font-size:14px;line-height:1.7;margin:0}.gesture span{display:block;font-size:12px;color:#a7b4c4}.signal{grid-column:1;grid-row:1;display:flex;gap:13px;align-items:center;font-size:12px;color:#b6c7d1}.signal-bars{display:flex;align-items:end;gap:3px;height:21px}.signal-bars i{width:3px;height:5px;background:#85e5ff28}.signal-bars i:nth-child(2){height:9px}.signal-bars i:nth-child(3){height:13px}.signal-bars i:nth-child(4){height:17px}.signal-bars i:nth-child(5){height:21px}.signal-bars i.on{background:#6de5ff;box-shadow:0 0 8px #36b9ff70}#motion{grid-column:3;justify-self:end;background:transparent;color:#b6c7d1;font-size:12px;min-height:44px;padding:8px}#load-status{position:fixed;bottom:105px;left:24px;right:24px;text-align:center;color:#c6e2ef;font-size:13px;pointer-events:none}.ready #load-status{display:none}dialog{color:#f3f6fa;background:#0c0c0cf5;border:1px solid #57cce66e;border-radius:20px;padding:0;width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 40px);box-shadow:0 0 60px #009bb01b,0 30px 120px #000b;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#0006;backdrop-filter:blur(3px)}.contact-panel{position:relative;padding:36px}.close{position:absolute;right:16px;top:16px;border-radius:50%;width:44px;height:44px;font-size:30px;background:#ffffff08;color:#b5cdd8;font-weight:250}.close:hover{background:#ffffff15}.channel{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#b6d1da;font-size:12px}.channel span{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}h2{font-size:clamp(28px,4vw,42px);font-weight:450;letter-spacing:-.06em;margin:0 0 10px}.contact-lead{color:#aeb8c4;font-size:14px;line-height:1.7;margin:0 0 25px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:13px;margin-bottom:18px;color:#e4eaf0}label span{color:#96a4b4;font-size:12px}input,textarea,select{display:block;width:100%;font-size:16px;margin-top:8px;background:#11171b;border:1px solid #455968;border-radius:8px;color:#f4f8fa;padding:12px 13px;outline:none;line-height:1.4}input::placeholder,textarea::placeholder{font-size:14px;color:#8998a8;opacity:1}textarea{resize:vertical;min-height:94px;max-height:250px}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #43e0ff16}.send{width:100%;border-radius:9px;background:var(--cyan);color:#06131a;padding:15px 18px;font-size:15px;font-weight:650;display:flex;justify-content:space-between;gap:12px}.send:hover{background:#94edff}.form-note{color:#92a4b3;font-size:12px;line-height:1.6;margin:10px 0 0}#form-status{color:#a4eafa;font-size:13px;line-height:1.6;margin:8px 0 0}.contact-alternatives{border-top:1px solid #ffffff16;padding-top:19px;margin-top:23px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#c9d6df}.contact-alternatives a:hover{color:var(--cyan)}.no-script{position:fixed;inset:auto 20px 20px;background:#101519;padding:25px;z-index:10}.no-script a{text-decoration:underline}.fallback #space,.fallback .reticle,.fallback .direction,.fallback .look-controls,.fallback .signal{display:none}
@media(min-width:1100px){dialog{margin-right:7vw}}
.required-note{color:#aeb8c4;font-size:12px;line-height:1.6;margin:0 0 18px}
@media(max-width:700px){.navigation{top:max(15px,env(safe-area-inset-top));left:18px;right:18px}.brand img{width:62px;height:62px}.studio-link{display:none}nav{font-size:12px}.skip{padding:12px 14px}.skip span{margin-left:6px}.intro{top:22%;left:20px;right:20px}.kicker{font-size:11px;letter-spacing:.09em}h1{font-size:36px}.intro>p:last-child{font-size:14px}.mobile-break{display:block}.explore-controls{left:18px;right:18px;bottom:max(20px,env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;gap:17px}.look-controls{grid-column:1/-1;grid-row:1;justify-content:center;gap:15px}.signal{grid-column:1;grid-row:2;font-size:11px}#motion{grid-column:2;grid-row:2;font-size:11px;min-height:32px;padding:0}.gesture{font-size:13px}.gesture span{font-size:11px}.direction{top:44%;right:20px;font-size:12px;gap:7px}.direction.left{left:20px}.direction-arrow{font-size:40px}.contact-panel{padding:27px 22px 24px}.field-row{grid-template-columns:1fr;gap:0}.contact-lead{font-size:13px;margin-bottom:22px}.contact-alternatives{flex-wrap:wrap;font-size:12px}.target-label,.target-action{font-size:12px}.target-action{padding:10px 16px}.visor{border-radius:28px}.contact-panel label{font-size:14px}dialog{max-height:calc(100dvh - 24px)}}
@media(max-height:520px) and (orientation:landscape){.navigation{top:10px;left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right))}.brand img{width:48px;height:48px}.skip{padding:10px 16px}.intro{top:20%}.kicker{display:none}h1{font-size:30px;margin-bottom:6px}.intro>p:last-child{font-size:13px}.mobile-break{display:none}.explore-controls{bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.look-controls{order:2;gap:8px}.gesture{font-size:12px}.gesture span{display:none}.signal{order:1;font-size:11px}#motion{order:3;font-size:11px}.look-controls button{width:38px;height:38px}.direction{font-size:12px}.target-label{bottom:calc(100% + 5px);font-size:12px}.target-action{top:calc(100% + 6px);padding:8px 14px}.contact-panel{padding:26px}.field-row{grid-template-columns:1fr 1fr;gap:14px}dialog{max-height:calc(100dvh - 20px);width:min(620px,calc(100% - 56px))}#load-status{bottom:60px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

#space,#ship-target{touch-action:none;user-select:none;-webkit-user-select:none}.target-brackets{pointer-events:none}h1,h2{text-wrap:balance}.navigation nav,.field-row>*{min-width:0}input[type=email]{min-width:0}.skip-to-main{position:fixed;top:8px;left:50%;z-index:9;transform:translate(-50%,-150%);background:#0c0c0c;padding:12px;color:var(--cyan)}.skip-to-main:focus{transform:translate(-50%,0)}

/* Keep guidance available after incidental gestures; expand it on demand. */
.exploring .intro{opacity:1;transform:none;top:115px}
.exploring .intro .kicker{display:none}
.exploring .intro h1{font-size:24px;letter-spacing:-.04em;margin-bottom:8px}
.exploring .intro>p:last-child{font-size:13px}
.found .intro{opacity:0;pointer-events:none}
.help-open .intro{opacity:1;top:19%;padding:22px;left:50%;right:auto;width:min(560px,calc(100% - 36px));transform:translateX(-50%);border:1px solid #43e0ff33;border-radius:18px;background:#020709eb;box-shadow:0 15px 65px #0007;z-index:3}
.help-open .intro h1{font-size:30px}
.explore-tools{grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:15px}
#help{font-size:12px;min-height:44px;background:transparent;color:#d4e6ef;padding:8px}
#help:hover,#motion:hover{color:var(--cyan)}
@media(max-width:700px){.exploring .intro{top:108px}.exploring .intro h1{font-size:22px}.exploring .intro>p:last-child{font-size:12px}.explore-tools{grid-column:2;grid-row:2;gap:7px}#help,#motion{font-size:11px;padding:4px;min-height:36px}.help-open .intro{top:22%}.help-open .intro h1{font-size:28px}}
@media(max-height:520px) and (orientation:landscape){.exploring .intro{top:76px}.exploring .intro h1{font-size:19px;margin-bottom:3px}.exploring .intro>p:last-child{font-size:12px}.explore-tools{order:3;gap:6px}#help,#motion{font-size:11px;padding:5px}.help-open .intro{top:22%;padding:18px}.help-open .intro h1{font-size:24px}}

.vertical-look{display:flex;flex-direction:column;gap:5px}.vertical-look button{width:34px;height:30px;font-size:20px}.look-controls{gap:12px}.look-controls .gesture{min-width:140px}.explore-tools{white-space:nowrap}.explore-controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
/* Reserve room for the two-line opening and its expanded help on phones. */
@media(max-width:700px) and (orientation:portrait){body:not(.exploring) .direction,.help-open .direction{top:max(44%,calc(22% + 200px))}}
@media(max-width:700px){.explore-controls{grid-template-columns:1fr auto}.look-controls{gap:10px}.vertical-look{gap:5px}.vertical-look button{width:40px;height:34px}.explore-tools{gap:8px}.signal{font-size:10px;gap:8px}.signal-bars{gap:2px}#help,#motion{font-size:10px;padding:2px}}
@media(max-height:520px) and (orientation:landscape){.vertical-look{flex-direction:row;gap:4px}.vertical-look button{height:36px;width:32px}.look-controls{gap:5px}.look-controls .gesture{display:none}.explore-controls{gap:8px}.look-controls button{width:36px}.explore-tools{gap:6px}}

/* The compact guidance starts below the persistent contact shortcut. */
.exploring .intro{top:max(156px,15dvh)}
.help-open .intro{top:max(156px,19dvh)}
@media(max-width:700px){
 .exploring .intro{top:151px}
 .help-open .intro{top:max(151px,22dvh)}
}
@media(max-height:520px) and (orientation:landscape){
 .exploring .intro,.help-open .intro{top:113px}
}
