*{box-sizing:border-box}html{background:#090e1c;scroll-behavior:smooth}body{margin:0;color:#e7ecfc;font-family:Inter,system-ui,-apple-system,sans-serif}#backdrop{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}button,input,select{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{border:1px solid #33445e;background:#17233a;color:#dce5fb;border-radius:12px;padding:11px 16px;cursor:pointer;transition:.2s}button:hover{background:#283957}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d9f5a8;outline-offset:5px}.primary{display:inline-flex;align-items:center;gap:10px;background:#d7f1a7;color:#172416;border:1px solid #d7f1a7;border-radius:13px;padding:14px 21px;font-weight:650;font-size:13px}.primary:hover{background:#edffc8}.secondary{display:inline-block;border:1px solid #3a4565;padding:14px 20px;border-radius:13px;font-size:13px;color:#c2cee8}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 5vw;border-bottom:1px solid #29344b;background:#0c1325dd;position:relative;z-index:5;backdrop-filter:blur(15px)}.brand{font-size:12px;letter-spacing:.17em;white-space:nowrap}.brand span{color:#d6edab;margin-left:8px}nav{display:flex;gap:6px}nav a{font-size:12px;color:#93a5c5;padding:11px 15px;border-radius:25px}nav a:hover{color:#edf1ff;background:#19243d}nav a[aria-current="page"]{color:#dff3c3;background:#25352e}.soundless{padding:5px 10px;background:transparent;font-size:23px;border:none;color:#9db0cc}main{max-width:1260px;padding:55px 5vw 60px;margin:auto;min-height:calc(100vh - 170px)}.eyebrow{font-size:10px;letter-spacing:.22em;color:#a6bc8d}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;min-height:470px}h1{font-size:clamp(46px,6.5vw,82px);line-height:1.03;font-weight:430;letter-spacing:-.065em;margin:20px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#b9aaf4}h2{font-size:clamp(24px,3vw,36px);letter-spacing:-.04em;font-weight:450;margin:16px 0}h3{font-size:20px;font-weight:480;margin:12px 0}p{font-size:14px;line-height:1.75;color:#9dacce;max-width:600px}.hero p{max-width:420px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.hero-art{position:relative;aspect-ratio:1/1;max-width:470px;width:100%;display:grid;place-items:center}.orbit{position:absolute;width:90%;height:90%;border:1px solid #384362;border-radius:50%;transform:rotate(-20deg) scaleY(.62)}.orbit.two{width:65%;height:65%;transform:rotate(25deg) scaleY(.65)}.orbit.three{width:115%;height:115%;opacity:.35;transform:rotate(-15deg) scaleY(.58)}.planet-hero{width:55%;height:55%;border-radius:50%;background:radial-gradient(circle at 29% 28%,#dfc8a1,#a28bb2 35%,#525f85 58%,#171d32 83%);box-shadow:-15px -10px 70px #a8a0df22,inset -20px -15px 55px #080e24}.orbit-dot{position:absolute;top:21%;right:18%;width:16px;height:16px;border-radius:50%;background:#e7f4b4;box-shadow:0 0 25px #d0eaa566}.art-label{position:absolute;bottom:14%;left:3%;font-size:9px;color:#9baccc;letter-spacing:.15em;line-height:1.9}.intro-row,.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 20px}.section-head p{font-size:12px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{display:block;border:1px solid #2e3c56;border-radius:22px;background:linear-gradient(145deg,#19253a99,#0d172c99);padding:25px;transition:.2s;overflow:hidden}.card:hover{border-color:#7083a5;transform:translateY(-3px)}.card p{font-size:12px;margin:10px 0}.card .symbol{font-size:33px;color:#baaef3;line-height:1.4}.card small{font-size:9px;letter-spacing:.16em;color:#91a7c2}.card .arrow{float:right;color:#b8d49d}.tag{display:inline-block;border:1px solid #42516c;border-radius:20px;padding:5px 9px;font-size:9px;color:#b7c6e3;margin:5px 5px 0 0}.fact{margin-top:30px;border:1px solid #39434e;border-left:3px solid #b8cb91;background:#1b282899;border-radius:15px;padding:20px 24px;display:flex;gap:23px;align-items:center}.fact b{font-size:25px;color:#c9e0ad;font-weight:400}.fact p{font-size:12px;margin:0;max-width:none}.fact small{font-size:9px;color:#a1b788;letter-spacing:.16em;display:block;margin-bottom:5px}#footer{max-width:1260px;margin:auto;padding:25px 5vw;border-top:1px solid #25334b;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#7185a7;letter-spacing:.1em}.sky-main{max-width:none;padding:0!important;min-height:0}#skyFrame{display:block;width:100%;height:calc(100svh - 88px);border:none;background:#070b17}.page-heading{margin-bottom:30px}.page-heading h1{font-size:clamp(38px,5vw,60px);margin:17px 0}.page-heading p{font-size:13px}.system-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:20px}.orrery{background:#0d1629ba;border:1px solid #30405b;border-radius:23px;position:relative;min-height:500px;overflow:hidden}.orrery canvas{width:100%;height:500px;display:block;touch-action:pan-y}.diagram-label{position:absolute;top:18px;left:20px;color:#768dab;font-size:9px;letter-spacing:.1em;pointer-events:none}.orrery-controls{padding:16px 20px;border-top:1px solid #2b3c56;display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap}.orrery-controls label{font-size:11px;color:#a6b6cf;display:flex;gap:10px;align-items:center}.orrery-controls input{width:110px;accent-color:#d1e9a3}.planet-info{border:1px solid #31415e;border-radius:23px;padding:25px;background:#111c30c9}.planet-orb{height:100px;width:100px;border-radius:50%;margin:15px auto 25px;box-shadow:inset -20px -10px 25px #060914aa,0 0 45px #a7bdde15}.planet-info p{font-size:12px}.planet-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.planet-facts strong{display:block;font-size:19px;font-weight:450;margin-top:6px}.planet-facts small{font-size:9px;letter-spacing:.12em;color:#879abb}.planet-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.planet-buttons button{font-size:11px;padding:9px 13px;border-radius:25px}.planet-buttons button.active{background:#cddfa5;color:#1b291e;border-color:#cddfa5}.fine{font-size:11px;color:#7e92b1;line-height:1.7}.search{width:min(100%,330px);border:1px solid #3b4a65;border-radius:14px;background:#10192c;color:#e7ecff;padding:13px 16px}.atlas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.constellation{padding:0;text-align:left;color:inherit;width:100%}.constellation svg{display:block;width:100%;height:165px;background:radial-gradient(ellipse at center,#20264266,transparent)}.constellation .card-copy{padding:0 23px 24px}.constellation p{min-height:42px}.detail{border:1px solid #53647f;border-radius:22px;background:#16213b;padding:25px;margin-bottom:25px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail svg{height:250px;width:100%}.detail p{font-size:13px}.detail button{font-size:11px}.quiz{margin-top:30px;border:1px solid #374761;border-radius:22px;padding:30px;background:#17233899}.quiz .answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.quiz button{text-align:left}.quiz button.correct{border-color:#badb8b;background:#29412c}.quiz button.wrong{border-color:#c18d99;background:#422936}.quiz #feedback{min-height:24px;font-size:12px;color:#bbdba4}.game-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;padding:35px;border:1px solid #46506e;border-radius:25px;background:radial-gradient(ellipse at right,#3d2c6055,#101a2acc)}.game-art{display:grid;place-items:center;min-height:230px;font-size:120px;color:#bca6ff;text-shadow:0 0 60px #b391ee70}.game-feature h2{font-size:42px}.game-feature p{font-size:13px}body.calm *{scroll-behavior:auto!important} @media(max-width:850px){.site-header{height:76px;gap:12px;padding:0 4vw}.brand{font-size:10px}nav a{font-size:11px;padding:10px}.hero{gap:15px;min-height:400px}.grid,.atlas-grid{grid-template-columns:repeat(2,1fr)}.system-layout{grid-template-columns:1fr}.planet-info{display:grid;grid-template-columns:100px 1fr;gap:0 25px}.planet-info>.planet-orb{grid-row:1/5;width:85px;height:85px}.planet-info p,.planet-facts{grid-column:2}.planet-facts{margin:10px 0}.orrery canvas{height:450px}.orrery{min-height:450px}#skyFrame{height:calc(100svh - 76px)}}@media(max-width:600px){.site-header{height:67px;padding:0 6vw;justify-content:space-between}.brand{font-size:11px}nav{position:fixed;bottom:0;left:0;right:0;padding:10px 8px max(10px,env(safe-area-inset-bottom));border-top:1px solid #334059;background:#0b1427f5;justify-content:space-around;backdrop-filter:blur(15px)}nav a{font-size:10px;padding:10px 9px}.soundless{font-size:22px}main{padding:35px 6vw 40px;min-height:calc(100svh - 200px)}.hero{grid-template-columns:1fr;gap:0;min-height:0}h1{font-size:54px}.hero-art{max-width:300px;margin:-5px auto 0;aspect-ratio:1.2}.hero p{font-size:12px}.art-label{font-size:8px;bottom:9%}.hero .actions{margin-bottom:5px}.intro-row{margin-top:20px}.section-head{align-items:flex-start;flex-direction:column;gap:12px}.grid,.atlas-grid{grid-template-columns:1fr}.card{padding:23px}.constellation{padding:0}.constellation svg{height:150px}.constellation p{min-height:0}.fact{padding:17px;gap:14px}.fact b{font-size:21px}#footer{padding:24px 6vw 100px;flex-direction:column;font-size:8px;gap:10px}.page-heading h1{font-size:42px}.orrery canvas{height:360px}.orrery{min-height:360px}.orrery-controls{padding:13px;gap:10px}.planet-info{padding:20px;grid-template-columns:70px 1fr;gap:0 18px}.planet-info>.planet-orb{width:65px;height:65px}.planet-facts{gap:13px}.planet-facts strong{font-size:16px}.planet-buttons{gap:6px}.planet-buttons button{font-size:10px;padding:8px 11px}.detail{grid-template-columns:1fr;gap:10px;padding:20px}.detail svg{height:170px}.detail p{font-size:12px}.quiz{padding:20px}.quiz .answers{grid-template-columns:1fr}.game-feature{grid-template-columns:1fr;padding:24px;gap:0}.game-art{min-height:150px;font-size:90px;grid-row:1}.game-feature h2{font-size:36px}#skyFrame{height:calc(100svh - 132px)}.sky-main{padding-bottom:70px!important}.sky-view #footer{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){.site-header{backdrop-filter:none}nav{z-index:20}}