*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#fff}#canvas-container{width:100vw;height:100vh;position:fixed;top:0;left:0}#loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:#888;z-index:100;transition:opacity .5s}#loading.hidden{opacity:0;pointer-events:none}#info-panel{position:fixed;top:20px;right:20px;width:300px;background:#0a0a1ee6;border:1px solid rgba(100,150,255,.3);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;transition:opacity .3s,transform .3s}#info-panel.hidden{opacity:0;pointer-events:none;transform:translate(20px)}.close-btn{position:absolute;top:10px;right:12px;background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;transition:color .2s}.close-btn:hover{color:#fff}#info-name{font-size:1.5rem;margin-bottom:4px;color:#fff}.info-type{color:#8af;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}#info-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.detail-item{background:#ffffff0d;padding:8px;border-radius:6px}.detail-label{font-size:.7rem;color:#666;text-transform:uppercase}.detail-value{font-size:.9rem;color:#ccc}#info-description{font-size:.85rem;line-height:1.5;color:#aaa}#controls{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;background:#0a0a1ecc;padding:12px 20px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}.ctrl-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:background .2s}.ctrl-btn:hover{background:#fff3}.speed-control{display:flex;align-items:center;gap:8px}.speed-control label{font-size:.8rem;color:#888}#speed-slider{width:100px;accent-color:#5588ff}#speed-value{font-size:.85rem;color:#8af;min-width:40px}.planet-label{font-family:Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:600;text-shadow:0 0 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5);pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:1px;transition:opacity .3s}#planet-nav{position:fixed;top:20px;left:20px;display:flex;flex-direction:column;gap:4px;background:#0a0a1ed9;padding:12px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;border:1px solid rgba(100,150,255,.15)}.nav-item{display:flex;align-items:center;gap:8px;background:none;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;transition:background .2s;color:#ccc;font-size:.85rem;text-align:left;white-space:nowrap}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#6496ff33;color:#fff}.nav-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 4px currentColor}.nav-label{font-weight:500}.nav-reset-btn{margin-top:8px;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#888;border-radius:6px;cursor:pointer;font-size:.75rem;transition:all .2s}.nav-reset-btn:hover{background:#ffffff1a;color:#fff}.sim-date{font-size:.8rem;color:#8af;padding-left:8px;border-left:1px solid rgba(255,255,255,.15);min-width:100px;text-align:center}#region-selector{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;gap:6px;background:#0a0a1ed9;padding:8px 12px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;border:1px solid rgba(100,150,255,.15)}.region-btn{display:flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 14px;border-radius:20px;cursor:pointer;transition:all .2s;color:#aaa;font-size:.8rem;white-space:nowrap}.region-btn:hover{background:#ffffff1f;color:#fff;border-color:#fff3}.region-btn.active{background:#5588ff40;color:#fff;border-color:#5588ff80;box-shadow:0 0 12px #58f3}.region-icon{font-size:1rem;line-height:1}.region-label{font-weight:500}.nav-separator{font-size:.65rem;color:#555;text-transform:uppercase;letter-spacing:1.5px;padding:8px 10px 4px;margin-top:4px;border-top:1px solid rgba(255,255,255,.08)}@media (max-width: 768px){#info-panel{width:calc(100vw - 40px);top:auto;bottom:80px;right:20px}#planet-nav{top:auto;bottom:80px;left:10px;max-height:50vh;overflow-y:auto}#region-selector{top:10px;padding:6px 8px;gap:4px;overflow-x:auto;max-width:calc(100vw - 20px)}.region-btn{padding:6px 10px;font-size:.7rem}.region-label{display:none}.region-icon{font-size:1.2rem}#controls{padding:10px 16px;gap:12px}#speed-slider{width:80px}.sim-date{display:none}}