@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";:root{--text-main:#f0f0f0;--bg-dark:#050510;--panel-bg:#0f1423b3;--border-color:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-user-select:none;user-select:none;margin:0;font-family:Inter,sans-serif;overflow:hidden}canvas{display:block}.controls{-webkit-backdrop-filter:blur(10px);color:#fff;pointer-events:auto;z-index:10;background:#0a0f1eb3;border:1px solid #ffffff1a;border-radius:12px;width:320px;padding:20px;transition:width .3s,padding .3s;position:absolute;top:20px;left:20px;overflow:hidden;box-shadow:0 8px 32px #00000080}.controls.minimized{width:auto;min-width:150px}.controls-header{justify-content:space-between;align-items:center;display:flex}h1{letter-spacing:1px;text-shadow:0 2px 4px #000c;margin:0;font-size:1.5rem;font-weight:600}.toggle-btn{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 5px;font-size:1.5rem;line-height:1;transition:opacity .2s}.toggle-btn:hover{opacity:1}.controls-content{opacity:1;flex-direction:column;gap:12px;max-height:500px;margin-top:15px;transition:max-height .3s,opacity .3s,margin .3s;display:flex}.controls.minimized .controls-content{opacity:0;pointer-events:none;max-height:0;margin-top:0}#speed-input{color:#fff;font-variant-numeric:tabular-nums;text-align:right;background:#ffffff14;border:1px solid #fff3;border-radius:4px;outline:none;width:52px;padding:2px 4px;font-size:13px}#speed-input:focus{border-color:#64b4ff80}.speed-presets{gap:4px;margin-top:6px;display:flex}.speed-presets button{color:#aac8e8;cursor:pointer;background:#ffffff12;border:1px solid #ffffff26;border-radius:4px;flex:1;padding:3px 0;font-size:11px;transition:background .15s}.speed-presets button:hover{background:#64b4ff33}.speed-presets button.active{color:#fff;background:#64b4ff4d;border-color:#64b4ff80}.time-display{color:#8ec8e8;font-variant-numeric:tabular-nums;text-align:center;background:#ffffff0d;border-radius:6px;margin-top:8px;padding:6px 10px;font-size:13px}.controls label{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.slider-control{border-top:1px solid #ffffff1a;align-items:center;gap:10px;margin-top:15px;padding-top:15px;font-size:14px;display:flex}.slider-control input[type=range]{accent-color:#2b82c9;flex:1}.slider-control button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:4px 8px;font-size:12px;transition:background .2s}.slider-control button:hover{background:#fff3}input[type=checkbox]{accent-color:#4a90e2;cursor:pointer;width:16px;height:16px}select{color:#fff;border:1px solid var(--border-color);background:#00000080;border-radius:4px;outline:none;padding:4px 8px;font-family:inherit;font-size:.9rem}select option{background:var(--bg-dark);color:#fff}.info{border-top:1px solid var(--border-color);color:#aaa;margin-top:15px;padding-top:15px;font-size:.85rem}.info p{margin-bottom:6px}.planet-label{color:#fff;pointer-events:none;white-space:nowrap;background:#0009;border:1px solid #fff3;border-radius:4px;padding:4px 8px;font-family:Inter,sans-serif;font-size:12px;transform:translate(-50%,-100%)}.planet-label.main-planet{margin-top:-20px}.planet-label.satellite-label{color:#ccc;margin-top:15px;margin-left:30px;font-size:10px;transform:translate(0)}.hide,.hide-distance .distance-text{display:none!important}.info-panel{-webkit-backdrop-filter:blur(12px);color:#fff;pointer-events:auto;z-index:10;opacity:1;background:#0a0f1ecc;border:1px solid #ffffff1a;border-radius:12px;width:320px;transition:transform .3s,opacity .3s;position:absolute;top:20px;right:20px;overflow:hidden;transform:translate(0);box-shadow:0 8px 32px #00000080}.info-panel.hidden{opacity:0;pointer-events:none;transform:translate(360px)}.info-panel-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.info-panel-header h2{letter-spacing:.5px;text-shadow:0 2px 4px #000c;margin:0;font-size:1.3rem;font-weight:600}.info-panel-content{flex-direction:column;gap:14px;padding:14px 20px 20px;display:flex}.info-type-badge{letter-spacing:.5px;text-transform:uppercase;color:#8ec8e8;background:#64b4ff26;border:1px solid #64b4ff40;border-radius:12px;align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.info-description{color:#ccc;margin:0;font-size:13px;line-height:1.5}.info-stats-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.info-stat{background:#ffffff0a;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.info-stat-label{text-transform:uppercase;letter-spacing:.5px;color:#89a;font-size:10px}.info-stat-value{color:#e0e8f0;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.info-funfact{background:#ffc8320f;border:1px solid #ffc8321f;border-radius:8px;padding:10px 12px}.info-funfact-label{text-transform:uppercase;letter-spacing:.5px;color:#c8a84e;margin-bottom:4px;font-size:10px;display:block}.info-funfact p{color:#cb8;margin:0;font-size:12px;line-height:1.5}.header-btns{align-items:center;gap:8px;display:flex}.icon-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;outline:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:background .2s,border-color .2s;display:flex}.icon-btn:hover{background:#ffffff26;border-color:#ffffff4d}.icon-btn:focus-visible{box-shadow:0 0 0 2px #4a90e2}.pause-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .2s;display:flex}.pause-btn:hover{background:#fff3;transform:scale(1.05)}.pause-btn.active{background:#64b4ff4d;border-color:#64b4ff80}.help-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.help-overlay.hidden{opacity:0;pointer-events:none}.help-content{color:#fff;background:#0f1423e6;border:1px solid #ffffff26;border-radius:16px;width:min(90vw,600px);padding:32px;transition:transform .3s cubic-bezier(.18,.89,.32,1.28);position:relative;transform:scale(1);box-shadow:0 20px 50px #000c}.help-overlay.hidden .help-content{transform:scale(.9)}.close-icon-btn{color:#89a;cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .2s;position:absolute;top:16px;right:16px}.close-icon-btn:hover{color:#fff}.help-content h2{text-align:center;letter-spacing:1px;margin-bottom:24px;font-size:1.8rem}.help-grid{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:24px;display:grid}.help-section h3{color:#8ec8e8;border-bottom:1px solid #ffffff1a;margin-bottom:12px;padding-bottom:8px;font-size:1.1rem}.help-list{color:#ccc;flex-direction:column;gap:8px;font-size:13px;list-style:none;display:flex}.shortcuts-table{border-collapse:collapse;width:100%}.shortcuts-table td{color:#ccc;padding:6px 0;font-size:13px}.shortcuts-table td:first-child{width:90px}kbd{color:#eee;background:#333;border:1px solid #555;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:11px;box-shadow:0 1px #00000080}.help-action-btn{color:#fff;cursor:pointer;background:#2b82c9;border:none;border-radius:8px;width:200px;margin:24px auto 0;padding:12px;font-weight:600;transition:background .2s;display:block}.help-action-btn:hover{background:#3a97e6}@media (width<=600px){.help-grid{grid-template-columns:1fr;gap:20px}}@media (width<=768px){.controls{border-radius:10px;width:auto;max-width:none;padding:14px;inset:auto 10px 10px}.controls.minimized{width:auto;min-width:auto}.controls-content{max-height:60vh;overflow-y:auto}h1{font-size:1.2rem}.controls label{font-size:.85rem}.slider-control{margin-top:10px;padding-top:10px;font-size:.85rem}#speed-input{width:70px;font-size:.85rem}.speed-presets button{min-height:44px;padding:6px 0;font-size:.7rem}input[type=checkbox]{width:20px;min-width:20px;height:20px}select{min-height:44px;padding:8px 10px;font-size:1rem}.icon-btn{width:44px;height:44px;font-size:1.2rem}.toggle-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.pause-btn{width:44px;height:44px}.slider-control button{min-height:44px;padding:6px 12px}.info-panel{border-radius:10px;width:auto;max-height:50vh;inset:auto 10px 10px;overflow-y:auto}.info-panel.hidden{transform:translateY(100%)}.info-stats-grid{grid-template-columns:1fr 1fr;gap:6px}}button:focus-visible,input:focus-visible,select:focus-visible,.toggle-btn:focus-visible,.close-icon-btn:focus-visible{outline-offset:2px;outline:2px solid #4a90e2}@media (prefers-reduced-motion:reduce){.controls,.controls-content,.info-panel,.help-overlay,.help-content,.pause-btn,.icon-btn,.speed-presets button,.slider-control button{transition:none!important}.help-overlay.hidden .help-content{transform:none}.info-panel.hidden{transition:none!important}}