:root{color-scheme:dark;--bg:#03050d;--ink:#f1f7ff;--muted:#a2b2d0;--cyan:#8ae5ff;--electric:#8298ff;--line:#7bb5e64a;--glass:#071426e0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);overflow-x:clip}body{min-height:100svh}button,a{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid white;outline-offset:4px}[hidden]{display:none!important}#stars,.sky-grid,.cityline,.ambient{position:fixed;inset:0;pointer-events:none}#stars{z-index:0;width:100%;height:100%;background:radial-gradient(ellipse at 60% 44%,#0e2851,#040915 57%,#020309 92%)}.sky-grid{z-index:1;opacity:.27;background-image:linear-gradient(to right,#5d87c21a 1px,transparent 1px),linear-gradient(to bottom,#5d87c21a 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,transparent 20%,#000 100%)}.cityline{z-index:1;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:space-around;gap:1.3vw;height:24vh;opacity:.62;filter:drop-shadow(0 0 19px #2f91ee3b)}.cityline i{flex:1;height:var(--h,70%);background:repeating-linear-gradient(90deg,#1e427344 0 4px,transparent 4px 10px),repeating-linear-gradient(180deg,transparent 0 13px,#97e1ff58 14px 15px,transparent 16px 29px),linear-gradient(180deg,#101d46,#050913);clip-path:polygon(0 8%,20% 8%,20% 0,80% 0,80% 8%,100% 8%,100% 100%,0 100%);min-width:12px}.cityline i:nth-child(7n+1){--h:52%}.cityline i:nth-child(7n+2){--h:88%}.cityline i:nth-child(7n+3){--h:61%}.cityline i:nth-child(7n+4){--h:72%}.cityline i:nth-child(7n+5){--h:44%}.cityline i:nth-child(7n+6){--h:93%}.cityline i:nth-child(7n){--h:68%}.ambient{z-index:2;background:linear-gradient(90deg,#030711b5,transparent 76%),linear-gradient(0deg,#02040d99,transparent 28%)}.topbar{position:relative;z-index:15;min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:19px;padding:13px clamp(16px,3vw,55px);border-bottom:1px solid var(--line);background:#040915b3;backdrop-filter:blur(13px)}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;font-size:13px;letter-spacing:.09em;font-weight:950}.brand strong{color:var(--cyan)}.brand small{display:block;font-size:8px;letter-spacing:.25em;color:#8cadd0;margin-top:4px}.brand-insignia{font-size:24px;color:#c4f4ff;text-shadow:0 0 20px #7de2ff}.nav{display:flex;gap:clamp(10px,2vw,28px);align-items:center;font-size:10px;letter-spacing:.13em;font-weight:850;white-space:nowrap}.nav a{color:#c5d4eb}.nav a:hover,.nav a[aria-current=true]{color:#fff;text-shadow:0 0 10px #65d3ff}.top-actions{display:flex;gap:6px}.top-actions button{background:#091a2b;border:1px solid #9bdfff66;color:#e5f9ff;padding:9px 11px;font-size:10px;white-space:nowrap;font-weight:850}.top-actions button:hover{background:#1e3a58}main{position:relative;z-index:5}.screen{min-height:calc(100svh - 126px)}.hero{display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,1.1fr);gap:20px;align-items:center;padding:40px clamp(30px,5.5vw,106px);position:relative}.hero-content{z-index:2;position:relative;max-width:620px}.eyebrow{font-size:10px;letter-spacing:.22em;color:#b9e5ff;font-weight:800;display:flex;gap:9px;align-items:center}.led{height:7px;width:7px;background:#8effce;border-radius:50%;box-shadow:0 0 13px #8affcd}.hero-mini{font-size:10px;letter-spacing:.23em;color:#8aa6c9;margin:29px 0 15px}.hero h1{margin:0;font:italic 950 clamp(58px,8.1vw,125px)/.96 Impact,"Arial Black",sans-serif;letter-spacing:-.06em;white-space:nowrap;text-shadow:0 6px 30px #000b}.hero h1 span{background:linear-gradient(180deg,#fafcff 3%,#89cfff 21%,#2b6aa5 35%,#efffff 48%,#4067a7 64%,#e9fbff 82%,#4e7db0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 17px #8bd7ff46)}.hero-subline{font-size:clamp(22px,3.1vw,50px);font-weight:950;letter-spacing:.06em;margin-top:10px}.hero-subline span{color:var(--cyan)}.hero-copy{color:#b2c5df;font-size:clamp(13px,1.2vw,16px);line-height:1.85;max-width:470px;margin:18px 0 32px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.btn{border:1px solid #b0dfff;padding:14px 19px;display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:50px;font-size:10px;letter-spacing:.09em;font-weight:950;white-space:nowrap;transition:filter .15s,background .15s}.btn:hover{filter:brightness(1.16)}.primary{background:#ddf4ff;color:#08121f}.secondary{background:#0a1929cc;color:#ebf9ff}.hero-metrics{display:flex;flex-wrap:wrap;gap:25px;margin-top:55px;padding-top:17px;border-top:1px solid #b6dafa50}.hero-metrics div{display:flex;flex-direction:column;gap:3px}.hero-metrics b{font-size:27px;line-height:1}.hero-metrics span{font-size:9px;color:#9bb0ce;letter-spacing:.13em}.hero-visual{position:relative;height:min(66vh,660px);min-height:420px;display:grid;place-items:center;touch-action:pan-y;user-select:none;cursor:grab;perspective:950px}.hero-visual:active{cursor:grabbing}.orbit-field{width:min(100%,600px);aspect-ratio:1;position:relative;display:grid;place-items:center;transform:rotateX(var(--pitch,0deg)) rotateY(var(--yaw,0deg));transform-style:preserve-3d;will-change:transform}.orbit-field:before{content:'';position:absolute;inset:14%;background:radial-gradient(circle,#438ff846 0%,#4ea6ff18 45%,transparent 72%);filter:blur(28px)}.planet{position:absolute;width:clamp(190px,26vw,350px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#1746a6;box-shadow:inset -29px -19px 60px #030b30e3,inset 13px 13px 45px #a8e8ff7d,0 0 0 2px #a4e9ff9d,0 0 65px #397beb91;transform:rotate(-15deg);z-index:3}.planet-clouds{position:absolute;inset:-2%;background:repeating-linear-gradient(176deg,#164aaf 0 16px,#2673c5 19px 30px,#4bafe0 34px 47px,#6eafde 51px 53px,#0a3984 64px 83px);background-size:230% 170%;animation:neptune 20s linear infinite;filter:contrast(1.2) saturate(1.18)}.planet-shade{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 25% 22%,#e0ffff9a,transparent 35%),radial-gradient(circle at 35% 35%,transparent 23%,#061c6075 62%,#01041deb 100%);box-shadow:inset -27px -14px 36px #02091eaa}.jr5-symbol{z-index:9;position:absolute;font:italic 950 clamp(96px,15vw,195px)/1 Impact,"Arial Black",sans-serif;letter-spacing:-.12em;padding-right:.15em;color:#f1fdff;text-shadow:0 2px 0 #32689b,0 8px 12px #000b,0 0 26px #b9f5ff;pointer-events:none}.orbit-ring{position:absolute;left:50%;top:50%;border-radius:50%;z-index:5;box-shadow:0 0 25px #4b9fff68,inset 0 0 18px #4b9fff48;transform-style:preserve-3d;pointer-events:none}.ring-a{width:95%;height:41%;border:3px solid #b4ecffbd;border-top-color:#fff;animation:ringA 9s linear infinite}.ring-b{width:81%;height:35%;border:2px double #c5e5ff;animation:ringB 13s linear infinite reverse}.ring-c{width:107%;height:47%;border:1px dashed #7edaffaa;animation:ringC 19s linear infinite}.orbit-markers{position:absolute;inset:0;pointer-events:none;z-index:8}.orbit-markers i{position:absolute;left:50%;top:50%;width:6px;height:6px;background:#eaffff;border-radius:50%;box-shadow:0 0 16px 6px #63bcff;animation:marker 9s linear infinite}.orbit-markers i:nth-child(2){animation-duration:13s;animation-delay:-6s}.orbit-markers i:nth-child(3){animation-duration:17s;animation-delay:-11s}.orbit-markers i:nth-child(4){animation-duration:22s;animation-delay:-4s}.planet-label{position:absolute;bottom:5px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;letter-spacing:.19em;color:#a6cde6}.hero-side{position:absolute;right:12px;bottom:20px;writing-mode:vertical-rl;color:#94b4d2;font-size:9px;letter-spacing:.22em}.footer{position:relative;z-index:9;min-height:53px;border-top:1px solid var(--line);background:#030915b3;padding:15px clamp(16px,3vw,55px);display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.1em;color:#91adcb}.archive{padding:28px clamp(18px,4vw,65px) 12px;display:flex;flex-direction:column;min-height:calc(100svh - 126px)}.archive-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.archive h2{font-size:clamp(35px,5.4vw,75px);margin:10px 0 5px;letter-spacing:-.07em;line-height:1}.archive h2 span{color:#b0e4ff}.archive-head p{font-size:10px;letter-spacing:.11em;color:#9db5d0}.orbit-led{border:1px solid #9be4ff7a;background:#091b2bcc;padding:10px 12px;color:#d9f2ff;font-size:10px;font-weight:800;letter-spacing:.1em;white-space:nowrap}.orbit-led i{display:inline-block;width:6px;height:6px;background:#8dffcb;border-radius:50%;box-shadow:0 0 8px #8dffcb;margin-right:6px}.orbit-stage{flex:1;min-height:clamp(380px,53vh,650px);position:relative;overflow:hidden;perspective:1200px;touch-action:pan-y;cursor:grab;isolation:isolate}.orbit-stage:active{cursor:grabbing}.stage-rings{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.stage-rings i{position:absolute;width:min(70vw,850px);height:min(26vw,290px);border:1px solid #9edfff4b;border-radius:50%;transform:rotate(-17deg);box-shadow:0 0 55px #52b8ff1a}.stage-rings i:nth-child(2){width:min(57vw,690px);height:min(21vw,270px);transform:rotate(30deg);border-style:dashed}.stage-rings i:nth-child(3){width:min(47vw,550px);height:min(17vw,210px);transform:rotate(-40deg)}.central-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(150px,18vw,240px);height:clamp(150px,18vw,240px);border-radius:50%;display:grid;place-items:center;pointer-events:none}.central-orb{position:absolute;inset:3%;border-radius:50%;background:radial-gradient(circle at 30% 27%,#8edaff,#1b5dbe 40%,#06144c 75%,#010418);box-shadow:0 0 80px #5d94fa7a,inset -22px -23px 42px #000b;opacity:.65}.central-core span{z-index:1;font:italic 950 clamp(76px,10vw,128px)/1 Impact,"Arial Black",sans-serif;letter-spacing:-.13em;padding-right:.1em;color:#f3fdff;text-shadow:0 6px 15px #001331,0 0 20px #c3f5ff}.orbit-cards{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.orbit-card{position:absolute;left:50%;top:50%;width:clamp(90px,10.5vw,160px);aspect-ratio:1;padding:5px;background:linear-gradient(135deg,#ceeaff,#0b1d3e 22%,#07152c 76%,#6fd8ff);border:1px solid #bee9ffb8;box-shadow:0 12px 38px #000c,0 0 25px #7bc3ff3f;pointer-events:auto;will-change:transform,opacity;cursor:pointer;backface-visibility:hidden;transform-origin:center}.orbit-card img{width:100%;height:100%;object-fit:contain;background:#050b16;display:block;pointer-events:none}.orbit-card .card-number{position:absolute;left:4px;top:4px;background:#06152ce0;color:#fff;padding:3px 5px;font-size:9px;font-weight:900}.orbit-card .card-label{position:absolute;left:0;right:0;bottom:-23px;color:#fff;font-size:10px;font-weight:900;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 9px #000,0 3px 4px #000;pointer-events:none}.orbit-card.near{border-color:white;box-shadow:0 0 0 2px #cdefff,0 0 33px #6dc7ff7b}.stage-telemetry{position:absolute;bottom:12px;font-size:9px;letter-spacing:.16em;color:#9cb8d6;line-height:1.9;pointer-events:none}.t-left{left:14px}.t-right{right:14px;text-align:right}.archive-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding:13px 0}.archive-bottom p{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0}.archive-bottom strong{font-size:10px;letter-spacing:.11em}.archive-bottom p span{font-size:11px;color:#a7bdd9}.cycle{display:flex;align-items:center;gap:8px}.cycle button{min-width:40px;min-height:34px;background:#0b1c32cc;border:1px solid #a8eaff8c;color:#fff;font-size:17px}.cycle span{font-size:10px;letter-spacing:.13em;white-space:nowrap;min-width:70px;text-align:center}.rail{display:flex;gap:7px;overflow:auto hidden;max-width:100%;padding:10px 0 5px;scrollbar-width:thin;scrollbar-color:#5e88c1 transparent;scroll-snap-type:x proximity}.rail button{flex:0 0 auto;padding:10px 11px;background:#08192ccf;border:1px solid #83bdf055;color:#cadcf2;font-size:10px;font-weight:750;white-space:nowrap;scroll-snap-align:center}.rail button.near{border-color:#c5f6ff;background:#1b3b5b;color:white}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#000a;backdrop-filter:blur(10px)}.track-modal{position:fixed;z-index:31;top:50%;left:50%;transform:translate(-50%,-50%);width:min(830px,calc(100% - 24px));max-height:90svh;overflow:auto;display:grid;grid-template-columns:minmax(190px,310px) 1fr;gap:26px;align-items:center;padding:28px;background:linear-gradient(135deg,#173257f5,#070d1bf8 55%,#0b1b33f7);border:1px solid #bcecffb5;box-shadow:0 30px 120px #000e,0 0 70px #5f99ff36}.modal-close{position:absolute;right:12px;top:8px;background:transparent;color:white;border:0;font-size:27px}.modal-cover-frame{padding:8px;background:linear-gradient(135deg,#a9efff,#173968 25%,#09132b 70%,#b9edff);box-shadow:0 18px 50px #000c}.modal-cover-frame img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#080e1e}.modal-copy h3{font-size:clamp(42px,5vw,75px);letter-spacing:-.07em;line-height:1;overflow-wrap:anywhere;margin:17px 0}.modal-copy p{font-size:11px;letter-spacing:.17em;color:#a6c4e5}.modal-copy small{font-size:10px;color:#9ab2d0;letter-spacing:.08em}.modal-actions{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.player-chip{position:fixed;z-index:55;bottom:max(10px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));padding:6px;display:flex;gap:5px;align-items:center;background:#08182af6;border:1px solid #a7e7ff9c;border-radius:14px;box-shadow:0 9px 40px #000b}.player-chip button{width:38px;height:37px;border:0;border-radius:9px;color:#06121e;background:#d8f2ff;font-size:17px;font-weight:900}.player-chip span{max-width:92px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:10px;padding:0 6px}.player{position:fixed;z-index:56;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(690px,calc(100% - 24px));display:flex;gap:10px;align-items:center;background:#081a2af7;border:1px solid #9be1ff8c;padding:10px 11px;box-shadow:0 15px 60px #000b}.player img{height:40px;width:40px;object-fit:cover}.player-title{flex:1;min-width:78px}.player-title b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-title small{font-size:9px;color:#a2c5dc}.player button{min-width:33px;min-height:35px;background:#0d2940;border:1px solid #98d5ff91;color:#fff}.player input{flex:2;min-width:60px;accent-color:#9dddff}.player #time{font-size:10px;color:#c7e5f7;min-width:35px}.game-overlay{position:fixed;z-index:45;inset:0;background:#030712}.game-overlay header{height:50px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 13px;border-bottom:1px solid #a3dcff8a;background:#0b1b34}.game-overlay header button{background:#183d58;color:white;border:1px solid #a9e6ff94;padding:9px 12px;font-size:10px;font-weight:900}.game-overlay header span{font-size:11px;font-weight:900}.game-overlay header small{font-size:9px;color:#9fdbff}.game-overlay iframe{height:calc(100% - 50px);width:100%;border:0;background:#080a13}.toast{position:fixed;z-index:70;top:90px;left:50%;transform:translateX(-50%);padding:10px 17px;background:#d8f5ff;color:#09213a;font-size:11px;font-weight:850;text-align:center;max-width:90vw}
@keyframes neptune{from{background-position:0% center}to{background-position:100% center}}@keyframes ringA{from{transform:translate(-50%,-50%) rotateX(65deg) rotateZ(0deg)}to{transform:translate(-50%,-50%) rotateX(65deg) rotateZ(360deg)}}@keyframes ringB{from{transform:translate(-50%,-50%) rotateY(65deg) rotateZ(0deg)}to{transform:translate(-50%,-50%) rotateY(65deg) rotateZ(-360deg)}}@keyframes ringC{from{transform:translate(-50%,-50%) rotateX(38deg) rotateY(25deg) rotateZ(0deg)}to{transform:translate(-50%,-50%) rotateX(38deg) rotateY(25deg) rotateZ(360deg)}}@keyframes marker{from{transform:translate(-50%,-50%) rotate(0deg) translateX(min(26vw,270px))}to{transform:translate(-50%,-50%) rotate(360deg) translateX(min(26vw,270px))}}
@media(max-width:1050px){.nav{gap:10px}.nav a{font-size:9px}.hero{padding-left:43px;padding-right:35px}.hero-visual{min-height:390px}.hero-metrics{margin-top:30px}.archive-bottom p span{display:none}}
@media(max-width:760px){.topbar{min-height:68px;flex-wrap:wrap;padding:10px 14px;gap:9px}.brand{font-size:11px}.brand small{font-size:7px}.nav{order:3;width:100%;overflow-x:auto;justify-content:space-between;gap:9px;border-top:1px solid #ffffff20;padding-top:8px}.nav a{font-size:8px;letter-spacing:.04em}.top-actions button{font-size:9px;padding:7px 8px}.screen{min-height:calc(100svh - 156px)}.hero{display:flex;flex-direction:column;padding:14px 17px 24px;gap:0}.hero-visual{order:1;width:100%;height:clamp(235px,37vh,390px);min-height:220px}.orbit-field{width:min(96%,400px)}.planet{width:clamp(154px,41vw,220px)}.jr5-symbol{font-size:clamp(84px,23vw,125px)}.planet-label{font-size:7px;bottom:0}.hero-content{order:2;margin-top:0}.hero-mini{margin:12px 0 6px;font-size:8px}.hero h1{font-size:clamp(51px,12.8vw,84px)}.hero-subline{font-size:clamp(24px,6.3vw,39px);margin-top:6px}.hero-copy{font-size:12px;line-height:1.6;margin:10px 0 17px}.hero-actions{gap:8px}.btn{min-height:43px;padding:11px 14px;font-size:9px}.hero-metrics{gap:14px;margin-top:16px;padding-top:12px}.hero-metrics b{font-size:18px}.hero-metrics span{font-size:7px}.hero-side{display:none}.footer{padding:12px 14px;font-size:8px}.footer span:nth-child(2){display:none}.archive{padding:18px 12px 9px}.archive h2{font-size:clamp(32px,8.7vw,52px)}.archive-head p{font-size:8px;max-width:265px}.archive-head .eyebrow{font-size:8px;letter-spacing:.1em}.orbit-led{font-size:8px;padding:8px}.orbit-stage{min-height:clamp(340px,50vh,520px)}.central-core{width:136px;height:136px}.central-core span{font-size:77px}.orbit-card{width:clamp(83px,22vw,105px)}.orbit-card .card-label{font-size:9px;bottom:-19px}.stage-rings i{width:95vw;height:35vw}.stage-rings i:nth-child(2){width:79vw;height:28vw}.stage-rings i:nth-child(3){width:65vw;height:23vw}.archive-bottom strong{font-size:9px}.cycle button{min-width:34px;min-height:32px}.rail button{font-size:9px;padding:9px}.stage-telemetry{font-size:7px}.track-modal{grid-template-columns:1fr;gap:14px;padding:16px;max-height:86svh}.modal-cover-frame{width:min(38vw,200px);margin:auto;padding:5px}.modal-copy h3{font-size:clamp(36px,9vw,58px);margin:9px 0}.modal-actions{margin:14px 0}.modal-actions .btn{flex:1}.player{gap:5px;padding:7px}.player img{width:34px;height:34px}.player-title{min-width:65px}.player #time{display:none}.game-overlay header small{display:none}}
@media(max-height:700px) and (max-width:760px){.hero-visual{height:230px}.hero-copy{display:none}.hero-mini{margin-top:4px}.hero-metrics{margin-top:7px}.orbit-stage{min-height:310px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}body.motion-off .planet-clouds,body.motion-off .orbit-ring,body.motion-off .orbit-markers i{animation-play-state:paused}