:root{--bg: #0a0612;--hud-bg: rgba(10, 6, 18, .85);--magenta: #ff6eb4;--cyan: #5ee7ff;--gold: #ffd166;--text: #f4ecff;--muted: #b8a8d0;--font-hud: "Orbitron", system-ui, sans-serif;--font-display: "M PLUS Rounded 1c", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-display);overflow-x:hidden}body{min-height:100%}#app{position:relative;min-height:100vh}#canvas-container{position:fixed;inset:0;z-index:0;pointer-events:none}#canvas-container canvas{display:block;width:100%;height:100%}#scroll-track{position:relative;z-index:1;pointer-events:none}.scroll-section{height:170vh;width:100%}.scroll-section.tall{height:200vh}.scroll-section.hero-sky{height:100vh}.scroll-section.to-profile{height:70vh}.scroll-section.pause{height:100vh;pointer-events:none}.scroll-section.outro-sky{height:220vh}.hidden{display:none!important}a{color:inherit;text-decoration:none}#mobile-fallback{position:relative;z-index:5;background:var(--bg)}.fallback-hero{position:relative;min-height:70vh;display:grid;place-items:center;overflow:hidden}.fallback-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,110,180,.35),transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(94,231,255,.25),transparent 45%),linear-gradient(180deg,#2a1030,#0a0612 70%)}.fallback-content{position:relative;text-align:center;padding:2rem}.fallback-badge{font-family:var(--font-hud);letter-spacing:.2em;font-size:.7rem;color:var(--cyan)}.fallback-content h1{font-family:var(--font-hud);font-size:clamp(1.8rem,6vw,3rem);margin:.4rem 0;background:linear-gradient(90deg,var(--magenta),var(--gold),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}#fallback-sections{padding:1.5rem;display:grid;gap:1.5rem;max-width:640px;margin:0 auto 3rem}.fallback-card{background:var(--hud-bg);border:1px solid rgba(94,231,255,.35);padding:1.25rem;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.fallback-card h2{font-family:var(--font-hud);font-size:1rem;color:var(--gold);margin-top:0}#loading-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,rgba(255,110,180,.18),transparent 55%),#0a0612;transition:opacity .7s ease,visibility .7s ease}#loading-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loading-frame{width:min(420px,90vw);text-align:center;padding:2rem 1.5rem;background:#0a0612bf;border:1px solid rgba(94,231,255,.4);box-shadow:0 0 40px #ff6eb433,inset 0 0 30px #5ee7ff0f;clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px))}.loading-star{color:var(--gold);font-size:1.6rem;text-shadow:0 0 12px rgba(255,209,102,.8);animation:pulse-star 1.8s ease-in-out infinite}.loading-title{font-family:var(--font-hud);letter-spacing:.28em;font-size:1.1rem;margin:.6rem 0 .35rem;color:var(--text)}.loading-sub{margin:0 0 1.4rem;color:var(--muted);font-size:.9rem}.loading-bar-track{height:6px;background:#ffffff14;border-radius:999px;overflow:hidden;border:1px solid rgba(255,110,180,.35)}.loading-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--magenta),var(--gold),var(--cyan));box-shadow:0 0 12px #5ee7ff99;transition:width .2s ease}.loading-pct{font-family:var(--font-hud);margin:.75rem 0 .25rem;color:var(--cyan);letter-spacing:.12em}.loading-tip{margin:0;font-size:.8rem;color:var(--muted);min-height:1.2em}@keyframes pulse-star{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}#hud-root{position:fixed;inset:0;z-index:10;pointer-events:none}#hud-root.panels-interactive #hud-panels .hud-panel-active{pointer-events:auto}#hud-root:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 3px);opacity:.28;pointer-events:none;mix-blend-mode:soft-light;transition:opacity .6s ease}#hud-root.mode-sky:before{opacity:.12}.hud-corners{position:absolute;inset:1.1rem;pointer-events:none}.hud-corner{position:absolute;width:28px;height:28px;border:1.5px solid rgba(94,231,255,.45);opacity:.7;transition:opacity .5s ease,border-color .5s ease}#hud-root.mode-sky .hud-corner{opacity:.35;border-color:#ffd16666}.hud-corner.tl{top:0;left:0;border-right:none;border-bottom:none}.hud-corner.tr{top:0;right:0;border-left:none;border-bottom:none}.hud-corner.bl{bottom:0;left:0;border-right:none;border-top:none}.hud-corner.br{bottom:0;right:0;border-left:none;border-top:none}#hud-intro{position:absolute;left:50%;top:18%;transform:translate(-50%);text-align:center;width:min(90vw,640px);transition:opacity .5s ease,transform .5s ease;z-index:5}#hud-intro.intro-hidden{visibility:hidden}.intro-badge{margin:0;font-family:var(--font-hud);font-size:.68rem;letter-spacing:.32em;color:var(--gold);text-shadow:0 0 18px rgba(255,209,102,.45)}.intro-brand{margin:.55rem 0 .4rem;font-family:var(--font-hud);font-size:clamp(1.6rem,5vw,3rem);letter-spacing:.22em;font-weight:700;background:linear-gradient(100deg,var(--magenta),var(--gold),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 24px rgba(10,6,18,.55))}.intro-tagline{margin:0;color:var(--muted);font-size:.95rem}#scroll-cue{position:absolute;left:50%;bottom:2.2rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.55rem;transition:opacity .45s ease;z-index:5}#scroll-cue.cue-hidden{visibility:hidden}.scroll-cue-label{font-family:var(--font-hud);font-size:.62rem;letter-spacing:.28em;color:var(--cyan);opacity:.9}.scroll-cue-chevron{width:10px;height:10px;border-right:1.5px solid var(--cyan);border-bottom:1.5px solid var(--cyan);transform:rotate(45deg);animation:cue-bounce 1.4s ease-in-out infinite}@keyframes cue-bounce{0%,to{transform:rotate(45deg) translate(0);opacity:.45}50%{transform:rotate(45deg) translate(4px,4px);opacity:1}}#hud-mission{position:absolute;top:1.25rem;left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:.65rem;padding:.35rem .85rem;background:#0a061273;border:1px solid rgba(255,110,180,.28);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);opacity:0;transition:opacity .5s ease}#hud-root.mode-descent #hud-mission,#hud-root.mode-cruise #hud-mission,#hud-root.mode-docked #hud-mission{opacity:.9}#hud-nav{position:absolute;top:1.25rem;right:1.25rem;display:flex;flex-direction:column;align-items:stretch;gap:.28rem;padding:.45rem .65rem .5rem;background:#0a06128c;border:1px solid rgba(94,231,255,.35);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);opacity:.95;z-index:2;pointer-events:auto}#hud-nav .mission-label{color:var(--cyan);margin-bottom:.15rem;padding:0 .2rem}#hud-nav .nav-link{appearance:none;border:none;background:transparent;font-family:var(--font-hud);font-size:.62rem;letter-spacing:.14em;color:var(--text);text-align:left;padding:.28rem .35rem;cursor:pointer;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);transition:color .2s ease,background .2s ease}#hud-nav .nav-link:hover,#hud-nav .nav-link:focus-visible{color:var(--cyan);background:#5ee7ff1a;outline:none}#hud-nav .nav-link.is-active{color:var(--magenta);background:#ff6eb41f}.mission-label{font-family:var(--font-hud);font-size:.55rem;letter-spacing:.18em;color:var(--magenta)}.mission-text{font-family:var(--font-hud);font-size:.72rem;letter-spacing:.14em;color:var(--text)}.mission-text.mission-flash{animation:mission-pulse .55s ease}@keyframes mission-pulse{0%{color:var(--gold);text-shadow:0 0 12px rgba(255,209,102,.7)}to{color:var(--text);text-shadow:none}}#hud-reticle{position:absolute;inset:0;display:grid;place-items:center;opacity:.45;transition:opacity .55s ease}#hud-root.mode-sky #hud-reticle{opacity:.18}#hud-root.mode-docked #hud-reticle{opacity:.22}.reticle{position:relative;width:120px;height:120px}.reticle-ring{position:absolute;inset:0;border:1px solid rgba(94,231,255,.55);border-radius:50%}.reticle-ring.mid{inset:18px;border-color:#ff6eb473}.reticle-ring.inner{inset:40px;border-color:#ffd16680}.reticle-cross{position:absolute;background:#5ee7ff8c}.reticle-cross.h{top:50%;left:8%;right:8%;height:1px;transform:translateY(-50%)}.reticle-cross.v{left:50%;top:8%;bottom:8%;width:1px;transform:translate(-50%)}.reticle-dot{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:var(--gold);transform:translate(-50%,-50%);box-shadow:0 0 8px var(--gold)}#hud-telemetry{position:absolute;left:1.25rem;bottom:1.5rem;display:flex;gap:1rem;align-items:flex-end;font-family:var(--font-hud);opacity:.75;transition:opacity .5s ease}#hud-root.mode-sky #hud-telemetry{opacity:.35}.telemetry-block{display:flex;flex-direction:column;gap:.15rem;min-width:64px}.telemetry-label{font-size:.65rem;letter-spacing:.18em;color:var(--cyan)}.telemetry-value{font-size:1rem;color:var(--text);text-shadow:0 0 8px rgba(94,231,255,.4)}.radar{width:56px;height:56px;position:relative;border:1px solid rgba(255,110,180,.5);border-radius:50%;overflow:hidden;background:#0a061280}.radar-ring{position:absolute;inset:8px;border:1px dashed rgba(94,231,255,.35);border-radius:50%}.radar-sweep{position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 0deg,rgba(94,231,255,.35) 50deg,transparent 70deg);animation:radar-spin 3.5s linear infinite}@keyframes radar-spin{to{transform:rotate(360deg)}}#hud-panels{position:absolute;inset:0;display:grid;place-items:center;padding:1.5rem}.hud-panel{width:min(480px,92vw);max-height:min(78vh,720px);overflow:auto;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .45s ease,transform .45s ease;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.hud-panel-hidden{opacity:0;pointer-events:none;visibility:hidden}.hud-panel-active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.hud-panel-chrome{background:var(--hud-bg);border:1px solid rgba(94,231,255,.45);box-shadow:0 0 0 1px #ff6eb433,0 20px 60px #00000073,inset 0 0 40px #5ee7ff0d;clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px));padding:1.25rem 1.35rem 1rem;backdrop-filter:blur(10px)}.hud-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;border-bottom:1px solid rgba(255,209,102,.25);padding-bottom:.65rem}.hud-panel-title{margin:0;font-family:var(--font-hud);font-size:.95rem;letter-spacing:.16em;color:var(--gold);text-align:center;flex:1}.hud-star{color:var(--magenta);text-shadow:0 0 10px rgba(255,110,180,.7)}.hud-panel-body{color:var(--text);font-size:.95rem;line-height:1.55}.hud-panel-footer{display:flex;justify-content:space-between;margin-top:1rem;padding-top:.65rem;border-top:1px solid rgba(94,231,255,.2)}.hud-sys{font-family:var(--font-hud);font-size:.58rem;letter-spacing:.14em;color:var(--muted)}.hud-tagline{color:var(--cyan);margin:0 0 .6rem;font-family:var(--font-hud);font-size:.75rem;letter-spacing:.08em}.hud-bio{margin:0 0 .75rem;color:var(--text)}.hud-schedule{margin:0;color:var(--gold);font-size:.85rem}.hud-intro{margin:0 0 .85rem;color:var(--muted)}.about-layout{display:grid;grid-template-columns:88px 1fr;gap:1rem;align-items:start}.hud-avatar{width:88px;height:88px;object-fit:cover;border:1px solid rgba(255,110,180,.5);clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%)}.hud-avatar.placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#ff6eb440,#5ee7ff33);font-size:1.6rem;color:var(--gold)}.social-grid{display:grid;gap:.55rem}.hud-link{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .85rem;border:1px solid rgba(94,231,255,.3);background:#ffffff08;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.hud-link:hover{border-color:var(--magenta);box-shadow:0 0 18px #ff6eb459;transform:translateY(-1px)}.hud-link-platform{font-family:var(--font-hud);font-size:.72rem;letter-spacing:.1em;color:var(--cyan)}.hud-link-label{color:var(--muted);font-size:.85rem}.commission-list{display:grid;gap:.65rem}.commission-card{padding:.75rem .85rem;border:1px solid rgba(255,209,102,.25);background:#ffffff08}.commission-head{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.commission-head h3{margin:0;font-size:.95rem;color:var(--text)}.commission-price{font-family:var(--font-hud);font-size:.7rem;color:var(--magenta);white-space:nowrap}.commission-card p{margin:.25rem 0;color:var(--muted);font-size:.88rem}.commission-eta{color:var(--cyan)!important;font-size:.8rem!important}.merch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.merch-card{display:flex;flex-direction:column;gap:.4rem;transition:transform .2s ease,box-shadow .2s ease}.merch-card:hover{transform:translateY(-2px)}.merch-thumb{aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(94,231,255,.35);background:#ff6eb414;overflow:hidden}.merch-thumb img{width:100%;height:100%;object-fit:cover}.merch-thumb.empty{color:var(--gold);font-size:1.4rem}.merch-meta{display:flex;flex-direction:column;gap:.15rem}.merch-name{font-size:.78rem;color:var(--text)}.merch-price{font-family:var(--font-hud);font-size:.65rem;color:var(--cyan)}.hud-credits{margin:1rem 0 0;font-size:.7rem;color:var(--muted);opacity:.7}#hud-credits{position:absolute;left:50%;top:50%;transform:translate(-50%,calc(-50% + 10px));display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.75rem 1.35rem;background:#0a061294;border:1px solid rgba(94,231,255,.35);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);opacity:0;pointer-events:none;transition:opacity .65s ease,transform .65s ease;z-index:3;text-align:center}#hud-credits .mission-label{color:var(--cyan)}#hud-credits .mission-text{font-size:.95rem;letter-spacing:.16em}#hud-root.mode-credits #hud-credits{opacity:.96;transform:translate(-50%,-50%)}@media(max-width:560px){.about-layout,.merch-grid{grid-template-columns:1fr}#hud-telemetry{left:.75rem;bottom:.75rem;transform:scale(.9);transform-origin:bottom left}#hud-reticle{opacity:.25}}