/* Reading sizes for shared parent-and-child exploration. */
#solar-voyage .intro{font-size:14px;line-height:1.7}
#solar-voyage .camera-status{font-size:12px;line-height:1.65}
#solar-voyage .mode-btn{font-size:14px}
#solar-voyage .preview-actions .btn{font-size:14px;min-height:48px}
#solar-voyage .play-tip p{font-size:14px;line-height:1.65}
#solar-voyage .play-tip small{font-size:12px;line-height:1.6}
#solar-voyage .creation-feedback{font-size:13px;line-height:1.7;bottom:25px}
#solar-voyage .feedback-kicker{font-size:10px;letter-spacing:.13em}
#solar-voyage .gesture-cards strong{font-size:13px}
#solar-voyage .gesture-cards small{font-size:11px}
#solar-voyage .solar-notes{font-size:11px;color:#8496b0}
#solar-voyage .stage-coordinate{font-size:9px;color:#74849b}
@media(max-width:600px){
 #solar-voyage .intro{font-size:13px}
 #solar-voyage .camera-status{font-size:11px}
 #solar-voyage .mode-btn{font-size:12px}
 #solar-voyage .preview-actions .btn{font-size:13px}
 #solar-voyage .play-tip p{font-size:13px}
 #solar-voyage .play-tip small{font-size:11px}
 #solar-voyage .creation-feedback{font-size:12px}
 #solar-voyage .feedback-kicker{font-size:9px}
 #solar-voyage .gesture-cards strong{font-size:12px}
 #solar-voyage .gesture-cards small{font-size:11px}
 #solar-voyage .solar-notes{font-size:10px}
}
.science-narration-status{display:block;max-width:42ch;font-size:14px;line-height:1.6;color:#9daec4;margin-top:8px}
.stellar-story{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid #c4d6f51c;padding:22px 5px 15px;margin-top:8px}
.stellar-story>div{display:flex;gap:14px;align-items:center;flex:1}.story-spark{font-size:29px;color:#dfbe85}.stellar-story p{margin:0;font-size:15px;line-height:1.8;color:#adbad0}.stellar-story strong{display:block;font-size:17px;font-weight:500;color:#e3dfd7}.stellar-story p span{font-size:14px;color:#879ab5}.stellar-story>button{font:inherit;font-size:15px;min-height:48px;padding:10px 21px;border:1px solid #b29c745e;background:#bc9a5b16;color:#ecd1a2;border-radius:8px;cursor:pointer}.stellar-story details{flex-basis:100%;font-size:14px;line-height:1.9;color:#9aacc5}.stellar-story summary{cursor:pointer;min-height:32px}.stellar-story details p{font-size:14px;margin:10px 0;max-width:80ch}.stellar-story details a{color:#c2d5ef}
@media(max-width:600px){.stellar-story{gap:14px;padding-top:20px}.stellar-story>button{width:100%;min-height:52px}.stellar-story strong{font-size:16px}}
#solar-voyage .ambient-toggle{margin-left:auto;font-size:12px;white-space:nowrap;color:#b8c6dc;padding:9px 8px}
#solar-voyage .ambient-toggle:disabled{opacity:.6;cursor:default}
#solar-voyage .stage-toolbar>.live-indicator{margin-left:12px}
@media(max-width:600px){#solar-voyage .stage-toolbar>.live-indicator{display:none}#solar-voyage .ambient-toggle{font-size:11px;margin-left:auto;padding:10px 3px}}

/* Three distinct objects, one quiet observing instrument. */
#solar-voyage .object-tray{display:flex;align-items:stretch;padding:12px 18px;gap:10px;border-bottom:1px solid #b2c6e317;background:#080d17}
#solar-voyage .object-choice{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:64px;border:1px solid transparent;border-radius:8px;background:transparent;color:#91a0b9;text-align:left;cursor:pointer;font:inherit;font-size:15px;transition:background .18s,border-color .18s,color .18s}
#solar-voyage .object-choice>span{line-height:1.5;display:block}
#solar-voyage .object-choice small{display:block;font-size:11px;color:#6f829c;white-space:nowrap}
#solar-voyage .object-choice:hover{background:#bdd5f20b;color:#e0e8f4}
#solar-voyage .object-choice[aria-pressed=true]{background:#d2bd8e0d;border-color:#d0b67a4c;color:#e6d5b1}
#solar-voyage .object-choice[aria-pressed=true] small{color:#b5a583}
#solar-voyage .object-choice[data-cosmic-object=neutron-star][aria-pressed=true]{border-color:#91c8ec60;background:#7abbe70d;color:#bbdff5}
#solar-voyage .object-choice[data-cosmic-object=neutron-star][aria-pressed=true] small{color:#8eb9d2}
#solar-voyage .object-choice:focus-visible{outline:2px solid #b4d9f8;outline-offset:3px}
#solar-voyage .object-choice:disabled{opacity:.5;cursor:wait}
.object-mark{position:relative;display:block;flex:0 0 32px;width:32px;height:32px}
.mark-star:before{content:'';position:absolute;inset:9px;border-radius:50%;background:#dbc17e;box-shadow:0 0 12px #d8a95260}
.mark-star:after{content:'';position:absolute;inset:3px;border:1px dashed #a58d5360;border-radius:50%}
.mark-hole:before{content:'';position:absolute;inset:8px;border:1px solid #edc992;border-radius:50%;background:#030509;box-shadow:0 0 9px #d9913c4d}
.mark-hole:after{content:'';position:absolute;inset:11px -1px;border:1px solid #d8aa65;border-radius:50%;transform:rotate(-24deg)}
.mark-neutron:before{content:'';position:absolute;inset:12px;border-radius:50%;background:#ddf3ff;box-shadow:0 0 9px #b0e2ff80}
.mark-neutron:after{content:'';position:absolute;left:15px;top:1px;width:2px;height:30px;background:linear-gradient(transparent,#94d7f7,transparent);transform:rotate(32deg)}
#solar-voyage [hidden]{display:none!important}
#solar-voyage[data-cosmic-object=black-hole] .birth-btn{background:#d4b380;color:#20180e;border-color:#d5b787}
#solar-voyage[data-cosmic-object=neutron-star] .birth-btn{background:#bddceb;color:#0a2635;border-color:#c7e8f8}
#solar-voyage .compact-actions .btn{white-space:nowrap}
#solar-voyage .compact-story strong{max-width:42ch;line-height:1.7}
#solar-voyage .compact-story p span{display:block}
@media(max-width:600px){
 #solar-voyage .object-tray{padding:8px;gap:4px}
 #solar-voyage .object-choice{gap:7px;padding:9px 4px;min-height:62px;font-size:14px}
 #solar-voyage .object-choice small{font-size:10px;line-height:1.6}
 #solar-voyage .object-mark{flex-basis:24px;width:24px;height:24px}
 #solar-voyage .mark-star:before{inset:6px}.mark-star:after{inset:1px}
 #solar-voyage .mark-hole:before{inset:5px}.mark-hole:after{inset:8px -1px}
 #solar-voyage .mark-neutron:before{inset:8px}.mark-neutron:after{left:11px;top:-1px;height:26px}
 #solar-voyage .compact-actions{width:100%;display:grid;grid-template-columns:1.2fr 1fr}
 #solar-voyage .compact-actions .btn{padding-left:10px;padding-right:10px}
 #solar-voyage .compact-story strong{font-size:16px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){#solar-voyage .object-choice{transition:none}}

@media(max-width:600px){#solar-voyage[data-cosmic-object=black-hole] .solar-stage,#solar-voyage[data-cosmic-object=neutron-star] .solar-stage{height:330px;min-height:330px}}

/* Observing deck: context first, controls within reach, imagery kept square. */
#solar-voyage .stage-toolbar{min-height:66px;padding:8px 22px;gap:16px;background:#0a101b}
#solar-voyage .stage-toolbar>.live-indicator{display:none}
#solar-voyage .stage-toolbar .mode-btn{min-height:44px;font-size:15px}
#solar-voyage .ambient-toggle{min-width:104px;min-height:42px;padding:10px 16px;border:1px solid #b6cce12c;border-radius:8px;color:#c4d4e6;background:#bfd9f008;font-size:13px}
#solar-voyage[data-interaction-mode=explore] .ambient-toggle{border-color:#92c9e64d;color:#c3e3f5;background:#76b9e910}
#solar-voyage .object-tray{gap:12px;padding:12px 20px;background:#090e18}
#solar-voyage .object-choice{gap:18px;min-height:124px;padding:8px 14px;justify-content:center;border-color:#c1d3eb0e}
#solar-voyage .object-choice>span{font-size:18px}
#solar-voyage .object-choice small{font-size:12px;line-height:1.8}
#solar-voyage .object-mark{width:104px;height:104px;flex:0 0 104px;border-radius:10px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #cfdfef13}
#solar-voyage .object-mark:before,#solar-voyage .object-mark:after{content:none}
#solar-voyage .mark-star{background-image:url('./assets/ui/star-card.webp')}
#solar-voyage .mark-hole{background-image:url('./assets/ui/black-hole-card.webp')}
#solar-voyage .mark-neutron{background-image:url('./assets/ui/neutron-card.webp')}
#solar-voyage .roam-actions .birth-btn{background:#c0ddec;border-color:#bddcef;color:#102c3c;display:inline-flex;align-items:center;justify-content:center;gap:9px}
#solar-voyage .earth-thumb{display:block;width:30px;height:30px;border-radius:50%;background:url('./assets/ui/earth-card.webp') center/cover;box-shadow:0 0 0 1px #1b456640}
#solar-voyage .orbit-readout{position:absolute;top:20px;right:22px;display:flex;gap:10px;align-items:center;padding:8px 11px;border:1px solid #bed5f018;border-radius:6px;background:#080e19d9;color:#b7cde0;font-size:12px;line-height:1.4;pointer-events:none}
#solar-voyage .orbit-readout i{width:5px;height:5px;background:#687e90;border-radius:50%}
#solar-voyage .orbit-readout[data-playing=true] i{background:#96c8c2}
#solar-voyage .orbit-readout span:last-child{padding-left:10px;border-left:1px solid #b0cce12b;font-variant-numeric:tabular-nums;color:#8fa6bc}
#solar-voyage[data-interaction-mode=explore] .stage-coordinate>span:last-child{display:none}
#solar-voyage .explore-drawer{margin:10px 0 18px;padding:0 20px;background:#0a111c;border:1px solid #b5cbe519;border-radius:8px}
#solar-voyage .explore-drawer summary{font-size:14px;min-height:48px;align-items:center}
#solar-voyage .explore-drawer .viz-controls{padding:8px 0 14px;gap:14px}
#solar-voyage .solar-heading{margin-bottom:20px}
@media(max-width:600px){
 #solar-voyage .stage-toolbar{min-height:58px;padding:5px 12px;gap:6px}
 #solar-voyage .stage-toolbar .mode-btn{font-size:13px;min-height:42px}
 #solar-voyage .ambient-toggle{min-width:82px;padding:8px 9px;font-size:12px}
 #solar-voyage .object-tray{padding:8px;gap:5px}
 #solar-voyage .object-choice{min-height:110px;padding:8px 3px;flex-direction:column;gap:6px;justify-content:center;text-align:center}
 #solar-voyage .object-choice>span{font-size:14px;line-height:1.35}
 #solar-voyage .object-choice small{font-size:10px;line-height:1.7}
 #solar-voyage .object-mark{width:56px;height:56px;flex:0 0 56px;border-radius:7px}
 #solar-voyage[data-interaction-mode=create] .solar-stage{height:260px;min-height:260px}
 #solar-voyage[data-interaction-mode=explore] .solar-stage{height:390px;min-height:390px}
 #solar-voyage .orbit-readout{top:16px;right:12px;font-size:10px;padding:7px 8px;gap:7px}
 #solar-voyage .orbit-readout span:last-child{padding-left:7px}
 #solar-voyage .stage-coordinate{font-size:9px;top:18px;left:14px}
 #solar-voyage .roam-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
 #solar-voyage .roam-actions .btn{padding:10px 12px}
 #solar-voyage .earth-thumb{width:25px;height:25px}
 #solar-voyage .explore-drawer{padding:0 12px}
 #solar-voyage .explore-drawer summary span{font-size:11px}
 #solar-voyage .solar-heading{margin-bottom:16px}
}