:root{--accent:#a8e8db;--muted:#a7b5c9}body{background:radial-gradient(ellipse at 30% 0%,#18303a55,transparent 55%),#060a12}header{height:88px;background:#0a111de8}.brand .mark{color:#a8e8db}.brand small{font-size:10px;letter-spacing:2px;color:#95b3b8}#cosmicNav{position:absolute;top:88px;left:0;right:0;height:58px;display:flex;gap:8px;align-items:center;padding:0 25px;border-bottom:1px solid #ffffff13;background:#0a111de8;overflow:auto;z-index:5;scrollbar-width:none}#cosmicNav button{white-space:nowrap;background:transparent;border-color:transparent;color:#9cafc7;padding:10px 16px;font-size:13px}#cosmicNav button:hover{background:#172532;color:#fff}#cosmicNav button.active{color:#b9f4e6;background:#17342f;border-color:#86d5c52d}#planets{top:169px}#viewport{top:161px;border-color:#648d9d25;background:#040710;box-shadow:0 20px 80px #0003}#info,#history{top:161px;background:linear-gradient(155deg,#11202b,#0b1220);border-color:#648d9d25}#info h1{font-size:47px}.primary{background:#afe9d9;color:#082d28}.primary:hover{background:#cafcee}.eyebrow,.section-label{color:#9bcccb}#planetInside{border-color:#8dc7b953;background:#17332e;color:#c2f4e7}#status{top:160px}#history .history-content{margin-top:20px}#epochChips{grid-template-columns:repeat(4,1fr)}#epochText{font-size:14px}#universe{position:absolute;inset:161px 20px 113px;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;min-height:0}.universe-open #viewport,.universe-open #planets,.universe-open #info,.universe-open #history,.universe-open footer,.universe-open .scale{visibility:hidden}.u-scene{position:relative;border:1px solid #648d9d25;border-radius:20px;overflow:hidden;background:#040710;min-height:200px;display:flex;flex-direction:column}.u-scene canvas{width:100%;height:100%;min-height:0;flex:1;display:block;touch-action:none}.u-caption{position:absolute;top:25px;left:27px;right:25px;pointer-events:none}.u-caption .section-label{font-size:10px;letter-spacing:2px}.u-caption h2{font-size:clamp(24px,3vw,42px);margin:9px 0;color:#edf5fc}.u-caption p{font-size:13px;max-width:390px;line-height:1.5;margin:0;color:#90a4bf}.u-scene-note{position:absolute;left:25px;bottom:90px;color:#8297b3;font-size:11px;max-width:75%;line-height:1.5;pointer-events:none}.u-controls{padding:17px 22px;background:#0c1521;border-top:1px solid #ffffff17;display:flex;align-items:center;gap:15px;min-height:74px}.u-controls label{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px;color:#98b1c5;font-size:11px;letter-spacing:.5px}.u-controls input[type=range]{width:100%;accent-color:#a8e8db;cursor:pointer}.u-controls select,#planetSelect{font:inherit;color:#eaf7fa;border:1px solid #ffffff20;border-radius:7px;padding:8px;background:#142231;max-width:100%}.u-panel{border:1px solid #648d9d25;border-radius:20px;background:linear-gradient(155deg,#122330,#0c1421);padding:26px;overflow:auto;scrollbar-width:thin}.u-panel h2{font-size:28px;line-height:1.25;margin:12px 0}.u-panel h3{font-size:15px;margin:24px 0 8px;color:#d6eae8}.u-panel p{font-size:14px;line-height:1.7}.u-panel .lead{color:#ccdae8;font-size:15px}.u-statgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.u-statgrid div{border-top:1px solid #ffffff20;padding-top:12px}.u-statgrid small{font-size:10px;color:#85a3b4;letter-spacing:1px;display:block;margin-bottom:7px}.u-statgrid strong{font:500 23px 'Space Grotesk',sans-serif;color:#d8fff2}.u-note{border-left:2px solid #a5dbc9;background:#a2ddcf09;padding:12px 14px;margin:20px 0;color:#b7d0d3;font-size:13px;line-height:1.65}.u-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.u-buttons button{font-size:12px;padding:9px 10px;background:#142331}.u-buttons button.active{border-color:#9bd4c5;color:#c9fff0;background:#204039}.u-source{display:block;border-top:1px solid #ffffff19;margin-top:22px;padding-top:16px;font-size:12px;color:#98c5d6}.u-panel .badge{margin-top:0}.stage-list{display:flex;flex-direction:column;gap:6px}.stage-list button{display:flex;gap:12px;align-items:center;text-align:left;background:transparent;border-color:transparent;font-size:13px}.stage-list button span{width:24px;height:24px;border-radius:50%;background:#223640;color:#91b5b9;text-align:center;padding-top:3px;flex-shrink:0;font-size:12px}.stage-list button.active{background:#17372f;border-color:#8dd6ba40}.stage-list button.active span{background:#a8e8db;color:#133128}.planet-tabs{display:flex;gap:6px;flex-wrap:wrap}.planet-tabs button{padding:9px 12px;font-size:12px}.planet-tabs button.active{background:#a8e8db;color:#092b27}.layer-list button{display:block;width:100%;text-align:left;margin:7px 0;padding:10px 12px;font-size:13px;border-left:3px solid var(--layer-color)}.layer-list button.active{background:#263b43;border-color:#adf2d2}.layer-list button small{display:block;font-size:11px;color:#98b0c7;margin-top:4px}.u-mini{font-size:12px!important;line-height:1.6!important;color:#809cb6!important}.discover{grid-column:1/-1;overflow:auto;border:1px solid #648d9d25;border-radius:20px;background:linear-gradient(140deg,#10272c 0,#0b1320 45%);padding:35px 40px;scrollbar-width:thin}.discover-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.discover h1{font-size:45px;margin:12px 0}.discover-heading p{max-width:550px;font-size:15px}.topic-filter{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.topic-filter button{background:#152936;font-size:13px}.topic-filter button.active{background:#a8e8db;color:#092b27}.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.learning-card{border:1px solid #8ea9ba29;border-radius:15px;background:#0b1420;padding:23px;display:flex;flex-direction:column;align-items:flex-start}.learning-card .symbol{font:400 34px 'Space Grotesk',sans-serif;color:#a8e8db}.learning-card h3{font:500 21px 'Space Grotesk',sans-serif;margin:17px 0 0}.learning-card p{font-size:14px}.learning-card button{margin-top:auto;background:#18362f;color:#bfeedd;font-size:12px}.learning-card a{font-size:11px;margin-top:12px}.quiz-card{border:1px solid #a3e3cf35;border-radius:15px;margin-top:30px;padding:25px;background:#13302c55}.quiz-card h3{font-size:22px}.quiz-card p{font-size:15px}.quiz-options{display:flex;flex-wrap:wrap;gap:10px}.quiz-options button{background:#14252c;font-size:14px}.quiz-options button.correct{background:#174c38;border-color:#abf6cd}.quiz-options button.wrong{background:#4d2727;border-color:#eaa1a1}.quiz-result{color:#c7e9de!important;min-height:28px}.scale-path{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:22px 0}.scale-path span{padding:9px 12px;border:1px solid #ffffff20;border-radius:8px;font-size:12px;color:#c4dfdf}.discovery-progress{border:1px solid #8ee0bc40;border-radius:10px;background:#16312a;padding:12px 15px;font-size:12px;color:#baf2db;white-space:nowrap}.floating-readout{position:absolute;right:22px;top:25px;color:#c5fbe5;font-size:12px;background:#142e2bb8;border:1px solid #95cfbb35;padding:9px 12px;border-radius:8px;pointer-events:none}#universe button:disabled{opacity:.55;cursor:default}#universe button:hover{filter:brightness(1.14)}.u-loading{color:#b8d6e3;margin:25px}.u-error{color:#ffd5b4}
@media(min-width:1450px){#universe{grid-template-columns:minmax(0,1fr) 390px}.u-panel{padding:30px}.u-panel p{font-size:15px}}
@media(max-width:1100px){#cosmicNav{padding:0 15px;gap:3px}#cosmicNav button{font-size:12px;padding:10px 12px}#universe{grid-template-columns:minmax(0,1fr) 310px;inset:161px 14px 110px;gap:12px}.u-panel{padding:21px}.u-caption h2{font-size:29px}.floating-readout{top:auto;bottom:95px}.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discover{padding:28px}}
@media(max-width:900px){header{height:78px}#cosmicNav{top:78px;height:56px}#planets{top:143px}#viewport,#info,#history{top:206px}#universe{top:146px;bottom:18px}.u-caption{top:20px;left:20px}.u-caption h2{font-size:25px}.u-controls{padding:14px 16px;gap:10px}.u-controls button{padding:9px 11px}.discover-heading{display:block}.discovery-progress{display:inline-block;margin-top:8px}}
@media(max-width:700px){#universe{display:flex;flex-direction:column;overflow:auto;inset:146px 10px 12px;scrollbar-width:thin}.u-scene{min-height:390px;flex-shrink:0;height:48vh}.u-panel{flex-shrink:0;overflow:visible;padding:23px}.u-caption p{font-size:12px;max-width:300px}.u-caption h2{font-size:26px}.u-scene-note{font-size:10px;bottom:91px}.u-controls{flex-wrap:wrap;min-height:78px}.u-controls label{min-width:100px}.floating-readout{bottom:100px;font-size:10px}.discover{overflow:visible;padding:24px 18px}.discover h1{font-size:32px}.learning-grid{grid-template-columns:1fr}.learning-card{padding:23px}#cosmicNav{padding:0 9px;gap:1px}#cosmicNav button{padding:10px 12px}#viewport{top:202px;bottom:304px}#info{top:auto;bottom:107px;height:185px}#info h1{font-size:30px}#history{top:auto;bottom:103px;height:310px}.history-open #viewport{top:202px;bottom:425px;min-height:95px}.history-open #history{top:auto}#planets{top:144px}header .brand{font-size:16px}.brand small{font-size:8px}header{padding:0 14px}.u-statgrid{grid-template-columns:repeat(2,1fr)}.u-scene canvas{min-height:260px}.quiz-options{flex-direction:column}.scale-path{gap:5px}.scale-path span{font-size:11px;padding:7px}.u-panel h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}