@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#000;touch-action:none;color:#e0e6ed}canvas{display:block;width:100vw;height:100vh;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}canvas:active{cursor:grabbing}.scientific-panel{position:absolute;background:#0f172a59;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(71,85,105,.2);border-radius:12px;color:#e0e6ed;font-family:Inter,sans-serif;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff08,inset 0 1px #ffffff0d;transition:all .3s cubic-bezier(.4,0,.2,1)}.scientific-button{background:linear-gradient(135deg,#1e293b99,#0f172ab3);border:1px solid rgba(71,85,105,.3);color:#cbd5e1;padding:8px 16px;margin:2px;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scientific-button:hover{background:linear-gradient(135deg,#334155b3,#1e293bcc);border-color:#94a3b880;color:#f1f5f9;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.scientific-button:active{transform:translateY(0)}.scientific-button.active{background:linear-gradient(135deg,#3b82f6b3,#2563ebcc);border-color:#3b82f699;color:#fff;box-shadow:0 0 20px #3b82f64d}.scientific-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(90deg,#1e293b99,#33415566);outline:none;border:1px solid rgba(71,85,105,.2)}.scientific-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#3b82f6);cursor:pointer;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #3b82f666;transition:all .2s ease}.scientific-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f699}.scientific-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#3b82f6);cursor:pointer;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #3b82f666}#controlPanel{top:20px;left:20px;width:340px;max-height:calc(100vh - 40px);z-index:1000;transition:transform .4s cubic-bezier(.4,0,.2,1);border-radius:12px 0 12px 12px;transform:translate(-360px)}#controlPanel.collapsed{transform:translate(-360px)}#controlPanel:not(.collapsed){transform:translate(0)}#infoPanel{top:20px;right:20px;width:300px;max-height:calc(100vh - 40px);z-index:1000;transition:transform .4s cubic-bezier(.4,0,.2,1);border-radius:0 12px 12px;transform:translate(320px)}#infoPanel.collapsed{transform:translate(320px)}#infoPanel:not(.collapsed){transform:translate(0)}#musicPanel{position:absolute;top:20px;left:50%;width:400px;max-width:calc(100vw - 40px);z-index:1000;transition:transform .4s cubic-bezier(.4,0,.2,1);border-radius:12px;transform:translate(-50%)}#musicPanel.collapsed{transform:translate(-50%) translateY(calc(-100% - 20px))}#musicPanel:not(.collapsed){transform:translate(-50%) translateY(0)}.music-panel{background:linear-gradient(135deg,#581c8759,#0f172a59);border:1px solid rgba(168,85,247,.3)}.music-panel .panel-header-fixed{background:#581c8700;border-bottom:1px solid rgba(168,85,247,.2);border-radius:12px 12px 0 0}.music-panel .panel-title{color:#e9d5ff;text-shadow:0 0 10px rgba(168,85,247,.4)}.music-panel .control-section{border-bottom:none;margin-bottom:0;padding-bottom:0}.panel-header-fixed{position:sticky;top:0;z-index:10;padding:20px;background:#0f172a00;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(71,85,105,.2);height:64px;display:flex;align-items:center}#controlPanel .panel-header-fixed{border-radius:12px 0 0}#infoPanel .panel-header-fixed{border-radius:0 12px 0 0}.panel-title{font-size:16px;font-weight:700;color:#f1f5f9;letter-spacing:.5px;text-shadow:0 0 10px rgba(59,130,246,.3);flex:1}.panel-pull-tab{position:absolute;width:60px;height:65px;background:#0f172a26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(71,85,105,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1001}.main-pull-tab{top:-1px;right:-60px;border-left:none;border-radius:0 12px 12px 0}.info-pull-tab{top:-1px;left:-60px;border-right:none;border-radius:12px 0 0 12px}.music-pull-tab{position:absolute;bottom:-60px;left:calc(50% - 40px);transform:translate(-50%);width:80px;height:60px;background:#581c8726;border:1px solid rgba(168,85,247,.3);border-top:none;border-radius:0 0 12px 12px;z-index:999;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;transform:scale(1)}.music-pull-tab:hover{background:#581c8726;box-shadow:0 4px 12px #9333ea4d}.music-pull-tab .tab-icon{color:#c084fc;font-size:16px;font-weight:700;transition:all .3s ease}.music-pull-tab:hover .tab-icon{color:#e9d5ff}.panel-pull-tab:hover{background:#1e293b26;transform:scale(1.02)}.tab-icon{color:#94a3b8;font-size:18px;font-weight:700;transition:all .3s ease}.panel-pull-tab:hover .tab-icon{color:#f1f5f9}.panel-content{padding:20px;max-height:calc(100vh - 105px);overflow-y:auto;overflow-x:hidden}.control-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(71,85,105,.15)}.control-section:last-child{border-bottom:none;margin-bottom:0}.section-title{font-size:14px;font-weight:600;color:#f1f5f9;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.control-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.control-label{font-size:13px;color:#94a3b8;font-weight:500;flex:1}.control-value{font-size:13px;color:#e2e8f0;font-weight:600;font-family:JetBrains Mono,monospace;min-width:80px;text-align:right}.celestial-tree{display:flex;flex-direction:column;gap:4px}.celestial-item{padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;border:1px solid transparent}.celestial-item.planet{background:#1e293b66;color:#e2e8f0}.celestial-item.moon{background:#3341554d;color:#cbd5e1;margin-left:20px;font-size:12px}.celestial-item:hover{background:#3b82f633;border-color:#3b82f666;color:#fff;transform:translate(2px)}.celestial-item.active{background:#3b82f64d;border-color:#3b82f699;color:#fff}.time-section{background:linear-gradient(135deg,#064e3b33,#04785726);border:1px solid rgba(52,211,153,.2);border-radius:12px;padding:20px;margin-bottom:28px}.digital-clock{display:flex;justify-content:space-between;align-items:center;background:#0000004d;border:1px solid rgba(52,211,153,.2);border-radius:8px;padding:16px;margin-bottom:16px}.clock-display{flex:1}.date-line{font-size:14px;font-weight:600;color:#34d399;margin-bottom:4px;font-family:JetBrains Mono,monospace}.time-line{font-size:18px;font-weight:700;color:#fff;font-family:JetBrains Mono,monospace;letter-spacing:1px}.speed-indicator{text-align:right;flex:1}.speed-value{font-size:12px;font-weight:700;color:#10b981;margin-bottom:2px;font-family:JetBrains Mono,monospace}.speed-value.paused{color:#f59e0b}.speed-value.realtime{color:#3b82f6}.speed-value.fast{color:#ef4444}.speed-description{font-size:10px;color:#6b7280;font-weight:500}.time-action-btn{flex:1;margin:0 4px;font-size:12px;padding:10px 12px}.audio-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.audio-button{background:linear-gradient(135deg,#581c8799,#9333ea66);border:1px solid rgba(168,85,247,.4);color:#e9d5ff;padding:10px 14px;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.audio-button:hover{background:linear-gradient(135deg,#6d28d9b3,#a855f799);border-color:#c4b5fd99;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #9333ea4d}.audio-button.active{background:linear-gradient(135deg,#9333eacc,#a855f7b3);border-color:#c4b5fdcc;color:#fff;box-shadow:0 0 20px #9333ea66}.audio-slider-row{display:flex;align-items:center;gap:12px}.audio-label{font-size:12px;color:#c084fc;font-weight:500;min-width:70px}.audio-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:4px;border-radius:2px;background:linear-gradient(90deg,#581c8766,#9333ea4d);outline:none;border:1px solid rgba(168,85,247,.2)}.audio-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#c084fc,#a855f7);cursor:pointer;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #9333ea66;transition:all .2s ease}.audio-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #9333ea99}.audio-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#c084fc,#a855f7);cursor:pointer;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #9333ea66}.audio-value{font-size:12px;color:#e9d5ff;font-weight:600;font-family:JetBrains Mono,monospace;min-width:60px;text-align:right}.status-hud-enhanced{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:500px;max-width:calc(100vw - 40px);z-index:999;padding:16px 24px;text-align:center;background:#0f172a40;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(71,85,105,.3)}.status-hud-enhanced .hud-content{padding:0;background:transparent}.hud-title-small{font-size:11px;font-weight:600;color:#94a3b8;margin-bottom:12px;font-family:JetBrains Mono,monospace;opacity:.8}.camera-controls{display:flex;align-items:center;gap:20px;width:100%}.throttle-container{flex:1;display:flex;flex-direction:column;gap:6px}.throttle-label{font-size:10px;color:#64748b;font-weight:500;text-align:center;text-transform:uppercase;letter-spacing:.5px}.throttle-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,#0f172acc,#1e293b99,#3b82f666,#22c55e66,#ef444466);outline:none;border:1px solid rgba(71,85,105,.3);box-shadow:inset 0 1px 3px #0000004d}.throttle-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#3b82f6);cursor:pointer;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #3b82f680,0 0 0 1px #3b82f64d;transition:all .2s ease}.throttle-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #3b82f6b3,0 0 0 2px #3b82f680}.throttle-slider::-webkit-slider-thumb:active{transform:scale(1.1)}.throttle-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#3b82f6);cursor:pointer;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #3b82f680,0 0 0 1px #3b82f64d}.throttle-value{font-size:12px;color:#e2e8f0;font-weight:700;font-family:JetBrains Mono,monospace;text-align:center;min-height:16px}.free-flight-btn{background:linear-gradient(135deg,#22c55eb3,#16a34acc);border:2px solid rgba(34,197,94,.6);color:#fff;padding:12px 20px;border-radius:25px;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #22c55e4d,0 0 0 1px #ffffff1a;animation:pulse-glow 2s ease-in-out infinite;flex-shrink:0}.free-flight-btn:hover{background:linear-gradient(135deg,#22c55ee6,#16a34a);border-color:#22c55ecc;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #22c55e80,0 0 0 2px #fff3}.free-flight-btn:active{transform:translateY(-1px) scale(1.02)}.btn-icon{font-size:14px}.btn-text{font-weight:700;letter-spacing:.5px}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px #22c55e4d,0 0 0 1px #ffffff1a}50%{box-shadow:0 4px 20px #22c55e80,0 0 0 1px #ffffff26}}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;pointer-events:none;z-index:5}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#3b82f6cc;box-shadow:0 0 8px #3b82f666}#crosshair:before{left:50%;top:20%;width:1px;height:60%;transform:translate(-50%)}#crosshair:after{top:50%;left:20%;height:1px;width:60%;transform:translateY(-50%)}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;max-width:90%}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(71,85,105,.3)}.modal-header h3{margin:0;color:#f1f5f9;font-size:16px;font-weight:600}.modal-close{background:none;border:none;color:#94a3b8;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{color:#f87171;background:#ef44441a}.modal-body{padding:20px}.date-input-group{margin-bottom:20px}.date-input-group label{display:block;color:#e2e8f0;font-size:14px;font-weight:500;margin-bottom:8px}.scientific-input{width:100%;padding:12px;background:#1e293bcc;border:1px solid rgba(71,85,105,.4);border-radius:6px;color:#f1f5f9;font-family:JetBrains Mono,monospace;font-size:14px}.scientific-input:focus{outline:none;border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f61a}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.body-description-panel{position:fixed;top:20px;right:20px;width:400px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);z-index:1500;animation:slideInFromRight .3s cubic-bezier(.4,0,.2,1);pointer-events:auto}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.description-content-wrapper{width:100%;height:100%;max-height:calc(100vh - 40px);background:#0f172af2;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:2px solid rgba(59,130,246,.3);border-radius:16px;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;overflow:hidden;display:flex;flex-direction:column}.description-header{padding:20px 20px 16px;border-bottom:1px solid rgba(71,85,105,.3);position:relative;background:linear-gradient(135deg,#3b82f61a,#2563eb0d);flex-shrink:0}.description-title{font-size:20px;font-weight:700;color:#f1f5f9;margin:0 0 6px;text-shadow:0 0 20px rgba(59,130,246,.5);padding-right:40px}.description-subtitle{font-size:14px;font-weight:500;color:#94a3b8;margin:0;font-style:italic}.description-close{position:absolute;top:16px;right:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.description-close:hover{background:#ef444433;border-color:#ef444480;color:#fff;transform:scale(1.1)}.description-content{padding:20px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.description-facts{margin-bottom:20px}.description-fact{margin-bottom:14px;padding:14px;background:#1e293b66;border:1px solid rgba(71,85,105,.2);border-radius:8px;color:#e2e8f0;line-height:1.5;font-size:13px;transition:all .2s ease}.description-fact:hover{background:#1e293b99;border-color:#3b82f64d;transform:translate(2px)}.description-fact strong{color:#60a5fa;font-weight:600}.description-fun-fact{background:linear-gradient(135deg,#22c55e1a,#16a34a0d);border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:16px;margin-bottom:16px}.fun-fact-label{font-size:14px;font-weight:600;color:#4ade80;margin-bottom:10px;display:flex;align-items:center;gap:6px}.fun-fact-text{color:#e2e8f0;line-height:1.5;font-size:13px;font-style:italic}.description-controls{display:flex;gap:8px;justify-content:center;padding-top:16px;border-top:1px solid rgba(71,85,105,.2);margin-top:16px}.description-close-btn{font-size:11px;padding:6px 12px;min-width:80px}.detailed-info-panel{border-top:1px solid rgba(71,85,105,.2);margin-top:20px;padding-top:20px}.atmosphere-text{font-size:11px;line-height:1.3;color:#cbd5e1}.description-content::-webkit-scrollbar,.panel-content::-webkit-scrollbar{width:6px}.description-content::-webkit-scrollbar-track,.panel-content::-webkit-scrollbar-track{background:#1e293b4d;border-radius:3px}.description-content::-webkit-scrollbar-thumb,.panel-content::-webkit-scrollbar-thumb{background:#47556999;border-radius:3px}.description-content::-webkit-scrollbar-thumb:hover,.panel-content::-webkit-scrollbar-thumb:hover{background:#64748bcc}@media (max-width: 768px){#controlPanel{width:300px;font-size:11px;transform:translate(-320px)}#controlPanel.collapsed{transform:translate(-320px)}#controlPanel:not(.collapsed){transform:translate(0)}#infoPanel{width:260px;transform:translate(280px)}#infoPanel.collapsed{transform:translate(280px)}#infoPanel:not(.collapsed){transform:translate(0)}#musicPanel{width:calc(100vw - 40px);max-width:380px}.body-description-panel{top:10px;right:10px;left:10px;width:auto;max-width:none;max-height:calc(100vh - 20px)}.panel-content{padding:16px}.control-section{margin-bottom:20px}.celestial-item.moon{margin-left:16px}.audio-controls-grid{grid-template-columns:1fr;gap:8px}.music-pull-tab{width:70px;height:50px;left:calc(50% - 30px);bottom:-50px}.status-hud-enhanced{width:450px;max-width:calc(100vw - 20px);bottom:15px;padding:14px 20px}.camera-controls{gap:16px}.free-flight-btn{padding:10px 16px;font-size:11px}.description-title{font-size:18px;padding-right:35px}.description-subtitle{font-size:13px}.description-content-wrapper{max-height:calc(100vh - 20px)}.description-content{padding:16px}.description-fact{padding:12px;font-size:12px;margin-bottom:12px}.fun-fact-text{font-size:12px}}@media (max-width: 480px){#controlPanel{width:calc(100vw - 40px);max-width:280px;transform:translate(calc(-100vw + 80px))}#controlPanel.collapsed{transform:translate(calc(-100vw + 80px))}#controlPanel:not(.collapsed){transform:translate(0)}#infoPanel{width:calc(100vw - 40px);max-width:240px;transform:translate(calc(100vw - 120px))}#infoPanel.collapsed{transform:translate(calc(100vw - 120px))}#infoPanel:not(.collapsed){transform:translate(0)}#musicPanel{width:calc(100vw - 30px);max-width:260px}.body-description-panel{top:5px;right:5px;left:5px;max-height:calc(100vh - 10px)}.audio-button{padding:8px 12px;font-size:11px}.music-pull-tab{width:60px;height:45px;left:calc(50% - 30px);bottom:-45px}.music-pull-tab .tab-icon{font-size:14px}.status-hud-enhanced{width:calc(100vw - 20px);max-width:400px;bottom:10px;padding:12px 16px}.camera-controls{flex-direction:column;gap:12px}.throttle-container{width:100%}.free-flight-btn{padding:8px 14px;font-size:10px;align-self:center}.audio-controls-grid{grid-template-columns:1fr;gap:4px}.audio-button{padding:6px 10px;font-size:10px}.description-close{width:26px;height:26px;font-size:14px;top:14px;right:14px}.description-content-wrapper{max-height:calc(100vh - 10px)}.description-content::-webkit-scrollbar{width:8px}.description-content::-webkit-scrollbar-track{background:#1e293b4d;border-radius:4px;margin:4px}.description-content::-webkit-scrollbar-thumb{background:#47556999;border-radius:4px;border:1px solid rgba(30,41,59,.3)}.description-content::-webkit-scrollbar-thumb:hover{background:#64748bcc}.description-content{scrollbar-width:thin;scrollbar-color:rgba(71,85,105,.6) rgba(30,41,59,.3)}}.glow{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 10px #3b82f64d}to{box-shadow:0 0 20px #3b82f699}}.pulse{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}