body{margin:0;overflow:hidden;background-color:#000;color:#fff;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#0f172a,#000);z-index:100000;display:flex;justify-content:center;align-items:center;transition:opacity .8s ease-out,visibility .8s}#loading-screen.fade-out{opacity:0;visibility:hidden}.loading-content{text-align:center;max-width:300px;width:80%}.loading-logo{position:relative;width:60px;height:60px;margin:0 auto 30px}.planet-core{width:30px;height:30px;background:linear-gradient(135deg,#00d2ff,#3a7bd5);border-radius:50%;position:absolute;top:15px;left:15px;box-shadow:0 0 20px #00d2ff80;animation:pulse-core 2s infinite ease-in-out}.planet-ring{width:60px;height:20px;border:2px solid rgba(255,255,255,.2);border-radius:50%;position:absolute;top:18px;left:0;transform:rotateX(70deg);animation:rotate-ring 4s infinite linear}.loading-title{font-size:18px;font-weight:600;letter-spacing:4px;margin-bottom:20px;color:#fff;text-transform:uppercase}.loading-bar-container{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:15px}#loading-bar{width:0%;height:100%;background:linear-gradient(to right,#00d2ff,#9333ea);box-shadow:0 0 10px #00d2ff80;transition:width .3s ease-out}#loading-status{font-size:12px;color:#ffffff80;font-weight:300;height:1.5em}@keyframes pulse-core{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes rotate-ring{0%{transform:rotateX(70deg) rotate(0)}to{transform:rotateX(70deg) rotate(360deg)}}#app{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden}canvas{display:block}.hidden{display:none!important}button{background:#333;color:#fff;border:1px solid #555;padding:8px 15px;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px}button:hover{background:#555;border-color:#888}button:active{transform:scale(.95)}#controls{position:absolute;top:15px;left:15px;background:#0f0f19d9;padding:8px;border-radius:20px;border:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;gap:8px;z-index:9000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000080;width:260px}.control-top-row{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0 6px}.divider{width:1px;height:20px;background:#ffffff1a;margin:0 4px}#speed-display{font-weight:700;color:#00d2ff;font-size:14px;width:45px;text-align:center;-webkit-user-select:none;user-select:none}#controls button,#reset-to-sun{background:transparent;border:none;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;color:#fff}#controls button:hover{background:#ffffff1a}#reset-to-sun:hover{background:#ffd70033;color:#fc0}#controls button svg{width:20px;height:20px;display:block}#search-container{width:100%}.search-input-wrapper{background:#ffffff0d;border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input-wrapper:focus-within{background:#ffffff1a;border-color:#00d2ff;box-shadow:0 0 10px #00d2ff33}#planet-search{background:none;border:none;color:#fff;font-size:16px;width:100%;outline:none}#clear-search{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:0 4px}#search-results{background:#0f0f19f2;border-radius:12px;margin-top:5px;max-height:300px;overflow-y:auto;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 25px #00000080}.search-result-item{padding:10px 15px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}.search-result-item:hover{background:#00d2ff26}.result-name{font-size:14px;font-weight:500}.result-type{font-size:10px;text-transform:uppercase;background:#ffffff1a;padding:2px 6px;border-radius:4px;color:#aaa}#system-menu{position:fixed;top:115px;left:145px;background:#0f0f19f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;width:220px;max-height:calc(100vh - 140px);overflow-y:auto;box-shadow:0 10px 40px #0009;z-index:10001;transition:all .3s cubic-bezier(.19,1,.22,1);transform-origin:top center;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}#system-menu::-webkit-scrollbar{width:6px}#system-menu::-webkit-scrollbar-track{background:transparent}#system-menu::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}#system-menu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}#system-menu.hidden{display:block!important;opacity:0;transform:scale(.9) translateY(-10px);pointer-events:none}.system-menu-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;cursor:pointer;transition:all .2s;margin-bottom:4px;border:1px solid transparent}.system-menu-item:last-child{margin-bottom:0}.system-menu-item:hover{background:#ffffff0d;border-color:#ffffff1a}.system-menu-item.active{background:#00d2ff1a;border-color:#00d2ff33}.system-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#000;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.2);position:relative;box-shadow:inset -4px -4px 8px #000c,0 0 10px #fc03}.system-icon:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2) 0%,transparent 60%);pointer-events:none}.system-icon img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.system-menu-item:hover .system-icon img{transform:scale(1.15) rotate(5deg)}.system-menu-item.active .system-icon{box-shadow:0 0 15px #ffffff1a}.system-info{display:flex;flex-direction:column}.system-name{font-size:14px;font-weight:600;color:#fff}.system-status{font-size:10px;color:#00d2ff;font-weight:500}.system-status.locked{color:#666}#sub-menu{position:fixed;top:115px;left:15px;background:#0f0f19f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:15px;width:220px;box-shadow:0 10px 40px #0009;z-index:10000;transition:all .3s cubic-bezier(.19,1,.22,1);transform-origin:top left}#sub-menu.hidden{display:block!important;opacity:0;transform:scale(.9) translateY(-10px);pointer-events:none}.menu-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}.menu-label-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;width:100%}.under-construction-badge{display:flex;align-items:center;gap:4px;background:#ffcc0026;color:#fc0;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;border:1px solid rgba(255,204,0,.2);animation:pulse-border 2s infinite}@keyframes pulse-border{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.menu-row{display:flex;gap:8px;margin-bottom:15px}.menu-row button{flex:1;padding:8px 5px;font-size:11px;border-radius:8px;background:#ffffff08}.menu-row button.active{background:#00d2ff26;border-color:#00d2ff4d;color:#00d2ff}.divider-horizontal{height:1px;background:#ffffff0d;margin:15px 0}.orbit-controls-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:5px 12px}.orbit-controls-grid .menu-item{justify-content:center;padding:14px 2px 8px;border-radius:8px;background:#ffffff08;font-size:11px;font-weight:500;white-space:nowrap;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.05)}.orbit-controls-grid .menu-item.active{background:#00d2ff14;border-color:#00d2ff4d;color:#00d2ff}.orbit-controls-grid button:nth-child(-n+6){grid-column:span 2}.orbit-controls-grid button:nth-child(n+7){grid-column:span 3}.orbit-btn:before{content:"";position:absolute;top:7px;left:20%;width:60%;height:2px;border-radius:1px;opacity:.6;filter:saturate(.8);transition:all .2s ease}.orbit-btn.active:before{opacity:1;filter:saturate(1.2) brightness(1.2);height:3px;box-shadow:0 0 8px currentColor}.orbit-btn[data-color=manmade]:before{background:repeating-linear-gradient(to right,#fff 0,#fff 3px,transparent 3px,transparent 6px);color:#fff}.orbit-btn[data-color=planet]:before{background:#00d2ff;color:#00d2ff}.orbit-btn[data-color=satellite]:before{background:#fff6;color:#fff}.orbit-btn[data-color=dwarf]:before{background:#fa0;color:#fa0}.orbit-btn[data-color=candidate]:before{background:#c6f;color:#c6f}.orbit-btn[data-color=asteroid]:before{background:#84ff00;color:#84ff00}.orbit-btn[data-color=comet]:before{background:#f33;color:#f33}.orbit-btn[data-color=interstellar]:before{background:#8ff;color:#8ff}.orbit-btn[data-color=star]:before{background:#ff4500;color:#ff4500}.orbit-btn[data-color=belt]:before,.orbit-btn[data-color=kuiper]:before{display:none}.menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff08;border-radius:10px;font-size:13px;transition:all .2s;border:1px solid transparent}.menu-item.active{color:#00d2ff;background:#00d2ff1a}#info-panel{position:absolute;top:20px;right:20px;width:320px;background:#0f0f19d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:15px 20px 20px;z-index:11000;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s;box-shadow:0 10px 30px #00000080}#info-panel.hidden{display:block!important;opacity:0;transform:translate(360px);pointer-events:none}#info-scroll-container{max-height:70vh;overflow-y:auto;padding-right:8px}.info-header{display:flex;justify-content:flex-end;gap:15px;margin-bottom:5px}#close-info,#reset-view{background:none;border:none;color:#ffffff80;cursor:pointer;padding:5px}#close-info{font-size:24px}#reset-view:hover{color:#00d2ff}#info-title{margin:0 0 10px;font-size:22px;background:linear-gradient(90deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#info-description{font-size:13px;line-height:1.6;color:#ccc;margin-bottom:15px}.info-detail-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-detail-label{color:#888;font-size:11px;text-transform:uppercase}.info-detail-value{color:#fff;font-weight:700;font-size:13px}#flight-hud{position:fixed;bottom:40px;left:0;width:100%;pointer-events:none;z-index:8000;display:flex;justify-content:space-between;padding:0 100px;box-sizing:border-box}#flight-hud.hidden{display:none}#thrust-up{width:100px;height:100px;border-radius:50%;background:#00d2ff1a;border:3px solid #00d2ff;color:#00d2ff;pointer-events:auto}#version-tag{position:fixed;bottom:10px;right:15px;font-size:8px;color:#ffffff4d;letter-spacing:1px;pointer-events:none;z-index:20000}@media(max-width:1100px){#info-panel{padding-top:10px;padding-left:15px;padding-right:15px;transform:none;box-shadow:0 -10px 40px #0006;pointer-events:auto;transition:transform .4s cubic-bezier(.175,.885,.32,1.1),opacity .3s}@media(orientation:portrait),(orientation:square){#info-panel{padding-bottom:calc(12px + env(safe-area-inset-bottom));inset:auto 10px 12px;width:auto;max-height:48vh;display:flex;flex-direction:column;border-radius:28px}#info-panel.hidden{transform:translateY(130%)!important;opacity:0}}@media(orientation:landscape){#info-panel{inset:12px 12px 12px auto;width:280px;max-height:none;height:auto;border-radius:20px;padding-bottom:20px}#info-panel.hidden{transform:translate(120%)!important;opacity:0}}#info-scroll-container{max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:5px}#info-title{font-size:18px;margin-bottom:4px;padding-right:40px}#info-description{font-size:11px;line-height:1.45;margin-bottom:12px;color:#ffffffb3}#controls{width:max-content;max-width:90vw;top:10px;left:10px;padding:8px 10px;gap:6px;background:#0f0f19e6;align-items:flex-start}.control-top-row{width:100%;gap:4px;padding:0;justify-content:flex-start}#sub-menu{top:105px;left:10px;width:220px;max-height:70vh;overflow-y:auto}#system-menu{top:105px;left:10px;width:240px;max-height:60vh}}@media(max-width:480px){#controls{padding:6px 8px;width:fit-content;max-width:94vw}#search-container{width:190px}.control-top-row{gap:2px}#speed-display{font-size:11px;width:32px}#controls button,#reset-to-sun,#menu-toggle{padding:5px;flex-shrink:0}#controls button svg,#reset-to-sun svg,#menu-toggle svg{width:16px;height:16px}.divider{height:18px;margin:0 4px}#planet-search{font-size:16px}.search-input-wrapper{padding:6px 12px;border-radius:12px}#version-tag{bottom:5px;right:10px;font-size:8px;opacity:.4}}