@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--glass-bg:#080e1eb8;--glass-border:#508cff2e;--glass-blur:16px;--accent:#5daaff;--accent2:gold;--text-primary:#e8f0ff;--text-muted:#b4c8ffa6;--panel-radius:16px;--glow-blue:0 0 20px #5daaff4d;--glow-gold:0 0 20px #ffd7004d;--font-main:"Outfit", sans-serif;--font-mono:"Space Mono", monospace}html,body,#root{width:100%;height:100%;font-family:var(--font-main);color:var(--text-primary);background:#000008;overflow:hidden}.app{position:fixed;inset:0}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.top-left-hud{z-index:100;pointer-events:none;position:fixed;top:24px;left:24px}.app-title{letter-spacing:.04em;background:linear-gradient(135deg,#fff,#5daaff,gold);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;align-items:center;gap:8px;font-size:28px;font-weight:700;line-height:1.1;display:flex}.title-star{color:gold;-webkit-text-fill-color:gold;text-shadow:0 0 12px gold;font-size:22px}.app-subtitle{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;margin-top:3px;margin-left:30px}.controls-hint{flex-direction:column;gap:4px;margin-top:14px;margin-left:2px;display:flex}.controls-hint span{color:#a0beff8c;letter-spacing:.03em;font-size:12px}.control-panel{z-index:100;background:var(--glass-bg);width:280px;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--panel-radius);box-shadow:0 8px 40px #00001480, var(--glow-blue);transition:all .3s;position:fixed;top:24px;right:24px;overflow:hidden}.control-panel.collapsed{border-radius:12px}.panel-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #508cff1a;align-items:center;gap:10px;padding:14px 18px;transition:background .2s;display:flex}.control-panel.collapsed .panel-header{border-bottom:none}.panel-header:hover{background:#5daaff0d}.panel-icon{color:var(--accent);align-items:center;display:flex}.panel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);flex:1;font-size:13px;font-weight:600}.panel-chevron{color:var(--text-muted);font-size:10px}.panel-body{flex-direction:column;gap:14px;padding:16px 18px 18px;display:flex}.panel-divider{background:var(--glass-border);height:1px;margin:2px 0}.control-row{flex-direction:column;gap:8px;display:flex}.control-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.control-label svg{color:var(--accent);opacity:.8}.slider-row{align-items:center;gap:10px;display:flex}.slider{appearance:none;cursor:pointer;background:#5daaff33;border-radius:2px;outline:none;flex:1;height:4px;transition:background .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border:2px solid #fff3;border-radius:50%;width:16px;height:16px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 8px #5daaffb3}.slider::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 14px #5daaffe6}.slider-val{font-family:var(--font-mono);color:var(--accent);text-align:right;min-width:32px;font-size:11px}.toggle-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.toggle-btn{border:1px solid var(--glass-border);color:var(--text-muted);font-size:12px;font-family:var(--font-main);cursor:pointer;letter-spacing:.02em;background:#1e325a4d;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-weight:500;transition:all .2s;display:flex}.toggle-btn:hover{color:var(--text-primary);background:#5daaff1a;border-color:#5daaff4d}.toggle-btn.active{color:var(--accent);background:#5daaff26;border-color:#5daaff66;box-shadow:0 0 12px #5daaff33}.toggle-btn.reset-btn{color:#ffc850b3;border-color:#ffb43233}.toggle-btn.reset-btn:hover{color:gold;background:#ffb4321a;border-color:#ffb43266;box-shadow:0 0 12px #ffb43233}.nav-bar{z-index:100;pointer-events:none;background:linear-gradient(#0000,#00000ae6);padding:0 24px 16px;position:fixed;bottom:0;left:0;right:0}.nav-bar-inner{background:var(--glass-bg);max-width:900px;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);pointer-events:all;border-radius:50px;align-items:center;gap:6px;margin:0 auto;padding:10px 16px;display:flex;overflow-x:auto;box-shadow:0 4px 30px #00001e99}.nav-label{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;border-right:1px solid var(--glass-border);margin-right:4px;padding-right:8px}.nav-planet-btn{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;transition:all .2s;display:flex}.nav-planet-btn:hover{border-color:var(--glass-border);background:#ffffff0f;transform:translateY(-2px)}.nav-planet-btn.active{border-color:var(--planet-color,var(--accent));box-shadow:0 0 12px color-mix(in srgb, var(--planet-color,var(--accent)) 40%, transparent);background:#ffffff14}.nav-planet-emoji{font-size:18px;line-height:1}.nav-planet-name{font-size:9px;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.nav-planet-btn.active .nav-planet-name{color:var(--planet-color,var(--accent))}.hover-tooltip{z-index:200;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);pointer-events:none;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;animation:.2s fadeInTooltip;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-200%)}@keyframes fadeInTooltip{0%{opacity:0;transform:translate(-50%,-180%)}to{opacity:1;transform:translate(-50%,-200%)}}.hover-tooltip-name{color:#fff;font-size:15px;font-weight:600}.hover-tooltip-hint{color:var(--accent);letter-spacing:.08em;font-size:10px}.label-overlay{pointer-events:none;z-index:50;position:fixed;inset:0}.planet-label{font-family:var(--font-mono);letter-spacing:.1em;color:#a0c8ff99;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 4px #000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00051466;border-radius:4px;padding:2px 6px;font-size:10px;transition:color .2s,opacity .2s;position:absolute}.planet-label.hovered{color:#78dcfff2;text-shadow:0 0 8px #78dcff99}.planet-modal-overlay{z-index:300;background:#00000a4d;justify-content:flex-end;align-items:center;padding:24px;animation:.3s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.planet-modal{-webkit-backdrop-filter:blur(24px);border:1px solid var(--planet-accent,var(--glass-border));width:400px;max-height:85vh;box-shadow:0 20px 80px #000014cc, 0 0 40px color-mix(in srgb, var(--planet-accent,var(--accent)) 25%, transparent);scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent;background:#050a19e0;border-radius:20px;padding:28px;animation:.4s cubic-bezier(.16,1,.3,1) modalSlideIn;position:relative;overflow-y:auto}.planet-modal::-webkit-scrollbar{width:4px}.planet-modal::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}@keyframes modalSlideIn{0%{opacity:0;transform:translate(40px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.modal-close{border:1px solid var(--glass-border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:#f88;background:#ff505026;border-color:#ff50504d}.modal-header{align-items:center;gap:18px;margin-bottom:18px;display:flex}.planet-sphere-preview{width:60px;height:60px;box-shadow:0 0 24px color-mix(in srgb, var(--planet-accent) 50%, transparent), inset -8px -5px 15px #00000080;border-radius:50%;flex-shrink:0}.modal-planet-name{background:linear-gradient(135deg, #fff, var(--planet-accent,var(--accent)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:700;line-height:1}.modal-type-badge{color:var(--planet-accent,var(--accent));border:1px solid color-mix(in srgb, var(--planet-accent,var(--accent)) 40%, transparent);background:color-mix(in srgb, var(--planet-accent,var(--accent)) 10%, transparent);letter-spacing:.06em;border-radius:6px;padding:3px 10px;font-size:11px}.modal-description{color:#c8dcffcc;border-left:2px solid color-mix(in srgb, var(--planet-accent,var(--accent)) 40%, transparent);margin-bottom:22px;padding-left:12px;font-size:13.5px;line-height:1.65}.modal-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.stat-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.stat-icon{margin-top:1px;font-size:18px;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-size:10px}.stat-value{font-size:12px;font-family:var(--font-mono);color:var(--text-primary);font-weight:500}.modal-funfact{background:color-mix(in srgb, var(--planet-accent,var(--accent)) 8%, transparent);border:1px solid color-mix(in srgb, var(--planet-accent,var(--accent)) 25%, transparent);border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.funfact-icon{flex-shrink:0;margin-top:1px;font-size:20px;line-height:1}.modal-funfact p{color:#dce6ffd9;font-size:12.5px;font-style:italic;line-height:1.6}*{scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.loading-screen{z-index:1000;background:#000008;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.loading-title{background:linear-gradient(135deg,#fff,#5daaff,gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700}.loading-spinner{border:3px solid #5daaff33;border-top-color:var(--accent);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){.top-left-hud{top:16px;left:16px}.app-title{font-size:20px}.controls-hint{display:none}.control-panel{width:240px;top:16px;right:16px}.planet-modal-overlay{justify-content:center;align-items:flex-end;padding:16px}.planet-modal{width:100%;max-height:70vh}.modal-stats{grid-template-columns:1fr}.nav-bar{padding:0 8px 8px}}