.solar-system-explorer{--solar-panel-bg: rgba(6, 10, 18, .78);--solar-panel-border: rgba(203, 213, 225, .18);--solar-control-bg: rgba(17, 24, 39, .74);--solar-control-border: rgba(203, 213, 225, .22);--solar-control-hover: rgba(245, 158, 11, .52);--solar-selected-bg: rgba(245, 158, 11, .18);--solar-selected-border: rgba(245, 158, 11, .62);--solar-selected-text: #ffe8b6;--solar-muted: rgba(226, 232, 240, .72);position:relative;width:100vw;min-height:100vh;overflow:hidden;background:#02040b;color:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.solar-canvas{position:absolute;inset:0;touch-action:none}.solar-canvas canvas{display:block;width:100%;height:100%;cursor:grab}.solar-canvas canvas:active,.solar-system-explorer.is-surface .solar-canvas canvas{cursor:grabbing}.solar-system-explorer.is-scene-unavailable .solar-canvas{opacity:.42}.solar-system-explorer.is-scene-unavailable .solar-hud:not(.solar-scene-fallback){display:none}.solar-hud{position:absolute;z-index:5;border:1px solid var(--solar-panel-border);background:var(--solar-panel-bg);box-shadow:0 18px 42px #0000003d;backdrop-filter:blur(14px)}.solar-hud-primary{top:1rem;left:1rem;display:flex;max-width:min(40rem,calc(100vw - 2rem));align-items:flex-start;gap:.55rem;border-radius:.5rem;padding:.58rem}.solar-info-toggle{top:1rem;left:1rem;border-radius:.5rem}.solar-scene-fallback{top:50%;left:50%;display:grid;width:min(28rem,calc(100vw - 2rem));gap:.8rem;border-radius:.5rem;padding:.9rem;transform:translate(-50%,-50%)}.solar-scene-fallback div{display:grid;gap:.22rem}.solar-scene-fallback span,.solar-readouts span,.solar-date span,.solar-speed output,.solar-toggle span,.solar-location-pill span{color:var(--solar-muted);font-size:.76rem;font-weight:650}.solar-scene-fallback strong{color:#fff;font-size:1rem;line-height:1.35}.solar-readouts{display:grid;width:min(35rem,calc(100vw - 5.4rem));grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.55rem}.solar-readouts div{min-width:0;border:1px solid rgba(203,213,225,.1);border-radius:.38rem;background:#0f172a85;padding:.5rem .6rem}.solar-readouts .solar-readout-wide{grid-column:1 / -1}.solar-readouts strong{display:block;overflow:hidden;margin-top:.1rem;color:#fff;font-size:.94rem;line-height:1.22;text-overflow:ellipsis;white-space:nowrap}.solar-readouts .solar-readout-wide strong{white-space:normal}.solar-body-panel{top:1rem;right:1rem;display:flex;max-width:min(24rem,calc(100vw - 2rem));align-items:center;gap:.5rem;border-radius:.5rem;padding:.64rem}.solar-body-panel select{min-width:10rem;min-height:2.15rem;border:1px solid var(--solar-control-border);border-radius:.38rem;background:var(--solar-control-bg);color:#f8fafc;font:inherit;font-size:.78rem;font-weight:750;padding:.42rem .6rem}.solar-system-explorer.has-tutorial .solar-body-panel{display:none}.solar-tutorial{top:1rem;right:1rem;display:grid;width:min(22rem,calc(100vw - 2rem));gap:.6rem;border-radius:.5rem;padding:.68rem;transition:border-color .16s ease,transform .16s ease}.solar-tutorial.is-advancing{border-color:#f59e0b80;transform:translateY(.08rem)}.solar-tutorial-header,.solar-tutorial-body{display:grid}.solar-tutorial-header{grid-template-columns:1fr auto;align-items:center;gap:.5rem}.solar-tutorial-header span{color:var(--solar-muted);font-size:.74rem;font-weight:760;letter-spacing:0}.solar-tutorial-close{width:1.9rem;min-height:1.9rem}.solar-tutorial-body{gap:.34rem}.solar-tutorial-body strong{color:#fff;font-size:.98rem;line-height:1.2}.solar-tutorial-body p{margin:0;color:#e2e8f0db;font-size:.82rem;line-height:1.35}.solar-tutorial-body kbd{justify-self:start;border:1px solid rgba(245,158,11,.38);border-radius:.3rem;background:#f59e0b21;color:#ffedc3;font:inherit;font-size:.76rem;font-weight:800;padding:.18rem .42rem}.solar-time-panel{right:1rem;bottom:1rem;display:grid;width:min(31rem,calc(100vw - 2rem));gap:.62rem;border-radius:.5rem;padding:.74rem}.solar-time-panel.is-collapsed{width:min(26rem,calc(100vw - 2rem));gap:0}.solar-date,.solar-speed,.solar-control-row,.solar-time-header,.solar-view-panel,.solar-location-pill,.solar-toggle{display:flex;align-items:center}.solar-date,.solar-speed{gap:.55rem}.solar-time-header{min-width:0;gap:.55rem}.solar-time-header .solar-date{min-width:0;flex:1}.solar-date span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.solar-control-row{flex-wrap:wrap;gap:.45rem}.solar-icon-button,.solar-text-button,.solar-presets button,.solar-segmented button{appearance:none;min-height:2.15rem;border:1px solid var(--solar-control-border);border-radius:.38rem;background:var(--solar-control-bg);color:#f8fafc;cursor:pointer;font:inherit;font-size:.78rem;font-weight:750}.solar-icon-button{display:inline-grid;width:2.25rem;place-items:center;padding:0}.solar-panel-action{flex:0 0 auto}.solar-text-button,.solar-presets button,.solar-segmented button{padding:.42rem .68rem}.solar-icon-button:hover,.solar-text-button:hover,.solar-presets button:hover,.solar-segmented button:hover,.solar-body-panel select:hover{border-color:var(--solar-control-hover);color:var(--solar-selected-text)}.solar-speed input{min-width:8rem;flex:1;accent-color:#f59e0b}.solar-speed input[type=range]{appearance:none;height:1.4rem;background:transparent;cursor:pointer}.solar-speed input[type=range]::-webkit-slider-runnable-track{height:.32rem;border-radius:999px;background:linear-gradient(90deg,#94a3b861,#f59e0b9e)}.solar-speed input[type=range]::-moz-range-track{height:.32rem;border-radius:999px;background:linear-gradient(90deg,#94a3b861,#f59e0b9e)}.solar-speed input[type=range]::-webkit-slider-thumb{appearance:none;width:.9rem;height:.9rem;margin-top:-.29rem;border:2px solid #2a1b05;border-radius:50%;background:#fbbf24;box-shadow:0 0 0 2px #fbbf2433}.solar-speed input[type=range]::-moz-range-thumb{width:.9rem;height:.9rem;border:2px solid #2a1b05;border-radius:50%;background:#fbbf24;box-shadow:0 0 0 2px #fbbf2433}.solar-speed output{width:4.3rem;text-align:right}.solar-presets{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.solar-presets button{min-width:0;padding-right:.36rem;padding-left:.36rem;white-space:nowrap}.solar-presets button.is-active{border-color:var(--solar-selected-border);background:var(--solar-selected-bg);color:var(--solar-selected-text)}.solar-view-panel{bottom:1rem;left:1rem;max-width:calc(100vw - 2rem);flex-wrap:wrap;gap:.55rem;border-radius:.5rem;padding:.65rem}.solar-segmented{display:inline-flex;border:1px solid rgba(203,213,225,.12);border-radius:.42rem;background:#0f172a9e;padding:.18rem}.solar-segmented button{border-color:transparent;background:transparent}.solar-segmented button[aria-pressed=true]{border-color:var(--solar-selected-border);background:var(--solar-selected-bg);color:var(--solar-selected-text)}.solar-segmented button:disabled{cursor:default;opacity:1}.solar-toggle{gap:.42rem;border:1px solid rgba(203,213,225,.12);border-radius:.38rem;background:#0f172a9e;padding:.48rem .62rem}.solar-toggle input{appearance:none;display:grid;width:1rem;height:1rem;margin:0;place-items:center;border:1px solid rgba(203,213,225,.42);border-radius:.22rem;background:#02061785;cursor:pointer;accent-color:#f59e0b}.solar-toggle input:before{width:.48rem;height:.48rem;border-radius:.14rem;background:#f59e0b;content:"";opacity:0;transform:scale(.72);transition:opacity .12s ease,transform .12s ease}.solar-toggle input:checked{border-color:var(--solar-selected-border);background:#f59e0b24}.solar-toggle input:checked:before{opacity:1;transform:scale(1)}.solar-location-pill{min-width:0;max-width:min(22rem,calc(100vw - 2rem));gap:.4rem;border:1px solid rgba(203,213,225,.12);border-radius:.38rem;background:#0f172a9e;padding:.48rem .62rem}.solar-location-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.solar-surface-compass{left:50%;bottom:4.6rem;width:min(30rem,calc(100vw - 2rem));border-color:#cbd5e121;border-radius:.38rem;background:#060a1270;padding:.35rem .7rem;transform:translate(-50%)}.solar-compass-bar{position:relative;height:1.42rem;overflow:hidden}.solar-compass-bar:before{position:absolute;top:50%;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(226,232,240,.38),transparent);content:""}.solar-compass-center{position:absolute;top:.18rem;left:50%;width:1px;height:1.04rem;background:#ffe8b6c7;box-shadow:0 0 .75rem #f59e0b47}.solar-compass-marker{position:absolute;top:50%;min-width:1.9rem;color:#e2e8f0b8;font-size:.72rem;font-weight:780;text-align:center;transform:translate(-50%,-50%);white-space:nowrap}.solar-compass-marker.is-pole{min-width:3.1rem;color:#fed7aa;text-shadow:0 0 .65rem rgba(251,146,60,.38)}.solar-compass-marker.is-home{min-width:2.8rem;color:#fde68a;text-shadow:0 0 .65rem rgba(250,204,21,.34)}@media(max-width:820px){.solar-hud-primary,.solar-body-panel{right:.6rem;left:.6rem;max-width:none}.solar-hud-primary{top:.6rem}.solar-body-panel{top:auto;bottom:17.7rem}.solar-info-toggle{top:.6rem;left:.6rem}.solar-tutorial{top:.6rem;right:.6rem;width:min(21rem,calc(100vw - 1.2rem))}.solar-readouts{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.solar-time-panel{right:.6rem;bottom:.6rem;left:.6rem;width:auto;padding:.65rem}.solar-time-panel.is-collapsed{width:auto}.solar-view-panel{right:.6rem;bottom:13.2rem;left:.6rem;padding:.55rem}.solar-system-explorer.has-time-panel-collapsed .solar-view-panel{bottom:4.7rem}.solar-surface-compass{bottom:9.3rem;width:min(28rem,calc(100vw - 1.2rem))}.solar-speed input{min-width:6rem}}@media(max-width:500px){.solar-hud-primary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.solar-readouts{grid-template-columns:1fr 1fr}.solar-readouts .solar-readout-wide{grid-column:1 / -1}.solar-body-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;bottom:18.1rem}.solar-body-panel select{min-width:0;width:100%}.solar-control-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.solar-presets{grid-template-columns:repeat(7,minmax(3.65rem,1fr));overflow-x:auto;padding-bottom:.1rem}.solar-icon-button,.solar-text-button{width:100%;min-width:0}.solar-tutorial-close{width:1.9rem}.solar-hud-primary .solar-panel-action{width:2.25rem}.solar-surface-compass{bottom:10.2rem}}
