: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}}