:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#070b10;color:#f4f1e9}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{overflow:hidden}a{color:inherit}.desktop-only{display:none}.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}.cover{position:relative;min-height:100vh;isolation:isolate;overflow:hidden;background:#070b10}.cover:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 51%,transparent 8%,rgba(1,4,7,.24) 69%,rgba(1,3,5,.8) 100%);z-index:1}.cover__content{position:relative;z-index:2;display:grid;min-height:100vh;grid-template-rows:1fr auto 1fr;align-items:center;padding:clamp(2rem,5vw,5rem)}.cover__brand{grid-row:2;justify-self:center;text-align:center;transform:translateY(-4.7rem)}.cover__eyebrow,.cover__coordinate{margin:0;color:#c4e5dfab;font-size:.62rem;letter-spacing:.28em}.cover h1{margin:.55rem 0 .65rem;font-size:clamp(2.2rem,4.7vw,5rem);font-weight:450;letter-spacing:.17em;line-height:.95;text-indent:.17em;text-shadow:0 0 22px rgba(144,231,220,.16)}.cover__coordinate{color:#dcc0919e;font-size:.55rem}.cover__entrances{grid-row:3;align-self:start;justify-self:center;display:flex;gap:clamp(.85rem,2.8vw,3.5rem);padding-top:clamp(3rem,7vh,7rem);perspective:1000px}.bridge-scene{position:absolute;z-index:0;inset:0;overflow:hidden;background:radial-gradient(ellipse 90% 74% at 50% 26%,#192a34,#0d171f,#070b10 78%)}.bridge-scene__stars{position:absolute;inset:0 0 42%;opacity:.63;background-image:radial-gradient(circle at 9% 31%,#eaf1ee 0 1px,transparent 1.4px),radial-gradient(circle at 23% 57%,#eaf1ee 0 1px,transparent 1.4px),radial-gradient(circle at 34% 12%,#eaf1ee 0 .8px,transparent 1.3px),radial-gradient(circle at 58% 27%,#eaf1ee 0 1px,transparent 1.4px),radial-gradient(circle at 68% 61%,#eaf1ee 0 .8px,transparent 1.3px),radial-gradient(circle at 82% 19%,#eaf1ee 0 1px,transparent 1.4px),radial-gradient(circle at 91% 48%,#eaf1ee 0 .8px,transparent 1.3px);background-size:29vw 23vh,37vw 31vh,43vw 29vh,31vw 37vh,47vw 37vh,41vw 33vh,39vw 41vh;animation:drift 18s ease-in-out infinite alternate}.bridge-scene__nebula{position:absolute;width:62vw;height:44vh;left:20vw;top:1vh;filter:blur(25px);opacity:.28;background:radial-gradient(ellipse,rgba(64,166,165,.72),rgba(46,69,106,.36) 45%,transparent 70%);transform:rotate(-9deg)}.bridge-scene__window-frame{position:absolute;inset:-9vh 8vw 31vh;border:clamp(12px,2.1vw,32px) solid rgba(9,17,23,.95);border-bottom-width:clamp(24px,4vw,60px);border-radius:8% 8% 38% 38%/9% 9% 20% 20%;box-shadow:inset 0 -2px #7ee5d73d,0 15px 40px #0000008c}.bridge-scene__window-sill{position:absolute;inset:auto 6vw 26vh;height:7vh;background:linear-gradient(177deg,#4c5a60,#151f25 42%,#070b0f 44%);clip-path:polygon(0 0,100% 0,94% 100%,6% 100%);opacity:.9}.bridge-scene__rib{position:absolute;width:17vw;height:105vh;top:-12vh;background:linear-gradient(90deg,rgba(4,8,11,.98),rgba(29,45,50,.72) 62%,transparent);transform:skewY(-18deg);box-shadow:10px 0 18px #00000061}.bridge-scene__rib--left{left:-10vw}.bridge-scene__rib--right{right:-10vw;transform:scaleX(-1) skewY(-18deg)}.bridge-scene__horizon{position:absolute;inset:auto 10vw 31.3vh;height:1px;background:linear-gradient(90deg,transparent,rgba(131,239,222,.6),transparent);box-shadow:0 0 13px #5edfd159}.bridge-scene__deck-lines{position:absolute;inset:65vh 0 0;background:linear-gradient(121deg,transparent 49.7%,rgba(120,191,184,.15) 50%,transparent 50.3%) 0 0 / 22vw 35vh,linear-gradient(59deg,transparent 49.7%,rgba(120,191,184,.15) 50%,transparent 50.3%) 0 0 / 22vw 35vh,linear-gradient(#111b20,#05080c);opacity:.8;transform:perspective(400px) rotateX(12deg);transform-origin:top}.bridge-scene__ambient-light{position:absolute;inset:0;background:linear-gradient(110deg,transparent 39%,rgba(122,225,211,.06) 50%,transparent 61%);animation:scan 9s ease-in-out infinite}.entrance-panel{--delay: calc(var(--panel-index) * .11s);position:relative;display:grid;place-items:center;width:clamp(11.5rem,19vw,16.5rem);min-height:4.2rem;overflow:hidden;border:1px solid rgba(171,235,226,.44);border-radius:3px;background:linear-gradient(115deg,#1b3239eb,#0b141bde 48%,#2e3636e0);box-shadow:inset 0 1px #e8fff930,inset 0 -1px #000000b3,0 12px 18px #00000061;text-decoration:none;transform-style:preserve-3d;animation:panel-arrive .95s cubic-bezier(.13,.86,.22,1) var(--delay) both;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.entrance-panel:before,.entrance-panel:after{content:"";position:absolute;pointer-events:none}.entrance-panel:before{inset:5px;border-top:1px solid rgba(212,245,238,.34);border-bottom:1px solid rgba(168,197,187,.13)}.entrance-panel:after{width:42%;height:130%;top:-15%;left:-50%;background:linear-gradient(90deg,transparent,rgba(235,255,250,.13),transparent);transform:skew(-25deg);transition:left .45s ease}.entrance-panel__edge{position:absolute;inset:auto 4px -4px;height:5px;background:#040709;transform:skew(-42deg);opacity:.9}.entrance-panel__reflection{position:absolute;inset:0;background:linear-gradient(180deg,rgba(161,242,230,.11),transparent 32%);mix-blend-mode:screen}.entrance-panel__label{position:relative;z-index:1;color:#edf5ee;font-size:.75rem;font-weight:620;letter-spacing:.27em;text-indent:.27em;text-shadow:0 1px 8px rgba(0,0,0,.9)}.entrance-panel:hover{border-color:#c1fff3db;box-shadow:inset 0 1px #f2fffb5e,inset 0 -1px #000c,0 18px 25px #00000073,0 0 20px #68dccb2e;transform:translateY(-5px) rotateX(3deg)}.entrance-panel:hover:after{left:115%}.entrance-panel:active{transform:translateY(-1px) scale(.985)}.entrance-panel:focus-visible{outline:2px solid #e7c48d;outline-offset:6px}.placeholder{min-height:100vh;padding:3rem;background:radial-gradient(circle at 50% 20%,#192b31,#070b10 58%)}.placeholder__back{display:inline-block;color:#a9d9d1;font-size:.72rem;letter-spacing:.18em;text-decoration:none}.placeholder__back:focus-visible{outline:2px solid #e7c48d;outline-offset:6px}.placeholder section{max-width:44rem;margin:28vh auto;border-left:1px solid rgba(169,217,209,.45);padding-left:2rem}.placeholder p{color:#b7c8c2;letter-spacing:.08em}.placeholder h1{margin:.45rem 0;font-weight:500;font-size:clamp(2.8rem,8vw,6rem);letter-spacing:.07em}@keyframes panel-arrive{0%{opacity:0;transform:translateZ(-500px) translateY(25px) scale(.72);filter:blur(3px)}to{opacity:1;transform:translateZ(0) translateY(0) scale(1);filter:blur(0)}}@keyframes drift{0%{transform:translate3d(-.5%,-.5%,0)}to{transform:translate3d(.5%,.5%,0)}}@keyframes scan{0%,to{transform:translate(-30%);opacity:.2}50%{transform:translate(30%);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.entrance-panel{animation-name:reduced-arrival}}@keyframes reduced-arrival{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1023px){body{overflow:auto}.app-canvas{display:none}.desktop-only{display:grid;place-content:center;gap:.6rem;min-height:100vh;padding:2rem;background:#070b10;text-align:center}.desktop-only__mark{margin:0;color:#f4f1e9;font-size:1.25rem;font-weight:600;letter-spacing:.18em}.desktop-only__message{margin:0;color:#b9c9c5}}