:root{--page:#0b111b;--surface:#131e2a;--surface-2:#1c2a39;--ink:#edf3f8;--subtle:#b2c0cf;--border:#344454;--accent:#d2f898;--accent-ink:#172411;--accent-soft:#d2f89814;--warning:#f6cf8a;--kicker:#a4c7de;--shadow:0 18px 70px #0007;color-scheme:dark}
:root[data-theme=light]{--page:#edf2f7;--surface:#fff;--surface-2:#e4ecf2;--ink:#172a3b;--subtle:#42596b;--border:#bacbd7;--accent:#23583d;--accent-ink:#fff;--accent-soft:#23583d10;--warning:#79510e;--kicker:#345b76;--shadow:0 18px 70px #19364c33;color-scheme:light}
body{background:var(--page);font-family:system-ui,-apple-system,'Segoe UI',sans-serif}body>header{background:var(--surface);color:var(--ink);gap:15px;height:76px;padding:0 22px}body>header .brand{font-family:inherit;flex-shrink:0}body>header>a:last-child{color:var(--subtle)}.academy-header{display:flex;align-items:center;gap:12px;margin-left:auto}.academy-header label{font-size:13px;color:var(--subtle)}.academy-header select,.level-row select{min-height:42px;font-size:14px;border:1px solid var(--border);background:var(--surface-2);color:var(--ink);padding:8px 12px;border-radius:8px}.academy-header button{font-size:13px;min-height:42px;background:var(--surface-2);color:var(--ink)}#academy-progress{font-size:12px;opacity:.8;margin-left:5px}#simulator{height:calc(100dvh - 76px)}body>header .header-note{display:none}.intro h1{font-family:inherit}.intro{max-width:280px}.intro h1{font-size:23px}.intro .eyebrow{font-size:10px}.intro p{font-size:13px}#info{width:270px;background:var(--surface);color:var(--ink);border-color:var(--border)}#description,#info dt,.follow-note{color:var(--subtle);font-size:13px}#info .info-top{font-size:10px;color:var(--subtle)}#info dd{font-size:14px}#info .tip{font-size:13px;color:var(--ink);background:var(--accent-soft)}#focus{min-height:44px;font-size:13px;background:var(--accent);color:var(--accent-ink)}.timeline{background:var(--surface);border-color:var(--border);color:var(--ink)}.time-readout span,.speed label{color:var(--subtle);font-size:11px}.time-readout strong{font-size:14px}.speed strong{color:var(--accent)}#play{background:var(--accent);color:var(--accent-ink)}#planets{background:var(--surface);border-color:var(--border);color:var(--ink)}#planets button{color:var(--ink);font-size:13px;min-height:44px}#planets button.active{color:var(--ink);border-color:var(--accent);background:var(--accent-soft)}.footnote{font-size:11px;color:#c5d2df}.settings{font-size:12px}.settings select{font-size:12px}.modebar button{font-size:12px}.model-note{font-size:10px;max-width:500px}.date-setting{position:absolute;right:28px;bottom:190px;display:flex;gap:8px;align-items:center;font-size:12px;background:#101b26ed;border:1px solid #35495a;padding:8px 12px;border-radius:8px;color:#d4e0eb}.date-setting input{padding:7px 6px;background:#1c2a39;color:#fff;border:1px solid #526777;border-radius:5px;font-size:12px}.date-setting label{display:flex;gap:8px;align-items:center}#info-toggle{font-size:13px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
dialog{background:var(--page);color:var(--ink);border:1px solid var(--border);box-shadow:var(--shadow)}dialog::backdrop{background:#02070dcc;backdrop-filter:blur(5px)}#observatory{padding:0;width:min(1480px,97vw);height:94dvh;max-width:none;max-height:none;border-radius:18px;overflow:hidden}.obs-shell{height:100%;display:flex;flex-direction:column}.obs-header{height:80px;flex-shrink:0;max-width:none;width:100%;margin:0;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--border);color:var(--ink)}.kicker{font-size:10px;letter-spacing:1.8px;color:var(--subtle);display:block}.body-selector select{font-size:24px;font-weight:600;padding:2px 24px 2px 0;border:0;background:transparent;color:var(--ink);width:190px}.obs-header-actions{display:flex;align-items:center;gap:10px}.obs-header-actions button{background:var(--surface-2);color:var(--ink);border-color:var(--border);width:44px;height:44px;font-size:20px;padding:4px}.level-badge{font-size:13px;border:1px solid var(--border);border-radius:20px;padding:6px 12px;color:var(--subtle)}.obs-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(390px,1fr)}.observatory-stage{position:relative;min-height:0;background:radial-gradient(ellipse at center,#18293d,#080f19);overflow:hidden;padding:0;color:#f3f7fb}.observatory-stage *{--accent:#d2f898}.observatory-stage canvas{display:block;touch-action:none}#detail-canvas{position:absolute;inset:0}.detail-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.detail-pin{position:absolute;transform:translate(-50%,-100%);padding:6px 9px;border:1px solid #ffffff44;border-radius:7px;background:#102030e0;color:#e2f8b8;font-size:12px;white-space:nowrap}.detail-labels button{pointer-events:auto}.stage-title{position:absolute;top:22px;left:24px;pointer-events:none}.stage-title span{font-size:10px;letter-spacing:1.5px;color:#aac1d5}.stage-title h2{font:500 40px/1.2 system-ui,sans-serif;margin:7px 0}.stage-instructions{position:absolute;top:106px;left:24px;right:20px;font-size:12px;color:#b3c4d5;pointer-events:none}.detail-toolbar{position:absolute;bottom:140px;left:20px;right:20px;display:flex;justify-content:center;flex-wrap:wrap;gap:7px;pointer-events:none}.detail-toolbar button{pointer-events:auto;width:40px;height:40px;min-height:40px;padding:4px;background:#152536dd;color:#f1f6fb;border-color:#526372;font-size:22px}.stage-controls{position:absolute;bottom:89px;left:20px;right:20px;display:flex;align-items:center;justify-content:center;gap:18px;font-size:13px;color:#dce5ec}.stage-controls label{display:flex;gap:6px;align-items:center}.stage-controls input{accent-color:#d2f898;width:17px;height:17px}.stage-controls button{display:none}.view-notice{position:absolute;bottom:12px;left:22px;right:22px;line-height:1.5;font-size:12px;margin:0;color:#c2cddd;background:#080f19bb;padding:9px;border-radius:8px;pointer-events:none}.texture-status{position:absolute;top:140px;left:20px;right:20px;color:#ffd8ae;font-size:12px}.reading-panel{background:var(--surface);border-left:1px solid var(--border);padding:24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.level-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.level-row label{font-size:13px;color:var(--subtle)}.level-goal{font-size:13px;line-height:1.6;color:var(--subtle);margin:12px 0 20px}#detail-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}#detail-tabs button{background:var(--surface-2);color:var(--subtle);border:1px solid transparent;border-radius:7px;font-size:13px;min-height:40px;padding:8px 10px}#detail-tabs button[aria-pressed=true]{color:var(--accent-ink);background:var(--accent);font-weight:600}.section-kicker{font-size:11px;letter-spacing:1px;color:var(--kicker)}#detail-content h2{font-size:27px;font-weight:600;line-height:1.3;letter-spacing:-.7px;margin:12px 0 16px}#detail-content h3{font-size:19px;letter-spacing:-.3px;line-height:1.4;margin:27px 0 12px}#detail-content h4{font-size:15px;margin:22px 0 8px}#detail-content p{font-size:15px;line-height:1.75;color:var(--subtle)}#detail-content .lead{font-size:17px;line-height:1.7;color:var(--ink)}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.fact-grid>div{background:var(--surface-2);padding:14px;border-radius:10px}.fact-grid span{display:block;font-size:12px;color:var(--subtle);margin-bottom:6px}.fact-grid strong{font-size:15px;font-weight:600}.science-note{background:var(--accent-soft);border-left:3px solid var(--accent);padding:14px;font-size:13px;line-height:1.7;color:var(--ink);border-radius:0 8px 8px 0;margin:16px 0}.feature-card{display:block;width:100%;text-align:left;background:var(--surface-2);color:var(--ink);border:1px solid var(--border);padding:15px;margin-top:10px;border-radius:10px}.feature-card strong{display:flex;align-items:center;gap:8px;font-size:15px}.feature-card strong i{width:13px;height:13px;border-radius:50%;flex-shrink:0}.feature-card span{display:block;font-size:13px;line-height:1.65;color:var(--subtle);margin-top:7px}.feature-card small{display:block;font-size:12px;margin-top:8px}.control-line{display:flex;align-items:center;gap:12px;min-height:48px;font-size:14px;margin:15px 0;color:var(--ink);flex-wrap:wrap}.control-line input[type=range]{flex:1;min-width:140px;accent-color:var(--accent)}.control-line input[type=checkbox]{width:19px;height:19px;accent-color:var(--accent)}.fine-print{font-size:12px!important}.gas-chart>div{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:18px 0;font-size:14px}.gas-bar{width:100%;height:10px;border-radius:6px;background:var(--surface-2);overflow:hidden}.gas-bar i{display:block;height:100%;background:var(--accent);border-radius:6px}.audio-card{display:flex;align-items:center;gap:15px;margin:20px 0;background:var(--accent-soft);padding:12px;border-radius:12px}.audio-card button,.accent-button{background:var(--accent);color:var(--accent-ink);font-size:14px;font-weight:600;min-height:46px;padding:10px 16px;border:0}.audio-card span{font-size:12px;line-height:1.5;color:var(--subtle)}.picture-quiz{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.picture-quiz button{background:var(--surface-2);color:var(--ink);border:1px solid var(--border);padding:14px 8px;border-radius:12px;min-height:110px}.planet-picture{display:block;width:62px;height:62px;margin:0 auto 12px;border-radius:50%;background-size:auto 100%;background-position:center;box-shadow:inset -12px -6px 20px #000a,0 3px 12px #0003}.picture-quiz b{font-size:14px}.quiz-task{border:1px solid var(--border);border-radius:10px;padding:16px;margin:20px 0}.quiz-task legend{font-size:14px;line-height:1.5;padding:0 5px;color:var(--ink)}.quiz-task>div{display:flex;flex-direction:column;gap:8px}.quiz-task button{min-height:44px;border-color:var(--border);background:var(--surface-2);color:var(--ink);font-size:14px;text-align:left}.quiz-task button[data-correct=true]{background:var(--accent);color:var(--accent-ink)}.quiz-task p{font-size:13px!important;margin:12px 0 0}.task-status{font-size:13px!important;border-top:1px solid var(--border);padding-top:16px;color:var(--accent)!important}#picture-feedback{font-size:16px;line-height:1.6;padding-top:14px;color:var(--ink)}.formula-results{display:grid;grid-template-columns:1fr 1fr;gap:10px}.formula-results>div{background:var(--surface-2);border-radius:10px;padding:14px}.formula-results span{font-family:ui-monospace,monospace;font-size:13px;color:var(--subtle);display:block}.formula-results strong{display:block;font-size:20px;margin-top:8px}.lab-field{display:flex;flex-direction:column;font-size:13px;gap:10px;margin:20px 0}.lab-field input[type=number]{min-height:44px;border:1px solid var(--border);background:var(--surface-2);color:var(--ink);padding:10px;border-radius:7px;font-size:16px}.lab-field input[type=range]{width:100%;accent-color:var(--accent)}.calculation{font-weight:600;color:var(--ink)!important}.formula{font-family:ui-monospace,monospace;font-size:12px!important}#orbit-chart{width:100%;background:var(--surface-2);border-radius:10px;padding:8px;color:var(--subtle)}.secondary-button{display:block;background:var(--surface-2);color:var(--ink);border-color:var(--border);font-size:13px;padding:12px;margin:12px 0;min-height:44px}.mission-timeline article{position:relative;padding:0 0 24px 20px;border-left:2px solid var(--border)}.mission-timeline time{color:var(--accent);font-size:14px;font-weight:600}.mission-timeline h3{margin:6px 0!important}.mission-timeline a,.source-list a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-size:14px}.source-list{display:flex;flex-direction:column;gap:20px}.webgl-error{padding:50px;color:#fff;line-height:1.6}#learning-map{width:min(850px,94vw);padding:24px;border-radius:16px;max-height:90dvh}#learning-map header{height:auto;padding:0 0 12px;display:flex;align-items:center;justify-content:space-between;color:var(--ink);background:transparent}#learning-map h2{font-size:25px}#learning-map header button{font-size:20px;background:var(--surface-2);color:var(--ink)}.map-intro,.model-disclosure{color:var(--subtle);font-size:14px;line-height:1.7}#map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.map-planet{background:var(--surface);border-color:var(--border);color:var(--ink);padding:18px}.map-planet>span:last-child{display:block;font-size:12px;color:var(--subtle);margin-top:7px}.map-planet strong{font-size:17px}body[data-level=child] .reading-panel{font-size:18px}body[data-level=child] #detail-content h2{font-size:30px}body[data-level=child] #detail-content .lead{font-size:19px}body[data-level=child] #detail-tabs button{min-height:48px;font-size:14px}body[data-level=child] .settings,body[data-level=child] .date-setting,body[data-level=child] .model-note{display:none}body[data-level=child] .modebar button{font-size:14px;min-height:44px}body[data-level=child] .intro h1{font-size:26px}body[data-level=child] #info .tip{font-size:15px}body[data-level=child] #info dt,body[data-level=child] #info dd{display:none}
@media(max-width:1150px){.date-setting{right:20px;bottom:240px}.academy-header{gap:7px}.academy-header label{display:none}.intro{max-width:245px}.obs-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)}.reading-panel{padding:20px}.stage-title h2{font-size:33px}.stage-title{left:18px}.stage-instructions{left:18px;font-size:11px}.detail-toolbar{gap:5px;left:10px;right:10px}.detail-toolbar button{width:36px;height:40px}}
@media(max-width:800px){body>header{height:auto;min-height:106px;flex-wrap:wrap;padding:12px 16px;gap:10px}body>header>a:last-child{font-size:12px;margin-left:auto}.academy-header{order:3;width:100%;justify-content:space-between;gap:8px}.academy-header select{flex:1;min-width:0;font-size:13px;max-width:170px}.academy-header button{font-size:12px}#simulator{height:calc(100dvh - 106px);min-height:650px}#info{width:250px}.settings{right:14px;bottom:196px;font-size:11px;gap:8px}.settings .scale-setting{width:100%;justify-content:space-between}.date-setting{left:14px;right:auto;bottom:285px;font-size:11px;padding:5px 8px}.date-setting input{padding:5px;font-size:11px}.model-note{display:none}.footnote{font-size:10px}#planets button{font-size:12px;min-width:85px}#observatory{width:100vw;height:100dvh;border:0;border-radius:0;margin:0}.obs-header{height:73px;padding:10px 16px}.body-selector select{font-size:23px}.obs-header-actions{gap:6px}.level-badge{display:none}.obs-layout{display:block;overflow-y:auto}.observatory-stage{height:58dvh;min-height:390px}.reading-panel{overflow:visible;border-left:0;border-top:1px solid var(--border);padding:22px 18px}.stage-title h2{font-size:30px}.stage-title{top:16px}.stage-instructions{top:82px}.detail-toolbar{bottom:130px}.stage-controls{bottom:82px;font-size:12px;gap:10px}.stage-controls button{display:block;font-size:12px;color:#e3edfa;background:#18293c;border-color:#526372;padding:8px}.view-notice{font-size:11px;bottom:9px;left:12px;right:12px}.detail-toolbar button{width:39px;height:40px}#detail-content h2{font-size:26px}#detail-tabs{gap:7px}#detail-tabs button{font-size:13px;padding:8px 10px}#map-grid{gap:8px}.map-planet{padding:12px 7px}.map-planet strong{font-size:14px}.map-planet .planet-picture{width:48px;height:48px}.map-planet>span:last-child{font-size:11px}#learning-map{padding:18px}.time-readout span,.speed label{font-size:10px}.time-readout{min-width:78px}.date-setting label{gap:6px}body[data-level=child] #simulator{min-height:610px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
#back-to-model{display:none}@media(max-width:800px){#back-to-model{display:block;width:100%;margin:0 0 18px;min-height:44px;background:var(--accent);color:var(--accent-ink);border:0;font-size:14px}}
.surface-world{position:absolute;inset:0;background:#080f19}.surface-world canvas{display:block;width:100%;height:100%;touch-action:none}.surface-status{position:absolute;left:18px;right:18px;top:150px;color:#fff;font:500 12px/1.5 sans-serif;text-shadow:0 1px 4px #000;pointer-events:none}.ground-mode>canvas,.ground-mode>.detail-labels{visibility:hidden}.stage-controls.ground-mode>label{display:none}.surface-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0}.surface-presets button{min-height:44px}.surface-world canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}
.surface-presets button{background:var(--surface-2);color:var(--ink);border:1px solid var(--border);border-radius:8px}.lab-field select{min-height:44px;padding:10px;background:var(--surface-2);color:var(--ink);border:1px solid var(--border);border-radius:8px;width:100%}@media(max-width:800px){.surface-status{top:112px;font-size:11px}}