.solarPage{--solarGold:#e6c884;--solarText:#eaf0f8;--solarMuted:#9daec4;--solarLine:rgba(155,179,214,.17);background:radial-gradient(ellipse at 20% 0,rgba(38,54,90,.5),transparent 42%),radial-gradient(ellipse at 95% 46%,rgba(30,50,72,.3),transparent 40%),#080e1b;color:var(--solarText);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
.solarShell{max-width:1516px;margin:auto;padding:0 36px}
.solarPage button,.solarPage input{font:inherit}
.solarPage button{min-height:44px;border:1px solid var(--solarLine);border-radius:8px;padding:10px 15px;background:#141e30;color:#cbd6e6;cursor:pointer;font-size:13px;font-weight:650;line-height:1.3;transition:background .16s,border-color .16s,color .16s}
.solarPage button:hover{background:#22314a;border-color:#5a6b85;color:#fff}
.solarPage button:disabled{opacity:.4;cursor:not-allowed}
.solarPage button:focus-visible,.solarPage input:focus-visible,.solarPage a:focus-visible,.solarPage summary:focus-visible,.solarPage svg:focus-visible{outline:3px solid #e8cc8a;outline-offset:4px}
.solarPage button[aria-pressed="true"]{border-color:rgba(230,200,132,.58);background:rgba(230,200,132,.1);color:#f3dfb5}
.solarNav{display:flex;align-items:center;justify-content:space-between;min-height:88px;border-bottom:1px solid var(--solarLine);gap:20px}
.solarBrand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:16px;font-weight:750;letter-spacing:.2px;color:#e9edf4}
.brandStar{font-size:24px;color:var(--solarGold);font-weight:400}
.backGames{font-size:13px;font-weight:650;color:#b9c7d9;text-decoration:none;padding:10px 0}
.backGames span{margin-right:7px;color:var(--solarGold)}
.solarHero{display:flex;align-items:center;justify-content:space-between;gap:42px;padding:52px 0 35px}
.solarPage .eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--solarGold);font-weight:750;text-transform:uppercase;margin:0 0 12px}
.solarHero h1{font-size:clamp(37px,4vw,60px);font-weight:570;line-height:1.12;letter-spacing:-2px;margin:0 0 20px}
.solarHero h1 span{color:var(--solarGold)}
.solarLede{margin:0;font-size:15px;line-height:1.7;color:#a7b7cb;max-width:52ch}
.epochCard{flex:0 0 auto;display:flex;align-items:flex-start;flex-direction:column;gap:4px;padding-left:26px;border-left:1px solid var(--solarLine);font-variant-numeric:tabular-nums;max-width:340px}
.modeBadge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(143,202,176,.27);background:rgba(103,172,142,.07);border-radius:5px;padding:3px 8px;color:#a3d9be;font-size:9px;font-weight:750;letter-spacing:1.5px;margin-bottom:8px}
.modeBadge::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 10px rgba(163,217,190,.35)}
.epochLabel{font-size:11px;color:#8fa1ba}
#epochText{font-size:16px;font-weight:650;color:#e2e9f3}
.epochNote{font-size:10px;color:#8495ae;letter-spacing:.3px}
.timePanel{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;padding:20px 22px;background:rgba(20,30,48,.67);border:1px solid var(--solarLine);border-radius:12px}
.dateForm label{display:block;margin-bottom:8px;font-size:12px;font-weight:650;color:#cbd5e4}
.dateForm label span{font-size:9px;color:#8da0b9;border-left:1px solid #4a5870;margin-left:6px;padding-left:8px;letter-spacing:1px}
.dateFields{display:flex;gap:8px}
.solarPage input[type="datetime-local"]{min-width:235px;min-height:44px;border:1px solid #35415a;border-radius:7px;padding:8px 11px;background:#0c1424;color:#dbe4f2;font-size:13px;font-variant-numeric:tabular-nums;color-scheme:dark}
.solarPage .primaryButton{background:#d9bd7d;border-color:#d9bd7d;color:#18202b;font-weight:750}
.solarPage .primaryButton:hover{background:#f0d79d;color:#0a1020;border-color:#f0d79d}
.timeSteps{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.timeSteps button{background:#111b2c;font-size:12px;white-space:nowrap}
.solarPage .nowButton{color:#e6ce9b;border-color:#63563c}
.nowButton span{font-size:17px;margin-right:4px;vertical-align:-1px}
.solarStatus:empty{display:none}
.solarStatus{border:1px solid #986846;border-radius:8px;background:#30231d;color:#f4d7b6;font-size:13px;padding:12px 15px;margin:14px 0 0}
.planetChoices{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 20px}
.planetChoices button{display:flex;justify-content:center;align-items:center;gap:8px;flex:1 1 105px;background:rgba(16,25,42,.6);border-color:transparent;font-size:12px;padding:10px 12px;min-height:48px}
.planetChoices button:hover{border-color:var(--solarLine)}
.planetChoices button[aria-pressed="true"],.planetChoices button[aria-current="true"]{background:#172437;border-color:#7e744f;color:#f0e0bc}
.planetChoices .planetDot,.planetChoices .planetSwatch{display:inline-block;flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--planet-color,#b5bfcf);box-shadow:0 0 8px rgba(255,255,255,.06)}
.explorerGrid{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:20px;align-items:start}
.mapPanel{min-width:0;border:1px solid var(--solarLine);border-radius:14px;overflow:hidden;background:#090f1d}
.mapHeading{padding:22px 23px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(155,179,214,.09)}
.mapHeading .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:5px}
.mapHeading h2{margin:0;font-size:17px;letter-spacing:-.25px;font-weight:650;line-height:1.35}
.viewChoices{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.viewChoices button{font-size:10px;padding:7px 10px;background:transparent;min-height:36px;border-color:transparent;white-space:nowrap}
.viewChoices button[aria-pressed="true"]{border-color:rgba(230,200,132,.3);background:rgba(230,200,132,.07)}
.mapViewport{position:relative;height:600px;isolation:isolate;background:radial-gradient(ellipse at 48% 48%,rgba(28,38,59,.37),transparent 60%),radial-gradient(circle at 11% 23%,#70849a 0 .65px,transparent 1px),radial-gradient(circle at 34% 71%,#42556e 0 .6px,transparent 1px),radial-gradient(circle at 77% 14%,#465870 0 .6px,transparent 1px),radial-gradient(circle at 88% 83%,#3e4f65 0 .8px,transparent 1.2px),#090f1d;background-size:auto,191px 193px,277px 241px,307px 283px,353px 319px,auto;overflow:hidden}
#solarMap{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;overflow:hidden}
#solarMap:active{cursor:grabbing}
.orbit{fill:none;stroke:rgba(135,157,190,.23);stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}
.planetHit{cursor:pointer;fill:transparent;pointer-events:all}
.planetBody{cursor:pointer;stroke:rgba(255,255,255,.25);stroke-width:.75;vector-effect:non-scaling-stroke}
.selectedPlanet{stroke:var(--solarGold);stroke-width:2;vector-effect:non-scaling-stroke}
.planetLabel{fill:#b5c2d4;font-size:12px;font-family:inherit;letter-spacing:.3px;paint-order:stroke;stroke:#090f1d;stroke-width:3px;stroke-linejoin:round;pointer-events:none;user-select:none}
.sunLabel{fill:#e8c67f;font-size:10px;font-family:inherit;letter-spacing:1.7px;text-transform:uppercase;paint-order:stroke;stroke:#090f1d;stroke-width:3px;pointer-events:none}
.scaleLabel{fill:#8e9eb5;font-size:10px;font-family:inherit;letter-spacing:.5px;paint-order:stroke;stroke:#090f1d;stroke-width:3px;pointer-events:none}
.mapCompass{position:absolute;left:20px;top:17px;display:flex;align-items:center;gap:7px;color:#6e7f97;font-size:9px;letter-spacing:.6px;pointer-events:none}
.mapCompass span{font-size:17px;font-weight:300;line-height:1}
.mapControls{position:absolute;right:16px;bottom:18px;display:flex;flex-direction:column;gap:5px}
.mapControls button{width:44px;height:44px;padding:0;border:1px solid #303d52;background:rgba(17,27,44,.94);font-size:23px;color:#d0d9e6;border-radius:7px;box-shadow:0 2px 8px #05081155;line-height:1}
.mapControls #resetView{font-size:24px;color:#bca877}
.mapFooter{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid rgba(155,179,214,.1);background:rgba(17,26,42,.65);font-size:10px;color:#7f91ab;line-height:1.4}
.mapFooter p{margin:0}
#viewStatus{font-weight:650;color:#b3c1d3}
.mapFooter p span{padding:0 5px;color:#576b86}
.mapKey{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:12px 20px 14px;margin:0;color:#7689a4;font-size:9px;line-height:1.7}
.orbitKey,.linkKey{display:inline-block;width:18px;height:0;border-top:1px solid #586a83}
.linkKey{margin-left:9px;border-top:1px dashed #c3aa77}
.notToScale{margin-left:auto;font-size:9px;color:#7b8ca5}
.planetPanel{padding:24px 23px 22px;background:linear-gradient(145deg,rgba(23,35,55,.85),rgba(16,25,41,.84));border:1px solid var(--solarLine);border-radius:14px}
.selectedHeading{display:flex;align-items:center;gap:17px;min-height:66px}
.selectedHeading .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:5px;color:#8596af}
.selectedHeading h2{margin:0;font-size:30px;line-height:1.1;letter-spacing:-.8px;font-weight:550}
.planetGlyph{width:56px;height:56px;border-radius:50%;flex:0 0 auto;background:radial-gradient(circle at 32% 25%,#acd8df,#5e98a3 29%,#366c9c 53%,#172941 82%);box-shadow:inset -11px -5px 15px #0207127a,0 0 25px #3d7c9b1a}
.planetDescription{min-height:75px;margin:22px 0 22px;color:#9eafc5;font-size:12px;line-height:1.8}
.planetStats{margin:0;font-size:11px;font-variant-numeric:tabular-nums}
.planetStats>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--solarLine)}
.planetStats dt{font-size:10px;color:#8f9fb6;max-width:130px}
.planetStats dd{font-size:12px;font-weight:650;margin:0;color:#dce5f2;text-align:right;white-space:nowrap}
.coordinateNote{font-size:9px;line-height:1.7;color:#72859f;margin:5px 0 22px}
.comparisonPanel{border-top:1px solid #48516a;padding-top:23px;margin-top:15px}
.comparisonPanel .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:8px}
.comparisonPanel h3{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:650;margin:0 0 17px;color:#d0dce9}
.earthDot,.jupiterDot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#75b6d3}
.jupiterDot{background:#d7b594}
.comparisonArrow{color:#6b7f99;margin:0 7px;font-weight:400}
.comparisonDistance{font-size:34px;line-height:1.15;letter-spacing:-1px;font-weight:550;font-variant-numeric:tabular-nums;color:#e7cf9b;margin:0 0 4px}
.comparisonKm{font-size:10px;color:#8b9eb8;margin:0 0 18px;font-variant-numeric:tabular-nums}
.comparisonStats{margin:0;font-size:10px}
.comparisonStats>div{display:flex;justify-content:space-between;gap:12px;margin-top:8px}
.comparisonStats dt{color:#8396b1}
.comparisonStats dd{margin:0;color:#c3d0e1;font-variant-numeric:tabular-nums;white-space:nowrap}
.comparisonNote{margin:14px 0 0;font-size:9px;line-height:1.7;color:#7386a0}
.underMap{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:start;padding:38px 0 28px}
.readMap h2{font-size:23px;letter-spacing:-.5px;font-weight:550;margin:0 0 12px}
.readMap p:not(.eyebrow){font-size:12px;line-height:1.9;color:#91a3bc;margin:0 0 12px;max-width:61ch}
.readMap .eyebrow{font-size:9px}
.positionsDetails{padding:0;border:1px solid var(--solarLine);border-radius:10px;min-width:0;background:rgba(18,28,45,.5);overflow:hidden}
.solarPage details summary{position:relative;font-size:12px;font-weight:650;letter-spacing:.1px;padding:17px 18px;color:#cbd6e7;min-height:52px;list-style-position:inside;line-height:1.5}
.solarPage details[open] summary{border-bottom:1px solid var(--solarLine)}
.positionTableWrap{overflow-x:auto}
.positionTable{min-width:360px;font-size:11px;font-variant-numeric:tabular-nums;line-height:1.5}
.positionTable caption{font-size:10px;color:#8295af;padding:11px 15px}
.positionTable th,.positionTable td{padding:10px 14px;border-color:rgba(155,179,214,.1);font-size:11px}
.positionTable td{color:#a0b2ca;text-align:right}
.positionTable thead th{color:#8195b0;font-size:10px;font-weight:550}
.positionTable thead th:not(:first-child){text-align:right}
.positionTable tbody th{font-weight:600;color:#d0dcec}
.positionTable td:last-child{font-weight:550;color:#c3d0e1}
.accuracyDetails{border-top:1px solid var(--solarLine);border-bottom:1px solid var(--solarLine);padding:0;margin:0}
.solarPage .accuracyDetails summary{padding-left:0;font-size:11px;color:#93a4bc}
.accuracyCopy{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:0 0 18px}
.accuracyCopy p{color:#7f94af;font-size:11px;line-height:1.9;margin:17px 0 0}
.accuracyCopy a{color:#b8c9e1;text-decoration-color:#576b89}
.noScript{padding:18px;border:1px solid #8b7150;border-radius:10px;color:#e3c897;font-size:13px}
.solarFooter{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 0 32px;font-size:10px;color:#6e829e}
.solarFooter p{margin:0}
.solarFooter p span{margin:0 6px;color:#57708e}
.solarFooter a{font-size:10px;color:#a7b7cd;text-decoration:none}
.solarFooter a span{color:#c9ad75;margin-left:7px}
@media(min-width:1600px){.solarShell{padding:0 48px}.mapViewport{height:650px}}
@media(max-width:1190px){.solarShell{padding:0 26px}.explorerGrid{grid-template-columns:minmax(0,1fr) 275px;gap:16px}.planetPanel{padding:21px 18px}.mapHeading{display:block;padding:20px}.viewChoices{justify-content:flex-start;margin-top:14px;gap:5px}.mapViewport{height:580px}.mapKey{font-size:8px}.notToScale{width:100%;margin-left:0}.mapFooter{padding:12px 15px}.mapFooter p:last-child{font-size:9px}.underMap{gap:35px}}
@media(max-width:900px){.solarShell{padding:0 20px}.solarHero{padding-top:35px;gap:25px}.solarHero h1{font-size:45px}.epochCard{max-width:245px;padding-left:19px}#epochText{font-size:13px}.timePanel{align-items:flex-start;gap:18px;flex-direction:column}.timeSteps{align-self:stretch;justify-content:flex-start}.dateForm{width:100%}.dateFields{max-width:500px}.dateFields input{flex:1;min-width:0}.planetChoices{gap:4px}.planetChoices button{flex-basis:80px;padding:9px 7px;gap:6px;font-size:11px}.explorerGrid{grid-template-columns:minmax(0,1fr)}.mapHeading{display:flex;align-items:center}.viewChoices{margin-top:0;justify-content:flex-end}.mapViewport{height:600px}.planetPanel{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding:24px}.selectedHeading{grid-column:1}.planetDescription{grid-column:1;margin:16px 0;min-height:0}.planetStats{grid-column:1}.coordinateNote{grid-column:1;margin:8px 0 0}.comparisonPanel{grid-column:2;grid-row:1 / span 4;border-top:0;border-left:1px solid var(--solarLine);padding:6px 0 0 28px;margin:0}.comparisonDistance{font-size:40px}.comparisonPanel h3{margin-bottom:24px}.comparisonKm{margin-bottom:24px}.comparisonStats>div{margin-top:13px}.comparisonNote{margin-top:20px;max-width:28ch}.underMap{gap:25px;padding-top:30px}.accuracyCopy{grid-template-columns:1fr;gap:0}.mapKey .notToScale{width:auto;margin-left:auto}}
@media(max-width:620px){.solarShell{padding:0 14px}.solarNav{min-height:70px;gap:12px}.solarBrand{font-size:13px;gap:8px}.brandStar{font-size:19px}.backGames{font-size:11px}.solarHero{display:block;padding:29px 0 24px}.solarHero h1{font-size:42px;letter-spacing:-1.5px;margin-bottom:15px}.solarHero .eyebrow{font-size:9px;margin-bottom:14px}.solarLede{font-size:13px;max-width:34ch}.epochCard{margin-top:24px;padding:0;max-width:none;border:0;display:grid;grid-template-columns:auto 1fr;gap:2px 11px}.modeBadge{grid-column:1;grid-row:1 / span 2;align-self:center;margin:0;padding:4px 7px;font-size:8px;min-height:27px}.epochLabel{display:none}#epochText{grid-column:2;grid-row:1;font-size:12px;font-weight:600}.epochNote{grid-column:2;grid-row:2;font-size:9px}.timePanel{padding:15px;gap:15px}.dateForm label{font-size:11px}.dateFields{gap:7px}.solarPage input[type="datetime-local"]{font-size:12px;padding:8px;min-width:0}.dateFields .primaryButton{font-size:11px;padding:9px 12px;white-space:nowrap}.timeSteps{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:6px}.timeSteps button{padding:9px 7px;font-size:10px}.nowButton span{font-size:14px;margin-right:1px}.planetChoices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:16px 0}.planetChoices button{min-width:0;min-height:44px;gap:6px;padding:8px 5px;font-size:10px;background:rgba(21,32,51,.6)}.planetChoices .planetDot,.planetChoices .planetSwatch{width:7px;height:7px}.mapHeading{display:block;padding:17px 15px 13px}.mapHeading .eyebrow{font-size:8px}.mapHeading h2{font-size:16px}.viewChoices{display:grid;grid-template-columns:1fr 1.2fr 1fr;justify-content:initial;gap:5px;margin-top:14px}.viewChoices button{font-size:10px;min-height:44px;padding:8px 6px;border:1px solid rgba(155,179,214,.11)}.mapViewport{height:480px}.mapCompass{left:14px;top:13px;font-size:8px}.mapControls{right:12px;bottom:13px}.mapFooter{display:block;padding:11px 14px;font-size:9px}.mapFooter p:last-child{margin-top:3px;font-size:9px}.mapKey{padding:10px 14px 13px;font-size:8px;gap:5px}.mapKey .notToScale{width:100%;margin:0}.linkKey{margin-left:8px}.planetPanel{display:block;padding:22px 20px}.selectedHeading{gap:15px}.selectedHeading h2{font-size:30px}.planetGlyph{width:52px;height:52px}.planetDescription{font-size:12px;margin:17px 0 18px}.planetStats>div{padding:12px 0}.planetStats dt{max-width:none;font-size:11px}.planetStats dd{font-size:13px}.coordinateNote{margin:7px 0 20px;font-size:9px}.comparisonPanel{border-top:1px solid #3d4c64;border-left:0;padding:23px 0 0;margin-top:22px}.comparisonPanel h3{font-size:14px;margin-bottom:18px}.comparisonDistance{font-size:38px}.comparisonKm{font-size:11px;margin-bottom:20px}.comparisonStats{font-size:11px}.comparisonNote{max-width:none;font-size:10px;margin-top:17px}.underMap{display:block;padding:28px 3px 24px}.readMap h2{font-size:22px}.readMap p:not(.eyebrow){font-size:12px;max-width:none}.positionsDetails{margin-top:25px}.accuracyDetails{margin:0 3px}.solarPage .accuracyDetails summary{font-size:11px}.accuracyCopy{padding-bottom:17px}.accuracyCopy p{font-size:11px}.solarFooter{display:block;padding:23px 3px 28px;line-height:1.8}.solarFooter a{display:inline-block;margin-top:8px;min-height:32px}.solarFooter p{font-size:9px}.solarFooter p span{margin:0 3px}}
@media(prefers-reduced-motion:reduce){.solarPage button{transition:none}}

/* Each scale keeps its units and data model visible, including on a phone. */
.solarPage [hidden]{display:none!important}
.scaleBar{display:flex;gap:10px;flex-wrap:wrap;padding:14px;border:1px solid var(--solarLine);border-radius:12px;background:#111b2b;align-items:center}
.scaleBar>button{flex:1 1 auto}
.moonDestination{display:flex;align-items:center;gap:8px;flex:2 1 auto}
.moonDestination label{font-size:11px;color:#9daec4;white-space:nowrap}
.solarPage select{font:inherit;color:#dde7f6;background:#0c1424;border:1px solid #35415a;border-radius:7px;padding:9px;min-height:44px;font-size:12px;flex:1;min-width:0;color-scheme:dark}
.sceneNote{font-size:12px;color:#b9c7da;line-height:1.8;margin:15px 2px 10px;max-width:110ch}
.contextChoices{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px;min-height:0}
.contextChoices button{font-size:11px;min-height:40px;padding:8px 12px}
.contextChoices .smallBodyChoice{border-color:#655d46;color:#d8c89e}
.exploreSelected{width:100%;margin:4px 0 12px;text-align:left;color:#efdaaa!important;border-color:#736548!important}
.selectedHeading h2{overflow-wrap:anywhere;font-size:clamp(23px,2.2vw,30px)}
.planetStats dd{white-space:normal;overflow-wrap:anywhere}
.planetDescription{min-height:0}
.mapTip{position:absolute;left:16px;right:80px;bottom:66px;max-width:340px;padding:12px 14px;background:#111c2ff2;border:1px solid #52647c;border-radius:9px;color:#d1ddec;font-size:11px;line-height:1.7;box-shadow:0 6px 24px #0008;pointer-events:none}
.mapTip strong{display:block;color:#f2dba8;font-size:12px;margin-bottom:3px}
.mapKey label{display:flex;align-items:center;gap:8px;color:#b0bfd2;font-size:11px;min-height:36px;cursor:pointer}
.mapKey input{width:17px;height:17px;accent-color:#d9bd7d}
.smallBodyOrbit{stroke-dasharray:2 6}
.issMarker{fill:#b3efc9;stroke:#17382c;stroke-width:1}
.issPanel{display:grid;grid-template-columns:1fr 1fr;gap:40px;border:1px solid #39514b;background:linear-gradient(115deg,#122a2b80,#131e30);padding:26px;border-radius:12px;margin-top:22px}
.issPanel h2,.tideSection h2{font-size:27px;line-height:1.25;letter-spacing:-.5px;font-weight:550;margin:0 0 18px}
.issPanel p:not(.eyebrow){color:#a4b6cc;font-size:12px;line-height:1.9}
.issReadout>p:first-child{color:#b3efc9;margin-top:0;min-height:24px}
.issReadout dl{margin:0 0 16px;font-size:12px;font-variant-numeric:tabular-nums}
.issReadout dl>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--solarLine)}
.issReadout dt{color:#8c9fb7}.issReadout dd{margin:0;color:#deebf6;text-align:right}
.issButtons{display:flex;gap:8px;flex-wrap:wrap}
.solarPage .smallNote{font-size:10px!important;color:#8297b3!important;line-height:1.8}
.tideSection{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:50px 0 16px;align-items:center}
.tideCopy p:not(.eyebrow){font-size:13px;color:#9eafc5;line-height:1.95;margin:0 0 14px}
.tideCopy strong{color:#dbe9f3;font-weight:600}
.tideExperiment{border:1px solid var(--solarLine);border-radius:14px;background:linear-gradient(145deg,#17263a88,#0e1624);padding:14px 20px 18px;min-width:0}
#tideMap{width:100%;max-height:310px;display:block}
.tideMoonOrbit{fill:none;stroke:#73849944;stroke-width:1}
.sunRays{stroke:#e6c88466;stroke-width:1.5}
.tideSunText{font-size:10px;fill:#e6c884;text-anchor:middle;letter-spacing:1px}
.tideEarthText{font-size:10px;fill:#c6e3ed;letter-spacing:1px}
.tideMoonText{font-size:10px;fill:#adb9cc;paint-order:stroke;stroke:#101b2b;stroke-width:3px}
.tideControl label{font-size:12px;color:#9aadc8;display:flex;justify-content:space-between;gap:10px}
.tideControl label strong{color:#ecdbb6;font-weight:600}
.tideControl input[type=range]{width:100%;min-height:40px;accent-color:#d9bd7d;cursor:pointer;margin:4px 0}
.tidePresets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.tidePresets button{font-size:10px;padding:8px 4px}
#tideExplanation{font-size:12px;color:#c4d4e5;line-height:1.8;min-height:44px}
#currentTidePhase{font-size:10px;width:100%}
.accuracyCopy{grid-template-columns:repeat(2,1fr)}
@media(max-width:1190px){.viewChoices button{padding:7px;font-size:9px}.tideSection{gap:28px}.issPanel{gap:24px}}
@media(max-width:900px){.scaleBar{gap:8px}.moonDestination{flex-basis:100%;order:2}.scaleBar>button{font-size:11px}.tideSection{gap:25px}.tideCopy p:not(.eyebrow){font-size:12px}.planetPanel .exploreSelected{grid-column:1}.planetPanel .comparisonPanel{grid-row:1 / span 5}.coordinateNote{grid-column:1}}
@media(max-width:620px){.scaleBar{padding:10px;display:grid;grid-template-columns:1fr 1fr}.scaleBar>button{font-size:10px;padding:9px 7px}.scaleBar #solarView{grid-column:1 / -1}.moonDestination{grid-column:1 / -1;order:initial;gap:6px;flex-wrap:wrap}.moonDestination label{font-size:10px}.moonDestination button{font-size:10px;min-width:0;flex:1}.moonDestination select{flex:1;max-width:120px}.sceneNote{font-size:11px;margin-top:12px}.contextChoices{gap:5px}.contextChoices button{padding:8px 9px;font-size:10px}.viewChoices{grid-template-columns:1fr 1.1fr 1fr 1fr}.mapCompass{max-width:90%;font-size:8px}.mapTip{left:10px;bottom:62px;font-size:10px;padding:9px 11px;right:70px}.mapTip strong{font-size:11px}.mapKey{display:block}.mapKey .notToScale{display:block;margin-top:5px;font-size:9px}.issPanel{display:block;padding:20px}.issReadout{margin-top:22px}.issPanel h2,.tideSection h2{font-size:25px}.tideSection{display:block;padding-top:35px}.tideExperiment{margin-top:23px;padding:12px 15px 18px}.tidePresets button{font-size:9px}.accuracyCopy{grid-template-columns:1fr}.selectedHeading h2{font-size:29px}}

.viewerClock{font-size:10px;color:#93a9c3;margin-top:6px}.catalogToolbar{display:grid;grid-template-columns:1.7fr 1fr 1.15fr;gap:16px;border:1px solid var(--solarLine);border-radius:12px;padding:18px;margin-top:14px;background:#101a2b}.catalogToolbar label{display:block;font-size:11px;color:#c5d0e0;margin-bottom:7px}.catalogToolbar input[type=search]{font:inherit;font-size:12px;color:#e5edf7;background:#0a1322;border:1px solid #354963;border-radius:7px;min-height:44px;width:100%;padding:9px 12px}.scaleDestination select{width:100%;display:block}.scaleDestination>button{margin-top:8px;width:100%;font-size:11px}.graphicsSetting label{display:flex;align-items:center;gap:9px;min-height:33px;font-weight:650}.graphicsSetting input{accent-color:#d6bc7d;width:18px;height:18px}.graphicsSetting>span{display:block;color:#8296b1;font-size:10px;line-height:1.7}.graphicsSetting button{margin-top:10px;font-size:11px;width:100%}.searchResults{display:grid;gap:5px;max-height:300px;overflow-y:auto}.searchResults button{text-align:left;font-size:11px}.objectExtras{font-size:11px;color:#a4b6cf;margin:0 0 17px}.objectExtras>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #91a5bf18;padding:7px 0}.objectExtras dt{color:#8094b1}.objectExtras dd{margin:0;text-align:right;color:#d4e0f0}.weatherPanel{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;padding:28px;border:1px solid #8c704644;border-radius:14px;background:linear-gradient(120deg,#33261d55,#111d31);margin-top:28px;scroll-margin-top:20px}.weatherPanel h2{font-size:27px;font-weight:550;line-height:1.2;margin:0 0 15px}.weatherPanel p{font-size:12px;color:#a4b6cd;line-height:1.9}.weatherReadings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.weatherReadings article{border:1px solid #61738c33;border-radius:10px;padding:15px 11px;background:#0b152588}.weatherReadings article>span{display:block;font-size:10px;color:#9badc5}.weatherReadings strong{display:block;font-size:26px;line-height:1.4;color:#efd197;margin:12px 0;font-variant-numeric:tabular-nums}.weatherReadings time{font-size:9px;color:#8195b1;line-height:1.7;display:block}.weatherReadings article.stale strong{color:#a7a9b2}.weatherReadings article.stale time{color:#d1ab7b}#weatherStatus{font-size:11px;min-height:21px}.planetPhoto{pointer-events:none}.planetAtmosphere{pointer-events:none;fill:none;stroke-width:1;opacity:0}.highGraphics .planetAtmosphere{opacity:.45;filter:url(#planetBloom);animation:atmosphereGlow 7s ease-in-out infinite alternate}.cloudGlint{pointer-events:none;opacity:0;fill:none;stroke:#effaff;stroke-width:1}.highGraphics .cloudGlint{opacity:.15;animation:cloudDrift 20s ease-in-out infinite alternate}.highGraphics .planetGlyph{width:88px;height:88px;background-color:#070d17!important;box-shadow:0 0 25px #5c91c733}.planetGlyph img{width:100%;height:100%;object-fit:contain;border-radius:50%;display:block}.highGraphics .mapViewport{box-shadow:inset 0 0 100px #386b8d0f}.regionLabel{font-size:10px;fill:#92a8c2;paint-order:stroke;stroke:#090f1d;stroke-width:3px;pointer-events:none}.regionOutline{fill:none;stroke:#8299b044;stroke-width:1;stroke-dasharray:3 8;pointer-events:none}.deepBody{cursor:pointer}.sunCorona{opacity:.2}.highGraphics .sunCorona{animation:coronaGlow 5s ease-in-out infinite alternate}.catalogDotLayer{pointer-events:none}.sceneNote{min-height:30px}@keyframes atmosphereGlow{from{opacity:.2}to{opacity:.65}}@keyframes cloudDrift{from{transform:translateX(-2px);opacity:.08}to{transform:translateX(2px);opacity:.22}}@keyframes coronaGlow{from{opacity:.15}to{opacity:.35}}
@media(max-width:1050px){.catalogToolbar{grid-template-columns:1fr 1fr}.catalogFind{grid-column:1/-1}.weatherPanel{grid-template-columns:1fr;gap:15px}.highGraphics .planetGlyph{width:70px;height:70px}.weatherReadings strong{font-size:23px}}@media(max-width:620px){.catalogToolbar{padding:13px;gap:12px;grid-template-columns:1fr}.catalogFind{grid-column:auto}.catalogToolbar label{font-size:10px}.graphicsSetting>span{font-size:10px}.weatherPanel{padding:20px;gap:12px}.weatherReadings{gap:6px}.weatherReadings article{padding:12px 8px}.weatherReadings strong{font-size:21px}.weatherReadings article>span{font-size:9px}.weatherPanel h2{font-size:24px}.viewerClock{grid-column:2;font-size:9px}.highGraphics .planetGlyph{width:75px;height:75px}.objectExtras{font-size:11px}.searchResults{max-height:270px}}
@media(prefers-reduced-motion:reduce){.highGraphics .planetAtmosphere,.highGraphics .cloudGlint,.highGraphics .sunCorona{animation:none!important}}

.objectExtras{display:grid;grid-template-columns:1fr;grid-column:1;gap:3px}.objectExtras dt{font-size:10px;color:#8197b6;margin-top:9px}.objectExtras dd{text-align:left;line-height:1.75;margin:0;color:#bccde1}.imageryCaption{grid-column:1}.planetGlyph img{border-radius:0}.weatherReadings strong{overflow-wrap:anywhere}.weatherReadings #fieldValue{font-size:20px}.cosmicGuide{margin:35px 0 0;padding-top:25px;border-top:1px solid var(--solarLine)}.cosmicGuide h2{font-size:27px;font-weight:550;margin:0 0 20px}.cosmicTopics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cosmicTopics details{border:1px solid var(--solarLine);border-radius:10px;background:#12203955;padding:0 15px}.solarPage .cosmicTopics summary{font-size:13px;color:#c2d2e5;padding:17px 0;line-height:1.5}.cosmicTopics p{font-size:12px;color:#9badc6;line-height:1.9}.cosmicTopics strong{color:#cbb78c;font-weight:550}@media(max-width:900px){.cosmicTopics{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.cosmicTopics{grid-template-columns:1fr}.cosmicGuide h2{font-size:24px}}

.earthCloudPanel{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:22px;padding:27px;border:1px solid #517e824d;border-radius:13px;background:linear-gradient(120deg,#163a3c55,#111d31)}.earthCloudPanel h2{font-size:27px;font-weight:550;line-height:1.2;margin:0 0 15px}.earthCloudPanel p{font-size:12px;line-height:1.9;color:#a8bdd1}.earthCloudSettings label{display:block;font-size:12px;line-height:1.7;color:#cfdfec;margin-bottom:12px}.earthCloudSettings label:first-child{display:flex;gap:10px;align-items:center}.earthCloudSettings input{width:18px;height:18px;accent-color:#9dcfcb;flex-shrink:0}.earthCloudSettings select{width:100%;font-size:11px}.earthCloudSettings #earthCloudStatus{color:#badad5;min-height:46px}.earthCloudSettings button{font-size:11px}.earthCloudSettings label[for]{font-size:10px;color:#8ea8be;margin-bottom:6px}@media(max-width:900px){.earthCloudPanel{gap:22px}}@media(max-width:620px){.earthCloudPanel{display:block;padding:20px}.earthCloudSettings{margin-top:20px}.earthCloudPanel h2{font-size:24px}}

/* The replay is separate from the orbital clock and loads progressively. */
.earthReplay{scroll-margin-top:20px;border:1px solid #557e8970;border-radius:18px;background:linear-gradient(135deg,#122b3599,#0a1425);margin:28px 0 38px;padding:28px}.replayIntro{display:flex;gap:28px;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.replayIntro>div{max-width:73ch}.earthReplay h2{font-size:clamp(27px,3vw,38px);line-height:1.2;font-weight:550;margin:0 0 14px}.replayIntro p:not(.eyebrow){font-size:13px;line-height:1.9;color:#a9bfd4;margin:0}.replayBadge{font-size:9px;font-weight:650;letter-spacing:.7px;color:#b8ded7;white-space:nowrap;border:1px solid #6b9f9666;padding:8px 10px;border-radius:7px;background:#142e2f}.replayLayout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px;align-items:start}.replayScreen{min-width:0;position:relative;overflow:hidden;border-radius:13px;border:1px solid #566f8a44;background:radial-gradient(circle,#17424e33,#050b14 65%);aspect-ratio:1/1}.replayScreen img{display:block;width:100%;height:100%;object-fit:contain;clip-path:circle(48% at 50% 50%);transform:scale(1.04)}.replayImageCaption{position:absolute;left:0;bottom:0;right:0;display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;padding:15px;background:linear-gradient(0deg,#070e1bf5,#070e1bd9);font-size:10px;color:#c8dbe8;font-variant-numeric:tabular-nums}.replayImageCaption>span{color:#9cbbc5}.replayRange{font-size:12px;color:#acbfd4;line-height:1.8;margin:0 0 16px;min-height:42px}.replayButtons{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.replayButtons button{min-height:44px;font-size:11px;padding:9px 13px}.replayButtons button[id$="Play"]{color:#f3d99e;border-color:#a0834f88;background:#5c492733;flex-grow:1}.replayButtons button:disabled{opacity:.4;cursor:default}.replayButtons select{padding:6px;min-height:38px;font-size:10px}.replayButtons label{font-size:10px;color:#9cb0c9;display:flex;gap:7px;align-items:center}.replayTimelineLabel{display:block;font-size:11px;color:#b1c9dd;margin:20px 0 5px}.earthReplay input[type=range],.earthMapReplay input[type=range]{width:100%;min-height:42px;accent-color:#d6b873;cursor:pointer;margin:0}.replayOptions{display:grid;grid-template-columns:105px minmax(0,1fr);gap:20px;margin-top:14px}.replayOptions>label{font-size:11px;color:#adc0d5;line-height:1.8}.replayOptions select{display:block;width:100%;margin-top:5px}.replayDetail{display:block}.replayDetail input{width:17px;height:17px;accent-color:#d5ba7f;vertical-align:middle;margin-right:5px}.replayDetail span{display:block;font-size:10px;color:#829bb7;margin-top:5px}.replayStatus{color:#c7dcd9;font-size:11px;line-height:1.8;min-height:38px;margin:17px 0 12px}.replayConsole>#replayRefresh{font-size:10px;min-height:40px}.replayScience{border-top:1px solid var(--solarLine);margin-top:23px;padding-top:18px}.replayScience h3{color:#d3e1ec;font-size:14px;font-weight:600;margin:0 0 12px}.replayScience p{font-size:11px;color:#91a9c3;line-height:1.9;margin:0 0 12px}.earthMapReplay{padding:17px 20px;border-top:1px solid #577e7366;background:linear-gradient(100deg,#183c3744,#182a4144)}.replayHeading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:13px;font-size:11px;color:#c6e2dc}.replayHeading strong{font-weight:600}.replayHeading time{font-variant-numeric:tabular-nums;color:#e4d5ac}.earthMapReplay .replayTimelineLabel{margin-top:10px;font-size:10px}.earthMapReplay>p{margin:5px 0 0;font-size:10px;line-height:1.8;color:#92acc3}.earthMapReplay a,.replayJump{color:#cfdecc;font-size:11px}.replayJump{display:inline-block;margin:12px 0 0 12px}.earthMapReplay>p a{display:inline-block;margin-left:6px}.replayScreen img{pointer-events:none}@media(max-width:1100px){.replayLayout{gap:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.replayOptions{gap:12px}}@media(max-width:900px){.replayLayout{grid-template-columns:1fr}.replayScreen{max-width:650px;width:100%;justify-self:center}.replayIntro{gap:16px}.replayOptions{grid-template-columns:130px minmax(0,1fr)}}@media(max-width:620px){.earthReplay{padding:19px 14px;margin-bottom:28px}.replayIntro{display:block}.replayIntro h2{font-size:28px}.replayBadge{display:inline-block;margin-top:14px}.replayIntro p:not(.eyebrow){font-size:12px}.replayLayout{gap:18px}.replayImageCaption{padding:10px;font-size:9px}.replayOptions{grid-template-columns:95px minmax(0,1fr);gap:13px}.earthMapReplay{padding:15px 13px}.replayButtons{gap:6px}.replayButtons button{font-size:10px;padding:8px 10px}.earthMapReplay .replayButtons label{width:100%;justify-content:flex-end}.earthMapReplay .replayButtons select{flex:0 0 72px}.replayHeading time{font-size:10px}.earthMapReplay>p a{display:block;margin-left:0}.replayJump{display:block;margin-left:0}}