:root{color-scheme:dark;--ink:#050914;--white:#f1f6ff;--muted:#9baac5;--ice:#c3f5ff;--blue:#86b5ff;--line:#8dc9ff42;--glass:#07111de6;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--white);overflow-x:clip}body{min-height:100svh}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #e9fcff;outline-offset:4px}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}[hidden]{display:none!important}#space{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 58% 47%,#101d3b,#050913 65%,#02040a)}.space-haze{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 76% 55%,transparent 6%,#02040b66 75%),linear-gradient(90deg,#02060de8 0%,transparent 55%)}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:15;opacity:.10;background:repeating-linear-gradient(180deg,transparent 0 3px,#d5eaff11 4px 5px)}.hud-top{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px clamp(20px,3vw,56px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#060b17dc,#060b1766);min-height:74px}.identity{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:13px;font-weight:950;letter-spacing:.11em}.identity em{font-style:normal;color:var(--ice)}.identity small{display:block;margin-top:4px;color:var(--muted);font-size:8px;letter-spacing:.28em}.identity-glyph{width:40px;height:40px;border:1px solid #b9ebff99;display:grid;place-items:center;letter-spacing:-.13em;font-size:17px;box-shadow:inset 0 0 14px #7eafff35,0 0 20px #a2bfff19;transform:skew(-7deg)}.identity-glyph span{color:var(--ice)}.nav-links{display:flex;align-items:center;gap:clamp(10px,2.1vw,30px);font-size:10px;font-weight:850;letter-spacing:.1em;white-space:nowrap}.nav-links a{color:#c6d6ed;transition:color .2s}.nav-links a:hover{color:#fff}.hud-settings{display:flex;gap:6px}.hud-settings button,.toggle,.archive-nav button{border:1px solid #c4e8ff57;background:#08111fbd;color:#eaf6ff;padding:9px 12px;font-size:10px;font-weight:850;letter-spacing:.08em;white-space:nowrap}.hud-settings button:hover,.toggle:hover,.archive-nav button:hover{background:#1c3550}.screen{position:relative;z-index:5;min-height:calc(100svh - 124px)}.intro-screen{display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,1.05fr);align-items:center;padding:40px clamp(24px,6vw,110px);gap:10px}.intro-copy{z-index:5;position:relative}.kicker{font-size:10px;letter-spacing:.2em;font-weight:850;color:#c7eaff;display:flex;align-items:center;gap:10px;text-transform:uppercase}.kicker i{display:inline-block;width:7px;height:7px;background:#9dffdc;border-radius:50%;box-shadow:0 0 14px #a2ffd5}.kicker span{color:#6685a5}.overline{font-size:10px;letter-spacing:.27em;color:#8397b2;margin-top:35px}.intro-copy h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(56px,7.3vw,126px);letter-spacing:-.045em;line-height:.93;font-weight:950;margin:18px 0 23px;transform:skew(-3deg);text-shadow:0 10px 35px #000b}.intro-copy h1 span{display:inline-block;background:linear-gradient(180deg,#fff 0%,#9fc3ec 25%,#3d5c87 38%,#f7fdff 49%,#8ba7ce 65%,#e8f8ff 85%,#50658c);color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:.5px #a5d9ff7a}.intro-description{max-width:490px;color:#b8c8df;font-size:12px;line-height:1.9;letter-spacing:.13em}.cta-row{display:flex;gap:11px;flex-wrap:wrap;margin-top:31px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid #b6e7ffab;padding:15px 19px;min-height:52px;letter-spacing:.11em;font-weight:950;font-size:10px;transition:background .2s,transform .2s}.cta:hover{transform:translateY(-2px)}.cta-primary{background:#d7efff;color:#09121e}.cta-ghost{background:#0b1829b3;color:#e8f6ff}.intro-stats{display:flex;flex-wrap:wrap;gap:24px;margin-top:55px;border-top:1px solid #9ebfe54b;padding-top:18px;font-size:9px;letter-spacing:.12em;color:#a7b9d1}.intro-stats b{font-size:21px;color:#f4f9ff;margin-right:5px}.gateway{position:relative;display:grid;place-items:center;min-height:min(65vw,670px);perspective:1100px;transform-style:preserve-3d;touch-action:pan-y;user-select:none;cursor:grab}.gateway:active{cursor:grabbing}.gateway:before{content:'';position:absolute;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#9dd7ff20 0%,#4c73e713 38%,transparent 70%);filter:blur(18px)}.gateway-orbit{position:absolute;border-radius:50%;pointer-events:none;border:1px solid #a7d7ff82;box-shadow:0 0 34px #6ca4ff24,inset 0 0 25px #a5d4ff18;transform-style:preserve-3d}.orbit-outer{width:min(43vw,560px);aspect-ratio:1;animation:ringOuter 17s linear infinite;border-style:dashed;border-width:2px}.orbit-inner{width:min(36vw,470px);aspect-ratio:1;animation:ringInner 11s linear infinite reverse;border:3px double #b8eaff8f}.orbit-tilt{width:min(48vw,630px);aspect-ratio:1;animation:ringTilt 14s linear infinite;border:1px solid #d7e9ff55}.gateway-core{position:relative;z-index:3;width:clamp(150px,21vw,320px);height:clamp(150px,21vw,320px);transform-style:preserve-3d;will-change:transform;filter:drop-shadow(0 12px 28px #000)}.core-face{position:absolute;inset:0;display:grid;place-items:center;font-family:Impact,'Arial Black',sans-serif;font-size:clamp(90px,13vw,200px);letter-spacing:-.13em;padding-right:.12em;font-style:italic;color:#eaf9ff;-webkit-text-stroke:1px #b7efff;background:linear-gradient(130deg,#d9f7ff88,#1a2e5c99 30%,#a7e8ff44 51%,#172a52cc 74%,#d8fbff99);border:1px solid #c4e9ff8c;box-shadow:inset 0 0 45px #d1eaff3b,0 0 30px #5f9dff2a;text-shadow:0 6px 4px #09102b,0 0 34px #b2eaff70;backface-visibility:hidden;clip-path:polygon(7% 0,93% 0,100% 8%,100% 92%,93% 100%,7% 100%,0 92%,0 8%)}.front{transform:translateZ(25px)}.back{transform:rotateY(180deg) translateZ(25px)}.side-left{transform:rotateY(90deg) translateZ(25px)}.side-right{transform:rotateY(-90deg) translateZ(25px)}.gateway-glow{position:absolute;z-index:2;width:33%;height:33%;border-radius:50%;background:#a1dfff77;filter:blur(70px);pointer-events:none}.gateway-caption{position:absolute;bottom:5%;font-size:10px;letter-spacing:.17em;color:#c4d6f0;text-align:center}.gateway-caption span{color:#8effe1;margin:0 14px}.edge-left{position:fixed;left:12px;top:50%;z-index:10;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.21em;color:#8ea9c9;pointer-events:none}.edge-right{position:absolute;right:20px;bottom:95px;font-size:9px;letter-spacing:.14em;color:#9ab1cf;display:flex;gap:13px}.edge-right span{color:#c8f5ff}.hud-bottom{position:relative;z-index:10;display:flex;justify-content:space-between;gap:20px;padding:15px clamp(20px,3vw,56px);border-top:1px solid var(--line);font-size:9px;letter-spacing:.12em;color:#94a8c5;background:#050b16c9;min-height:50px}.explorer-screen{padding:27px clamp(18px,4vw,64px) 15px;display:flex;flex-direction:column;gap:0}.explore-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px}.explore-heading h2{font-size:clamp(35px,4.8vw,72px);font-weight:950;letter-spacing:-.065em;line-height:1;margin:13px 0 8px}.explore-heading h2 span{color:#b4e9ff}.explore-heading p:last-child{font-size:10px;letter-spacing:.12em;color:#9fb3d0;margin:8px 0}.archive-controls{display:flex;gap:7px;padding-bottom:8px}.toggle.active{background:#d2efff;color:#091627}.archive-stage{position:relative;flex:1;min-height:clamp(370px,50vh,630px);overflow:hidden;touch-action:pan-y;cursor:grab;perspective:1000px;isolation:isolate}.archive-stage:active{cursor:grabbing}.stage-glow{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:min(70vw,760px);aspect-ratio:1;background:radial-gradient(circle,#7ebfff28 0%,#4d62e512 35%,transparent 65%);pointer-events:none}.orbit-guides{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.orbit-guides i{position:absolute;border:1px solid #90d2ff32;border-radius:50%;width:min(63vw,780px);height:min(24vw,280px);transform:rotate(-12deg);box-shadow:0 0 50px #b2dcff09}.orbit-guides i:nth-child(2){width:min(53vw,650px);height:min(20vw,250px);transform:rotate(22deg);border-style:dashed}.orbit-guides i:nth-child(3){width:min(44vw,540px);height:min(16vw,210px);transform:rotate(-29deg)}.archive-core{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);font:italic 950 clamp(65px,11vw,170px)/1 Impact,'Arial Black',sans-serif;letter-spacing:-.13em;padding-right:.1em;color:#e1f7ff1c;-webkit-text-stroke:1px #a5dcff59;filter:drop-shadow(0 0 25px #8ac5ff66);pointer-events:none}.orbit-field{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.orbit-card{position:absolute;top:47%;left:50%;width:clamp(92px,11vw,168px);aspect-ratio:1;padding:6px;border:1px solid #a7dfffab;background:#071424;box-shadow:0 14px 45px #000c,0 0 22px #81c6ff3c;transform-origin:center;will-change:transform,opacity;pointer-events:auto;transition:box-shadow .2s,border-color .2s;overflow:visible;cursor:pointer}.orbit-card:hover,.orbit-card:focus-visible{border-color:#fff;box-shadow:0 0 0 2px #fff,0 0 42px #91d8ff8a}.orbit-card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.orbit-card .card-code{position:absolute;left:5px;top:5px;background:#071324dc;padding:3px 5px;font-size:9px;letter-spacing:.08em;color:#fff;pointer-events:none}.orbit-card .card-name{position:absolute;left:0;right:0;bottom:-25px;font-size:11px;letter-spacing:.05em;font-weight:900;color:#eaf6ff;text-shadow:0 2px 5px #000,0 0 10px #000;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.orbit-card.is-near{border-color:#e6f8ff}.stage-label{position:absolute;bottom:15px;font-size:9px;letter-spacing:.16em;color:#98b2d0;pointer-events:none}.label-a{left:4%}.label-b{right:4%}.archive-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid var(--line)}.archive-instruction{display:flex;gap:12px;align-items:center}.archive-instruction strong{font-size:10px;letter-spacing:.13em}.archive-instruction span{font-size:11px;color:#aabbd3}.archive-nav{display:flex;gap:8px;align-items:center}.archive-nav span{min-width:72px;text-align:center;font-size:10px;letter-spacing:.15em}.archive-nav button{font-size:16px;padding:6px 12px}.title-rail{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:12px 0 4px;max-width:100%;scroll-snap-type:x proximity}.title-rail button{flex:0 0 auto;border:1px solid #a6c4ed42;background:#0a1425db;color:#c4d7ee;font-size:10px;letter-spacing:.05em;font-weight:750;padding:10px 12px;white-space:nowrap;scroll-snap-align:center}.title-rail button:hover,.title-rail button.active{border-color:#b9edff;color:#fff;background:#163553}.detail-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);z-index:45}.detail-panel{position:fixed;z-index:46;left:50%;top:50%;transform:translate(-50%,-50%);width:min(850px,calc(100% - 30px));max-height:min(90svh,720px);overflow:auto;padding:30px;display:grid;grid-template-columns:minmax(160px,310px) 1fr;gap:32px;align-items:center;background:linear-gradient(135deg,#152c4bf5,#080e1df9 55%,#101f37f7);border:1px solid #b4eaff9c;box-shadow:0 30px 140px #000e,0 0 65px #6da8ff26}.detail-close{position:absolute;right:13px;top:9px;background:transparent;border:0;color:#f2fbff;font-size:28px;z-index:2}.detail-art{padding:9px;background:linear-gradient(135deg,#d5f5ff,#243d60 25%,#0a1424 70%,#a9d7ff);box-shadow:0 18px 55px #000a}.detail-art img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.detail-copy h2{font-size:clamp(40px,5vw,76px);letter-spacing:-.07em;line-height:.95;overflow-wrap:anywhere;margin:20px 0 8px}.detail-copy>p{font-size:11px;letter-spacing:.16em;color:#b7d6ef}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.detail-copy>small{font-size:10px;letter-spacing:.09em;color:#9db2cc}.music-chip{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:65;display:flex;align-items:center;gap:5px;padding:6px;border:1px solid #b8eaff8c;border-radius:14px;background:#091b2af2;box-shadow:0 10px 40px #000b}.music-chip button{width:38px;height:38px;border:0;border-radius:9px;background:#d6efff;color:#061020;font-weight:900;font-size:17px}.music-chip span{font-size:10px;max-width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 7px}.music-panel{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:66;display:flex;align-items:center;gap:10px;width:min(690px,calc(100% - 24px));padding:9px 12px;background:#0b1727f5;border:1px solid #a5e0ff8c;box-shadow:0 12px 50px #000b;backdrop-filter:blur(15px)}.music-panel img{width:38px;height:38px;object-fit:cover}.music-meta{min-width:85px;max-width:145px;flex:1}.music-meta strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-meta small{font-size:9px;color:#a9bed6}.music-panel button{border:1px solid #c7eaff77;background:#101f32;color:#f5faff;min-width:36px;min-height:36px}.music-panel input{flex:2;min-width:50px;accent-color:#bde9ff}.music-panel #music-time{font-size:10px;color:#d8eaff}.world-overlay{position:fixed;inset:0;z-index:50;background:#030711}.world-overlay-head{height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 13px;background:#0c1931;border-bottom:1px solid #9bc9ff80;font-size:10px;letter-spacing:.08em}.world-overlay-head button{border:1px solid #a6ddff82;background:#132a45;color:#fff;font-size:10px;font-weight:850;padding:9px}.world-overlay-head span:last-child{color:#a3e8ff}.world-overlay iframe{width:100%;height:calc(100% - 48px);border:0;background:#04050b}.toast{position:fixed;z-index:80;top:85px;left:50%;transform:translateX(-50%);background:#e1f5ff;color:#081322;font-size:11px;padding:11px 18px;max-width:90vw;text-align:center;box-shadow:0 6px 30px #000a}.reduce-motion .gateway-orbit{animation-play-state:paused}.reduce-motion .orbit-card{transition:none!important}
@keyframes ringOuter{from{transform:rotateX(66deg) rotate(0)}to{transform:rotateX(66deg) rotate(360deg)}}@keyframes ringInner{from{transform:rotateY(66deg) rotate(0)}to{transform:rotateY(66deg) rotate(360deg)}}@keyframes ringTilt{from{transform:rotateX(35deg) rotateY(55deg) rotate(0)}to{transform:rotateX(35deg) rotateY(55deg) rotate(360deg)}}
@media(max-width:1050px){.nav-links{gap:12px}.nav-links a{font-size:9px}.intro-screen{grid-template-columns:1fr 1fr;padding-left:48px;padding-right:30px}.gateway{min-height:500px}.archive-instruction span{display:none}}
@media(max-width:760px){.hud-top{min-height:59px;padding:10px 13px;gap:7px;flex-wrap:wrap}.identity{font-size:10px;gap:7px}.identity-glyph{width:29px;height:29px;font-size:13px}.identity small{font-size:7px}.nav-links{order:3;width:100%;justify-content:space-between;gap:5px;overflow-x:auto;padding-top:9px;border-top:1px solid #ffffff1c}.nav-links a{font-size:8px;letter-spacing:.02em}.hud-settings button{padding:7px 8px;font-size:9px}.edge-left,.edge-right{display:none}.screen{min-height:calc(100svh - 136px)}.intro-screen{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:24px 18px 14px;justify-content:flex-start}.intro-copy{order:2;margin-top:-12px}.intro-copy .overline{display:none}.intro-copy h1{font-size:clamp(52px,13vw,92px);margin:10px 0}.intro-description{font-size:10px;line-height:1.6}.intro-copy .kicker{font-size:9px}.gateway{order:1;min-height:clamp(245px,37vh,390px);height:clamp(245px,37vh,390px);margin:0 auto;width:100%;touch-action:pan-y}.orbit-outer{width:min(75vw,330px)}.orbit-inner{width:min(61vw,270px)}.orbit-tilt{width:min(84vw,370px)}.gateway-core{width:clamp(130px,37vw,215px);height:clamp(130px,37vw,215px)}.core-face{font-size:clamp(90px,27vw,155px)}.gateway-caption{font-size:8px;bottom:0}.cta-row{margin-top:16px}.cta{min-height:44px;padding:12px 13px;font-size:9px}.intro-stats{margin-top:17px;gap:13px;font-size:8px;padding-top:12px}.intro-stats b{font-size:16px}.hud-bottom{font-size:8px;letter-spacing:.04em;padding:10px 12px}.hud-bottom span:nth-child(2){display:none}.explorer-screen{padding:18px 12px 8px}.explore-heading{align-items:flex-start}.explore-heading .kicker{font-size:8px;letter-spacing:.06em}.explore-heading h2{font-size:clamp(33px,8.5vw,56px);margin:8px 0}.explore-heading p:last-child{font-size:8px;line-height:1.5;max-width:290px}.archive-controls{flex-direction:column}.toggle{font-size:9px;padding:8px}.archive-stage{min-height:clamp(330px,50vh,540px)}.orbit-card{width:clamp(104px,28vw,150px);padding:4px}.orbit-card .card-name{font-size:9px;bottom:-19px}.orbit-guides i{width:90vw;height:37vw}.orbit-guides i:nth-child(2){width:78vw;height:30vw}.orbit-guides i:nth-child(3){width:63vw;height:22vw}.archive-core{font-size:85px}.archive-footer{padding:9px 0}.archive-instruction strong{font-size:9px}.archive-nav button{padding:5px 9px}.title-rail{padding:9px 0}.title-rail button{font-size:9px;padding:8px 10px}.stage-label{font-size:8px}.detail-panel{grid-template-columns:1fr;gap:12px;top:50%;padding:17px;width:calc(100% - 28px);max-height:86svh}.detail-art{width:min(37vw,190px);margin:auto;padding:5px}.detail-copy h2{font-size:clamp(36px,9vw,58px);margin:9px 0}.detail-copy .kicker{font-size:9px}.detail-actions{margin:14px 0}.detail-actions .cta{flex:1}.music-panel{gap:7px;padding:7px}.music-panel img{width:30px;height:30px}.music-meta{min-width:60px}.music-meta strong{font-size:10px}.music-panel input{min-width:45px}.music-panel #music-time{display:none}.world-overlay-head span:last-child{display:none}}
@media(max-width:390px){.nav-links a{font-size:7px}.gateway{min-height:230px;height:31vh}.intro-copy h1{font-size:50px}.intro-stats{margin-top:12px}.explore-heading h2{font-size:32px}.archive-stage{min-height:310px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* V36 / PLANETARY ENGINE: replaces the faceted box with a spherical world */
.identity-glyph{flex:0 0 40px;letter-spacing:0;line-height:1;overflow:hidden;transform:none;border-radius:50%;font-size:25px;box-shadow:0 0 18px #72c7ff44,inset 0 0 12px #92e3ff38}
.planet-system{position:absolute;left:50%;top:50%;width:min(100%,670px);height:min(100%,670px);aspect-ratio:1;transform:translate(-50%,-50%);transform-style:preserve-3d;pointer-events:none;filter:drop-shadow(0 0 35px #357ee633)}
.planet-corona{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,#54b5ff10 0 29%,#4e9fff26 35%,#1d65d71a 45%,transparent 66%);filter:blur(13px);animation:coronaPulse 6s ease-in-out infinite}
.gateway .gateway-orbit{left:50%;top:50%;width:84%;height:38%;aspect-ratio:auto;margin:0;transform-origin:center;z-index:5;border:2px solid #a6e8ffbd;box-shadow:0 0 10px #a6dfff91,0 0 30px #3774fa60,inset 0 0 15px #73baff3b;backdrop-filter:none}
.gateway .orbit-outer{width:95%;height:43%;border:2px solid #a7dcffad;border-top-color:#efffff;border-bottom-color:#6ca4ff77;animation:ringOrbit1 11s linear infinite}
.gateway .orbit-inner{width:72%;height:29%;border:3px double #d3f7ffed;animation:ringOrbit2 8s linear infinite reverse}
.gateway .orbit-tilt{width:108%;height:48%;border:1px dashed #a7caffab;animation:ringOrbit3 19s linear infinite}
.gateway .gateway-core{position:absolute;top:50%;left:50%;width:clamp(180px,25vw,335px);height:clamp(180px,25vw,335px);transform:translate(-50%,-50%);z-index:4;filter:drop-shadow(0 0 20px #61baff9e) drop-shadow(0 15px 45px #020717);border-radius:50%;overflow:visible;will-change:transform}
.neptune-sphere{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:#1a68c8;box-shadow:inset -28px -22px 55px #020e38e8,inset 15px 15px 35px #a4e7ff8a,0 0 0 2px #6ac4ff9e,0 0 45px #448bff91;transform:rotate(-17deg)}
.neptune-clouds{position:absolute;inset:-1%;border-radius:50%;background-image:url('neptune-clouds.webp');background-size:270% 110%;background-position:10% center;filter:saturate(1.25) contrast(1.05);animation:cloudDrift 27s linear infinite;will-change:background-position}
.neptune-light{position:absolute;inset:-1%;border-radius:50%;background:radial-gradient(circle at 29% 23%,#ecffff93 0%,#90d8ff38 12%,transparent 32%),radial-gradient(circle at 31% 32%,transparent 0%,#103d8a0c 30%,#041133ad 76%,#020619f0 100%),linear-gradient(115deg,#b0ecff35,transparent 45%,#020b2e9e);box-shadow:inset -25px -18px 42px #01091bbd,inset 7px 9px 25px #d6ffff49}
.planet-emblem{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) skew(-7deg);z-index:9;font:italic 950 clamp(76px,10vw,150px)/1 Impact,'Arial Black',sans-serif;letter-spacing:-.13em;padding-right:.17em;color:#f6ffff;text-shadow:0 4px 0 #154f99,0 8px 22px #000c,0 0 25px #a8eeff;white-space:nowrap;pointer-events:none}
.planet-marker{position:absolute;top:73%;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:9;font-size:8px;font-weight:900;letter-spacing:.17em;color:#e7faff;text-shadow:0 2px 6px #00122d,0 0 8px #00122d}
.orbital-sparks{position:absolute;inset:0;z-index:8}.orbital-sparks i{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 10px 3px #9be7ff,0 0 30px 7px #459dff;left:50%;top:50%}.orbital-sparks i:nth-child(1){animation:spark1 7s linear infinite}.orbital-sparks i:nth-child(2){animation:spark1 12s linear infinite reverse;animation-delay:-3s}.orbital-sparks i:nth-child(3){animation:spark2 10s linear infinite;animation-delay:-2s}.orbital-sparks i:nth-child(4){animation:spark2 15s linear infinite reverse;animation-delay:-7s}
@keyframes cloudDrift{from{background-position:0% center}to{background-position:100% center}}
@keyframes coronaPulse{0%,100%{opacity:.65;transform:scale(.95)}50%{opacity:1;transform:scale(1.09)}}
@keyframes ringOrbit1{from{transform:translate(-50%,-50%) rotateX(64deg) rotateZ(0)}to{transform:translate(-50%,-50%) rotateX(64deg) rotateZ(360deg)}}
@keyframes ringOrbit2{from{transform:translate(-50%,-50%) rotateY(59deg) rotateZ(0)}to{transform:translate(-50%,-50%) rotateY(59deg) rotateZ(360deg)}}
@keyframes ringOrbit3{from{transform:translate(-50%,-50%) rotateX(33deg) rotateY(24deg) rotateZ(0)}to{transform:translate(-50%,-50%) rotateX(33deg) rotateY(24deg) rotateZ(360deg)}}
@keyframes spark1{from{transform:translate(-50%,-50%) rotate(0) translateX(clamp(125px,20vw,265px)) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(clamp(125px,20vw,265px)) rotate(-360deg)}}
@keyframes spark2{from{transform:translate(-50%,-50%) rotate(0) translateX(clamp(110px,17vw,220px)) scale(.6)}to{transform:translate(-50%,-50%) rotate(-360deg) translateX(clamp(110px,17vw,220px)) scale(.6)}}
/* Orbit only: prioritize visual clarity and selection latency. */
.archive-controls .orbit-status{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #92d9ff5c;background:#091a2bbd;color:#d5f2ff;font-size:10px;font-weight:800;letter-spacing:.1em;white-space:nowrap}.orbit-status i{height:7px;width:7px;background:#a4ffe8;border-radius:50%;box-shadow:0 0 12px #91ffe7}
.orbit-card{contain:layout style;backface-visibility:hidden;transition:border-color .15s,box-shadow .15s}
.orbit-card.is-near{box-shadow:0 0 0 1px #ecfcff,0 0 34px #83baff8c,0 12px 42px #000b}
.archive-stage{touch-action:none;overscroll-behavior:contain}
.gateway{touch-action:none;overscroll-behavior:contain}
@media(max-width:760px){.identity-glyph{flex-basis:29px}.planet-system{width:min(100%,440px);height:min(100%,440px)}.gateway .gateway-core{width:clamp(162px,43vw,220px);height:clamp(162px,43vw,220px)}.planet-emblem{font-size:clamp(65px,20vw,102px)}.planet-marker{font-size:6px}.gateway .orbit-outer{width:96%;height:43%}.gateway .orbit-inner{width:77%;height:33%}.gateway .orbit-tilt{width:105%;height:49%}.archive-controls .orbit-status{font-size:8px;padding:8px}.gateway-caption{bottom:0}}
@media(max-width:390px){.planet-system{width:min(100%,340px);height:min(100%,340px)}.gateway .gateway-core{width:clamp(154px,43vw,180px);height:clamp(154px,43vw,180px)}}
.reduce-motion .neptune-clouds,.reduce-motion .planet-corona,.reduce-motion .orbital-sparks i{animation-play-state:paused}
/* V37: real-time planetary core, WebGL fallback preserves V36 art on unsupported browsers. */
#planet-webgl{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;opacity:0;transition:opacity .5s;filter:drop-shadow(0 0 32px #318bff4a)}
.planet-system.webgl-ready #planet-webgl{opacity:1}
.planet-system.webgl-ready .neptune-sphere,.planet-system.webgl-ready .gateway-orbit,.planet-system.webgl-ready .orbital-sparks{opacity:0;visibility:hidden}
.planet-system.webgl-ready .gateway-core{filter:none;background:transparent;box-shadow:none;pointer-events:none}
.planet-system.webgl-ready .planet-emblem{z-index:8;filter:drop-shadow(0 5px 8px #001331);transform:translate(-50%,-50%) skew(-7deg)}
.planet-system.webgl-ready .planet-marker{z-index:8}
.planet-system{isolation:isolate;will-change:transform}
.gateway{cursor:grab}
.gateway:active{cursor:grabbing}
/* Archive responds instantly to touch without an extra 'enter orbit' step. */
.orbit-card{transition:border-color .1s,box-shadow .1s}
.orbit-card:active{border-color:#fff;filter:brightness(1.2)}
@media(max-width:760px){.planet-system.webgl-ready .planet-emblem{font-size:clamp(60px,18vw,96px)}.gateway-caption{font-size:9px;letter-spacing:.07em}}

.planet-system{pointer-events:auto;touch-action:none;cursor:grab}
.planet-system:active{cursor:grabbing}

/* V37.1 — clear selection, responsive planetary interaction. */
.identity>span:last-child{min-width:0}
.identity-glyph{flex-shrink:0}
.planet-system{transform:translate(calc(-50% + var(--cursor-x,0px)),calc(-50% + var(--cursor-y,0px)));transition:transform .12s ease-out}
.planet-system.webgl-ready .orbit-outer{visibility:visible;opacity:.7;width:96%;height:37%;border-width:1px;animation:ringOrbit1 22s linear infinite}
.planet-system.webgl-ready .orbit-inner{visibility:visible;opacity:.45;width:83%;height:30%;border-width:1px;animation:ringOrbit2 30s linear infinite}
.orbit-card{width:clamp(120px,14vw,192px);padding:5px}
.orbit-card .card-name{font-size:12px;bottom:-29px;letter-spacing:.08em}
.orbit-card:not(.is-near) .card-name{opacity:.6}
.orbit-card.is-near .card-name{color:#fff}
.archive-stage{min-height:clamp(360px,49vh,570px)}
.archive-core{top:25%;opacity:.45}
.nav-links a{display:inline-block;padding:10px 0;transition:color .15s,transform .18s}
.nav-links a:hover{transform:translateY(-3px);text-shadow:0 0 18px #a8eaff}
.reduce-motion .planet-system{transform:translate(-50%,-50%);transition:none}
@media(max-width:760px){
 .hud-top{gap:10px}.identity{letter-spacing:.06em}
 .hud-settings button{min-height:36px}
 .nav-links a{min-height:36px;display:flex;align-items:center}
 .intro-copy h1{font-size:clamp(44px,11.5vw,80px)}
 .gateway{height:310px;min-height:310px}
 .planet-system{width:100%;height:100%}
 .archive-controls{display:none}
 .orbit-card{width:clamp(118px,34vw,170px)}
 .archive-stage{min-height:350px}
 .archive-nav button{min-height:44px;min-width:44px}
 .title-rail button{min-height:44px}
 .hud-bottom{padding-bottom:75px}
 .gateway-caption{font-size:8px}
}
@media(max-width:760px){.intro-copy{margin-top:18px}.gateway-caption{bottom:5px;max-width:100%;line-height:1.6;font-size:7px}}
/* V38 — unified Experience and fluid navigation. */
#menu-open{border:1px solid #98ccff55;background:#0b1726;color:#e6f6ff;min-height:38px;padding:9px 14px;font-size:10px;letter-spacing:.15em;font-weight:800}
#menu-open span{margin-left:12px;font-size:16px}
.menu-is-open{overflow:hidden}
#universe-menu{position:fixed;inset:0;z-index:90;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4vw;padding:7vw;background:radial-gradient(ellipse at 25% 50%,#123251,#060c1a 55%,#02050c);overflow:auto}
#menu-close{position:absolute;right:4vw;top:28px;border:1px solid #a2ddff70;color:#e9faff;background:#0a1828;padding:14px 20px;z-index:2;font-size:11px;letter-spacing:.16em}
.menu-sculpture{position:relative;aspect-ratio:1;width:100%;max-width:590px;filter:drop-shadow(0 0 50px #66b9ff40);will-change:transform;pointer-events:none}
.menu-sculpture svg{width:100%;height:100%;display:block}
.menu-sculpture>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) skew(-7deg);font:italic 950 clamp(80px,11vw,170px)/1 Impact,'Arial Black',sans-serif;letter-spacing:-.12em;padding-right:.12em;color:#eafaff;text-shadow:0 4px 0 #1c395a,0 8px 30px #0008}
.menu-sculpture>small{position:absolute;left:0;right:0;top:72%;text-align:center;font-size:9px;letter-spacing:.24em;color:#d2efff}
.menu-content{position:relative;min-width:0}
.menu-content nav{margin-top:30px;display:flex;flex-direction:column}
.menu-content nav a{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #9acaff35;font-size:clamp(30px,4.3vw,70px);font-weight:850;letter-spacing:-.055em;will-change:transform}
.menu-content nav a small{font-size:10px;font-weight:400;letter-spacing:.1em;color:#9bb5cb}
.menu-content nav a>span{margin-left:auto;font-size:.5em;opacity:.45;transition:transform .25s,opacity .25s}
.menu-content nav a:hover{color:#b5ecff}
.menu-content nav a:hover>span{transform:rotate(45deg);opacity:1}
.menu-foot{color:#a1b8d0;font-size:9px;letter-spacing:.22em;margin-top:30px}
.screen:not([hidden]){animation:sceneReveal .48s cubic-bezier(.2,.7,.2,1) both}
@keyframes sceneReveal{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:760px){
 #menu-open{padding:6px 10px;min-height:36px;font-size:9px}
 #universe-menu{grid-template-columns:1fr;gap:0;padding:64px 24px 30px;align-content:start}
 .menu-sculpture{width:min(65vw,260px);margin:0 auto}
 .menu-sculpture>span{font-size:76px}
 .menu-sculpture>small{font-size:7px}
 .menu-content nav{margin-top:12px}
 .menu-content nav a{font-size:34px;padding:13px 0}
 .menu-content>.kicker{font-size:8px}
 #menu-close{top:16px;right:18px;padding:11px 14px}
}
.reduce-motion .screen{animation:none}