:root{--bg:#02050c;--cyan:#5ff6ff;--blue:#42aaff;--violet:#9a5cff;--ink:#f4f7ff;--muted:#aebbd2;--line:rgba(106,226,255,.24)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;overflow-x:hidden}.cosmos{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 50% 20%,#0b1c34 0,#040814 38%,#02040a 75%);overflow:hidden}.stars{position:absolute;inset:-20%;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#65dfff 1px,transparent 1px);background-size:83px 83px,137px 137px;background-position:0 0,31px 57px;opacity:.36}.nebula{position:absolute;width:65vw;height:65vw;border-radius:50%;filter:blur(100px);opacity:.18}.n1{left:-25vw;top:15vh;background:#6417aa}.n2{right:-25vw;top:-10vh;background:#008ac4}.pointer-light{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(66,220,255,.12),transparent 67%);transform:translate(-50%,-50%);opacity:.7}.sp-nav{height:74px;position:fixed;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;padding:0 3vw;border-bottom:1px solid rgba(130,220,255,.13);background:rgba(2,5,12,.66);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:13px;color:var(--cyan);text-decoration:none;font-family:Orbitron}.brand img{width:42px;height:42px;object-fit:contain}.brand span{letter-spacing:.12em;font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:.34em;margin-top:3px;color:#7bb8c7}.sp-nav nav{margin-left:auto;display:flex;align-items:center;gap:26px}.sp-nav nav a{font:600 11px Orbitron;color:#d8e4f7;text-decoration:none;letter-spacing:.04em}.sp-nav nav a.active{color:var(--cyan);text-shadow:0 0 16px rgba(95,246,255,.6)}.sp-nav .enter{border:1px solid #2ce8ff;border-radius:10px;padding:13px 24px;box-shadow:inset 0 0 18px rgba(38,224,255,.08),0 0 20px rgba(38,224,255,.12)}.menu{display:none}.sky{min-height:100vh;padding:110px 3vw 45px;position:relative;display:grid;grid-template-columns:300px 1fr 190px;align-items:center;overflow:hidden}.sky-copy{z-index:4;align-self:start;padding-top:20px}.eyebrow{font:600 11px Orbitron;letter-spacing:.24em;color:var(--cyan)}h1{font:700 clamp(48px,5.6vw,88px) Orbitron;margin:16px 0 12px;letter-spacing:-.06em;text-shadow:0 0 28px rgba(128,138,255,.22)}.sky-copy p{color:var(--muted);font-size:13px;line-height:1.7}.sky-copy p strong{font:500 13px Orbitron;letter-spacing:.16em;color:#83f8ff;line-height:1.8}.rail{margin-top:30px;display:grid;gap:17px;border-left:1px solid var(--line);padding-left:20px}.rail span{font:500 10px Orbitron;letter-spacing:.16em;color:#70849e}.rail .on{color:var(--cyan)}.system{position:relative;width:min(850px,64vw);aspect-ratio:1.8;margin:auto;perspective:1200px;transform-style:preserve-3d}.orbit{position:absolute;left:50%;top:52%;border:1px solid rgba(88,181,255,.25);border-radius:50%;transform:translate(-50%,-50%) rotateX(66deg);box-shadow:0 0 18px rgba(83,95,255,.13)}.o1{width:82%;height:82%}.o2{width:63%;height:63%}.o3{width:43%;height:43%}.core{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:190px;text-align:center;font:600 13px Orbitron;z-index:2}.core i{display:block;width:76px;height:76px;border-radius:50%;margin:0 auto 13px;background:radial-gradient(circle,#fff 0 2%,#7c5cff 6%,rgba(45,173,255,.5) 13%,rgba(73,76,255,.14) 35%,transparent 66%);box-shadow:0 0 60px #566cff}.core small{display:block;color:#8b9bb7;font-size:8px;letter-spacing:.2em;margin-top:7px}.planet{position:absolute;width:94px;height:94px;border:0;background:none;padding:0;cursor:pointer;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s}.planet img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:inset -18px -15px 28px rgba(0,0,0,.7),0 0 20px rgba(58,204,255,.32);border:1px solid rgba(125,231,255,.38)}.planet::after{content:"";position:absolute;inset:-10%;border:1px solid rgba(100,214,255,.18);border-radius:50%;transform:rotateX(72deg);box-shadow:0 0 18px rgba(75,168,255,.16)}.planet span{position:absolute;left:50%;top:104%;transform:translateX(-50%);white-space:nowrap;color:#e7f0ff;font:500 10px Orbitron;text-shadow:0 2px 8px #000}.planet:hover,.planet:focus{z-index:8;filter:brightness(1.25);transform:translateZ(70px) scale(1.18)}.sky-meta{z-index:4;align-self:start;text-align:right;color:#89a1bd;font:500 9px Orbitron;letter-spacing:.18em;line-height:1.7}.mini{margin-top:180px;border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;gap:7px;color:#b8d6ef}.scroll-cue{position:absolute;left:3vw;bottom:30px;background:none;border:0;color:#b9d9ef;font:500 10px Orbitron;letter-spacing:.16em;display:flex;align-items:center;gap:13px;cursor:pointer}.scroll-cue:first-letter{font-size:25px}.world-focus{min-height:100vh;border-top:1px solid rgba(89,215,255,.32);display:grid;grid-template-columns:330px 1fr;gap:30px;padding:70px 3vw 35px;position:relative;background:linear-gradient(90deg,rgba(1,4,10,.93) 0 24%,rgba(2,7,16,.62) 52%,rgba(1,4,10,.85))}.focus-copy{z-index:5}.focus-copy h2{font:600 clamp(38px,4.1vw,67px) Orbitron;line-height:.98;letter-spacing:.02em;margin:14px 0 10px}.focus-copy>strong{font:500 11px Orbitron;letter-spacing:.2em;color:#83f8ff}.focus-copy>p{font-size:13px;line-height:1.65;color:#c4cee1;margin:18px 0}.symbols{display:flex;gap:24px;margin:20px 0}.symbols div,.stats div{display:grid;gap:5px}.symbols span,.stats span{font:500 8px Orbitron;color:#8094b1;letter-spacing:.14em}.symbols b,.stats b{font:500 11px Orbitron}.stats{display:grid;grid-template-columns:1fr 1.4fr;border:1px solid var(--line);border-radius:14px;overflow:hidden}.stats div{padding:14px;border-right:1px solid rgba(99,203,255,.13)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.actions a{padding:14px 10px;border:1px solid #304c68;border-radius:12px;color:#eaf5ff;text-decoration:none;text-align:center;font:600 9px Orbitron;letter-spacing:.08em}.actions .primary{border-color:#28e9ff;box-shadow:inset 0 0 18px rgba(38,230,255,.12),0 0 18px rgba(38,230,255,.15)}.back{margin-top:25px;border:0;background:none;color:#9cd8ea;font:500 9px Orbitron;letter-spacing:.16em;cursor:pointer}.world-stage{position:relative;min-height:720px;perspective:1500px;overflow:hidden}.planet-hero{position:absolute;left:10%;top:2%;width:min(58vw,780px);aspect-ratio:1;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .35s}.planet-hero img{position:absolute;inset:8%;width:84%;height:84%;border-radius:50%;object-fit:cover;filter:saturate(1.15) contrast(1.08);box-shadow:inset -60px -20px 100px rgba(0,0,0,.65),0 0 80px rgba(70,175,255,.2)}.holo-slice{position:absolute;z-index:4;top:9%;bottom:9%;left:51%;width:26%;border-left:1px solid #65efff;background:repeating-linear-gradient(90deg,rgba(78,220,255,.12) 0 1px,transparent 1px 12px),repeating-linear-gradient(0deg,rgba(78,220,255,.11) 0 1px,transparent 1px 12px);border-radius:0 100% 100% 0;clip-path:ellipse(100% 50% at 0 50%);mix-blend-mode:screen;box-shadow:-12px 0 35px rgba(54,215,255,.3)}.scan{position:absolute;z-index:5;left:10%;right:10%;height:2px;top:15%;background:linear-gradient(90deg,transparent,#7ef8ff,transparent);box-shadow:0 0 20px #62e9ff;animation:scan 4.8s linear infinite}.hero-ring{position:absolute;left:50%;top:50%;border:2px solid rgba(255,205,164,.42);border-radius:50%;transform:translate(-50%,-50%) rotateX(72deg) rotateZ(-12deg);box-shadow:0 0 24px rgba(255,176,128,.18)}.r1{width:100%;height:56%}.r2{width:88%;height:48%;border-color:rgba(88,201,255,.2)}@keyframes scan{0%{top:16%;opacity:0}10%,90%{opacity:.7}100%{top:83%;opacity:0}}.world-quote{position:absolute;right:3%;top:30%;text-align:right;font-style:italic;letter-spacing:.14em;color:#c7d6ec;line-height:1.6}.gallery{position:absolute;right:2%;top:2%;width:250px}.gallery>span{font:500 9px Orbitron;letter-spacing:.22em;color:#8cf6ff}.gallery>div{display:flex;gap:10px;margin-top:18px}.gallery img{width:70px;height:140px;object-fit:cover;border:1px solid rgba(72,222,255,.4);transform:perspective(500px) rotateY(-8deg)}.picker{position:absolute;left:18%;bottom:18px;right:16%;display:flex;justify-content:center;gap:13px;padding:10px 20px;border:1px solid rgba(73,203,255,.18);border-radius:18px;background:rgba(3,9,20,.55);backdrop-filter:blur(12px)}.pick{width:48px;height:48px;border-radius:50%;padding:0;border:1px solid #244a66;background:#07101d;cursor:pointer;overflow:hidden;transition:.3s}.pick img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pick.active{border-color:#59efff;box-shadow:0 0 18px rgba(67,227,255,.55);transform:translateY(-5px) scale(1.12)}.world-stage.changing .planet-hero{transform:rotateY(22deg) scale(.88);opacity:.4}.world-stage.changing .holo-slice{opacity:1}.no-js .planet,.no-js .world-focus{opacity:1!important;filter:none!important}
@media(max-width:900px){.sp-nav{height:64px}.brand img{width:36px;height:36px}.brand span{font-size:11px}.sp-nav nav{display:none;position:absolute;top:64px;left:0;right:0;padding:20px;background:#030812;flex-direction:column}.sp-nav nav.open{display:flex}.menu{display:block;margin-left:auto;background:none;border:1px solid var(--line);color:#ccecff;border-radius:8px;padding:9px}.sky{padding:90px 18px 55px;display:block;min-height:auto}.sky-copy{padding:0}.rail,.sky-meta{display:none}.system{width:100%;height:480px;aspect-ratio:auto;margin-top:25px}.planet{width:65px;height:65px}.planet span{font-size:7px}.core{width:120px;font-size:9px}.scroll-cue{display:none}.world-focus{display:block;padding:60px 18px 25px}.focus-copy{max-width:560px}.world-stage{min-height:610px;margin-top:20px}.planet-hero{left:-8%;top:5%;width:116vw}.gallery,.world-quote{display:none}.picker{left:2%;right:2%;bottom:10px;overflow:auto;justify-content:flex-start}.pick{min-width:45px}.actions{grid-template-columns:1fr}.symbols{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.pointer-light{display:none}}
/* LIVING WORLDS V4 — spherical texture projection + holographic transition */
.living-sphere{--tex:none;--glow:#57dfff;position:relative;display:block;border-radius:50%;overflow:hidden;isolation:isolate;background:#06101d;box-shadow:inset -28px -12px 48px rgba(0,0,0,.82),inset 18px 8px 30px rgba(255,255,255,.06),0 0 28px color-mix(in srgb,var(--glow) 34%,transparent);transform:translateZ(0)}
.living-sphere .sphere-surface{position:absolute;inset:-2%;border-radius:50%;background-image:var(--tex);background-size:205% 108%;background-position:0% 50%;filter:saturate(1.28) contrast(1.12) brightness(.92);animation:planetRotate 28s linear infinite;transform:scale(1.04)}
.living-sphere .sphere-clouds{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.23),transparent 18%),repeating-radial-gradient(ellipse at 48% 52%,rgba(255,255,255,.045) 0 2px,transparent 3px 12px);mix-blend-mode:screen;opacity:.28;animation:cloudDrift 19s linear infinite}
.living-sphere .sphere-atmosphere{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 27%,rgba(255,255,255,.22),transparent 17%),radial-gradient(circle at 50% 50%,transparent 58%,color-mix(in srgb,var(--glow) 28%,transparent) 73%,color-mix(in srgb,var(--glow) 60%,transparent) 94%,transparent 100%);box-shadow:inset -32px -4px 48px rgba(0,0,0,.72),inset 8px 0 18px color-mix(in srgb,var(--glow) 20%,transparent)}
.living-sphere .sphere-night{position:absolute;inset:0;border-radius:50%;background:linear-gradient(96deg,transparent 23%,rgba(0,0,0,.04) 46%,rgba(0,0,0,.72) 82%,rgba(0,0,0,.9));mix-blend-mode:multiply}
.living-sphere .sphere-grid{position:absolute;inset:0;border-radius:50%;opacity:0;background:repeating-linear-gradient(0deg,transparent 0 9px,rgba(92,237,255,.28) 10px),repeating-linear-gradient(90deg,transparent 0 12px,rgba(92,237,255,.22) 13px);mix-blend-mode:screen;transition:opacity .35s}
.mini-sphere{width:100%;height:100%}.planet .living-sphere{transition:filter .35s,box-shadow .35s}.planet:hover .living-sphere{filter:brightness(1.15);box-shadow:inset -24px -12px 42px rgba(0,0,0,.78),0 0 35px color-mix(in srgb,var(--glow) 65%,transparent)}
.planet .planet-label{position:absolute;left:50%;top:104%;transform:translateX(-50%);white-space:nowrap;color:#e7f0ff;font:500 10px Orbitron;text-shadow:0 2px 8px #000}
.planet>img{display:none!important}.pick>.living-sphere{width:100%;height:100%}.pick>img{display:none!important}
.hero-sphere{position:absolute;inset:8%;width:84%;height:84%;--glow:#65eaff;box-shadow:inset -75px -18px 115px rgba(0,0,0,.78),inset 22px 2px 44px rgba(255,255,255,.08),0 0 90px color-mix(in srgb,var(--glow) 26%,transparent);transform:translateY(var(--scroll-shift,0)) scale(calc(1 + var(--world-scroll,0)*.035));transition:transform .6s ease,filter .5s}
.hero-sphere .sphere-surface{background-size:220% 112%;animation-duration:38s}.hero-sphere .sphere-clouds{opacity:.34}.hero-sphere .sphere-grid{background-size:100% 100%}
.planet-hero>img{display:none!important}.holo-transition .hero-sphere .sphere-grid{animation:holoGrid .9s ease both}.holo-transition .hero-sphere{animation:holoPulse .9s ease both}.holo-transition .scan{animation:fastScan .9s ease both}
.abyss{--glow:#16d6d0}.andurion{--glow:#e4b35c}.cryovast{--glow:#8feaff}.harmonia{--glow:#4cf5d3}.noctyrian{--glow:#a95cff}.oblivion{--glow:#ff5138}.ragnarion{--glow:#39d7d5}.solyrian{--glow:#ffd45b}.syntherion{--glow:#45bfff}.velorian{--glow:#74dfff}
.abyss .sphere-surface{filter:saturate(1.5) hue-rotate(10deg) brightness(.72) contrast(1.3)}.andurion .sphere-surface{filter:saturate(1.3) sepia(.16) brightness(.95)}.cryovast .sphere-surface{filter:saturate(.9) brightness(1.15) contrast(1.08)}.harmonia .sphere-surface{filter:saturate(1.35) hue-rotate(-8deg)}.noctyrian .sphere-surface{filter:saturate(1.6) hue-rotate(15deg) contrast(1.2)}.oblivion .sphere-surface{filter:saturate(1.65) contrast(1.28)}.ragnarion .sphere-surface{filter:saturate(1.4) hue-rotate(8deg)}.solyrian .sphere-surface{filter:saturate(1.3) sepia(.25) brightness(1.08)}.syntherion .sphere-surface{filter:saturate(1.55) hue-rotate(-12deg)}.velorian .sphere-surface{filter:saturate(1.22) contrast(1.08)}
@keyframes planetRotate{from{background-position:0% 50%}to{background-position:200% 50%}}@keyframes cloudDrift{from{transform:rotate(0deg) scale(1.02)}to{transform:rotate(360deg) scale(1.02)}}@keyframes holoGrid{0%,100%{opacity:0}28%,68%{opacity:.82}}@keyframes holoPulse{0%,100%{filter:none}38%{filter:saturate(.6) brightness(1.45) drop-shadow(0 0 22px #62eaff)}}@keyframes fastScan{0%{top:10%;opacity:0}18%{opacity:1}82%{opacity:1}100%{top:88%;opacity:0}}
@media(max-width:900px){.living-sphere .sphere-surface{animation-duration:38s}.hero-sphere{inset:12%;width:76%;height:76%}.hero-sphere .sphere-clouds{opacity:.2}}
@media(prefers-reduced-motion:reduce){.living-sphere .sphere-surface,.living-sphere .sphere-clouds{animation:none!important}.hero-sphere{transform:none!important}}

/* Living Worlds V5 — dedicated seamless planetary surfaces */
.living-sphere .sphere-surface{
  background-size:200% 100%;
  background-repeat:repeat-x;
  animation-duration:42s;
  will-change:background-position;
}
.hero-sphere .sphere-surface{animation-duration:58s}
.planet:nth-child(2n) .sphere-surface{animation-direction:reverse;animation-duration:49s}
.planet:nth-child(3n) .sphere-surface{animation-duration:56s}
.system .planet{animation:orbitBreath 9s ease-in-out infinite alternate}
.system .planet:nth-child(2n){animation-duration:12s;animation-delay:-4s}
.system .planet:nth-child(3n){animation-duration:15s;animation-delay:-7s}
@keyframes orbitBreath{
  from{margin-top:-2px}
  to{margin-top:3px}
}
@media(prefers-reduced-motion:reduce){
  .living-sphere .sphere-surface,.system .planet{animation:none!important}
}