*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;background:#000;color:#fff}#app{width:100vw;height:100vh;position:relative}#canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;padding:20px;z-index:100}.panel{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;pointer-events:auto;z-index:100}.info-panel{position:absolute;top:20px;left:20px;min-width:300px}.controls-panel{position:absolute;bottom:20px;right:20px;min-width:250px}h2{margin-bottom:10px;font-size:24px;color:#4fc3f7}h3{margin-bottom:10px;font-size:18px;color:#81c784}ul{list-style:none}li{margin-bottom:8px;font-size:14px;line-height:1.4}strong{color:#fff}#planet-info{margin-top:10px;font-size:16px;line-height:1.6}.ai-section{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2)}.ai-section h4{color:#ffa726;font-size:16px;margin-bottom:10px}.ai-content{font-size:14px;line-height:1.6;color:#e0e0e0;font-style:italic}.spinner{display:flex;align-items:center;gap:10px;font-size:13px;color:#4fc3f7;margin:10px 0}.spinner-ring{width:20px;height:20px;border:3px solid rgba(79,195,247,.3);border-top-color:#4fc3f7;border-radius:50%;animation:spin 1s linear infinite}.btn-narrate{margin-top:10px;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-narrate:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-narrate:active{transform:translateY(0)}@media(max-width:768px){.info-panel,.controls-panel{max-width:calc(100vw - 40px)}}.hud-panel{position:absolute;top:50%;right:20px;transform:translateY(-50%);background:#0009;padding:15px;border-radius:12px;border:1px solid rgba(0,212,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:100}.hud-item{margin-bottom:8px}.hud-label{color:#888;font-size:11px;text-transform:uppercase;margin-right:8px}.hud-value{font-family:Space Grotesk,monospace;font-size:18px;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.5)}.hud-unit{color:#88f;font-size:11px}.hud-controls{display:flex;flex-direction:column;gap:5px;margin-top:5px}.hud-btn{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);color:#00d4ff;padding:5px 10px;font-family:Space Grotesk,monospace;font-size:12px;cursor:pointer;border-radius:4px;transition:all .2s ease;width:100%;margin-top:5px;pointer-events:auto}.hud-btn:hover{background:#00d4ff4d;box-shadow:0 0 10px #00d4ff4d}.hud-btn:active{transform:translateY(1px)}.flight-cursor{position:absolute;top:50%;left:50%;width:0;height:0;background:transparent;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:40px solid #00d4ff;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none;z-index:99999;transition:transform .1s ease;filter:drop-shadow(0 0 10px #00d4ff);display:none}.flight-cursor:after{content:none}.flight-cursor-active{filter:drop-shadow(0 0 15px #ff0055);transform:translate(-50%,-50%) rotate(-45deg) scale(1.2)}#canvas{cursor:none}.cockpit-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;display:none;background:radial-gradient(circle,transparent 60%,rgba(0,20,40,.8) 100%);box-shadow:inset 0 0 100px #00d4ff1a}.cockpit-overlay.visible{display:block}.cockpit-frame{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(0,212,255,.3);border-radius:20px;box-sizing:border-box;clip-path:polygon(0 10%,10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%)}.cockpit-crosshair{position:absolute;top:50%;left:50%;width:40px;height:40px;border:1px solid rgba(0,255,0,.5);border-radius:50%;transform:translate(-50%,-50%)}.cockpit-crosshair:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:#0f0c;transform:translate(-50%,-50%)}.cockpit-data-left,.cockpit-data-right{position:absolute;bottom:20%;font-family:Space Grotesk,monospace;font-size:12px;color:#00d4ffcc;text-shadow:0 0 5px rgba(0,212,255,.5)}.cockpit-data-left{left:10%;text-align:left;border-left:2px solid rgba(0,212,255,.5);padding-left:10px}.cockpit-data-right{right:10%;text-align:right;border-right:2px solid rgba(0,212,255,.5);padding-right:10px}.data-line{margin-bottom:5px}.warp-hud{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle,#00142866,#000000e6);display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .5s ease}.warp-hud.hidden{display:none;opacity:0}.warp-container{text-align:center;width:400px;padding:30px;background:#000a14cc;border:2px solid #00d4ff;border-radius:15px;box-shadow:0 0 30px #00d4ff4d,inset 0 0 15px #00d4ff1a}.warp-title{font-family:Space Grotesk,sans-serif;font-size:20px;letter-spacing:4px;color:#4fc3f7;margin-bottom:25px;text-shadow:0 0 10px rgba(79,195,247,.5)}.warp-progress-container{width:100%;height:6px;background:#00285080;border-radius:3px;margin-bottom:15px;overflow:hidden}.warp-progress-bar{width:0%;height:100%;background:linear-gradient(90deg,#00d4ff,#4fc3f7,#fff);box-shadow:0 0 10px #00d4ff;transition:width .1s linear}.warp-percentage{font-family:Space Grotesk,monospace;font-size:48px;font-weight:700;color:#fff;margin-bottom:10px;text-shadow:0 0 20px rgba(0,212,255,.8)}.warp-status{font-family:Space Grotesk,monospace;font-size:12px;color:#00d4ff;letter-spacing:2px;text-transform:uppercase}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f0c29cc,#302b63cc,#24243ecc);display:flex;align-items:center;justify-content:center;z-index:10000;overflow:hidden;transition:opacity .5s ease-out,visibility .5s ease-out}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-stars{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 60px 70px,#fff,transparent),radial-gradient(1px 1px at 50px 50px,#ddd,transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 90px 10px,#eee,transparent),radial-gradient(1px 1px at 200px 150px,#fff,transparent),radial-gradient(2px 2px at 150px 100px,#ddd,transparent);background-size:200px 200px;animation:stars-move 60s linear infinite;opacity:.6}@keyframes stars-move{0%{transform:translate(0) translateY(0)}to{transform:translate(-200px) translateY(-200px)}}.loading-content{position:relative;text-align:center;z-index:10;max-width:700px;padding:40px;background:#0000004d;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(57,255,20,.3);box-shadow:0 0 30px #39ff1433}.loading-title{font-family:Courier New,monospace;font-size:3em;font-weight:700;color:#fff;margin:0 0 10px;text-shadow:0 0 10px rgba(57,255,20,.8),0 0 20px rgba(57,255,20,.6),0 0 30px rgba(57,255,20,.4),0 0 40px rgba(255,0,255,.3);letter-spacing:8px;animation:title-pulse 2s ease-in-out infinite}@keyframes title-pulse{0%,to{text-shadow:0 0 10px rgba(57,255,20,.8),0 0 20px rgba(57,255,20,.6),0 0 30px rgba(57,255,20,.4),0 0 40px rgba(255,0,255,.3)}50%{text-shadow:0 0 20px rgba(57,255,20,1),0 0 30px rgba(57,255,20,.8),0 0 40px rgba(57,255,20,.6),0 0 50px rgba(255,0,255,.5)}}.loading-subtitle{font-family:Courier New,monospace;font-size:1.2em;color:#f0f;margin:0 0 50px;letter-spacing:3px;text-transform:uppercase}.loading-rocket-container{position:relative;width:100%;height:80px;margin:40px 0;overflow:hidden;display:none}.loading-rocket{position:absolute;font-size:3em;animation:rocket-fly 3s linear infinite;filter:drop-shadow(0 0 10px rgba(255,107,0,.8))}@keyframes rocket-fly{0%{left:-10%;transform:translateY(0) rotate(-15deg)}50%{transform:translateY(-10px) rotate(0)}to{left:110%;transform:translateY(0) rotate(15deg)}}.loading-trail{position:absolute;top:50%;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,rgba(255,107,0,.8) 20%,rgba(57,255,20,.6) 40%,rgba(0,255,255,.4) 60%,transparent);transform:translateY(-50%);animation:trail-shimmer 3s linear infinite;filter:blur(2px)}@keyframes trail-shimmer{0%,to{opacity:.3}50%{opacity:.8}}.loading-progress{width:100%;height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin:30px 0 20px;border:1px solid rgba(57,255,20,.3);box-shadow:0 0 10px #39ff144d,inset 0 0 10px #00000080}.loading-progress-bar{height:100%;background:linear-gradient(90deg,#39ff14cc,#0ffc,#f0fc);background-size:200% 100%;width:0%;transition:width .3s ease;animation:progress-gradient 2s linear infinite;box-shadow:0 0 20px #39ff14cc}@keyframes progress-gradient{0%{background-position:0% 50%}to{background-position:200% 50%}}.loading-status{font-family:Courier New,monospace;font-size:1.1em;color:#39ff14;margin:15px 0 5px;font-weight:700;text-shadow:0 0 10px rgba(57,255,20,.8)}.loading-detail{font-family:Courier New,monospace;font-size:.9em;color:#0ff;margin:0;opacity:.8}.loading-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(255,0,255,.05) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(57,255,20,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,255,255,.05) 0%,transparent 50%);animation:cosmic-glow 10s ease-in-out infinite;pointer-events:none}@keyframes cosmic-glow{0%,to{opacity:.3}50%{opacity:.7}}.loading-screen:after{content:"";position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgba(138,43,226,.08) 0%,rgba(75,0,130,.05) 25%,transparent 70%);transform:translate(-50%,-50%);animation:nebula-rotate 30s linear infinite;pointer-events:none}@keyframes nebula-rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:768px){.loading-title{font-size:2.5em;letter-spacing:4px}.loading-subtitle{font-size:1em}.loading-rocket{font-size:2em}.loading-content{padding:20px;max-width:90%}.slide-icon{font-size:3em}.slide-title{font-size:1.4em}.slide-text{font-size:.95em;padding:0 10px}.control-row{font-size:.9em;flex-direction:column;gap:5px}.control-row .key{min-width:60px;font-size:.85em}.loading-slides{min-height:320px}.start-exploring-btn{font-size:1.1em;padding:15px 40px;margin-top:20px}}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}.loading-title:hover{animation:glitch .3s infinite,title-pulse 2s ease-in-out infinite}.loading-slides{position:relative;width:100%;min-height:280px;margin:30px 0 20px;overflow:hidden}.loading-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translate(100%);transition:all .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.loading-slide.active{opacity:1;transform:translate(0);pointer-events:auto;position:relative}.loading-slide.exiting{opacity:0;transform:translate(-100%)}.slide-icon{font-size:4em;margin-bottom:15px;animation:float-icon 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(57,255,20,.6))}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.slide-title{font-family:Courier New,monospace;font-size:1.8em;color:#39ff14;margin:0 0 15px;text-shadow:0 0 10px rgba(57,255,20,.8);letter-spacing:2px;text-transform:uppercase}.slide-text{font-family:Courier New,monospace;font-size:1.1em;color:#fff;line-height:1.6;margin:0;padding:0 20px}.slide-controls{display:flex;flex-direction:column;gap:10px;margin:15px 0}.control-row{font-family:Courier New,monospace;font-size:1em;color:#0ff;display:flex;align-items:center;justify-content:center;gap:15px}.control-row .key{display:inline-block;background:#39ff1433;color:#39ff14;padding:5px 12px;border-radius:5px;border:1px solid rgba(57,255,20,.5);font-weight:700;min-width:80px;text-align:center;box-shadow:0 0 10px #39ff144d}.slide-note{font-family:Courier New,monospace;font-size:.95em;color:#f0f;margin:15px 0 0;font-style:italic}.slide-indicators{display:flex;justify-content:center;gap:10px;margin:20px 0}.indicator{width:12px;height:12px;border-radius:50%;background:#ffffff4d;border:1px solid rgba(57,255,20,.5);cursor:pointer;transition:all .3s ease}.indicator.active{background:#39ff14;box-shadow:0 0 15px #39ff14cc;transform:scale(1.3)}.indicator:hover{background:#39ff1499}@keyframes particle-float{0%{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(10px,-20px) scale(1.2);opacity:.6}to{transform:translate(0) scale(1);opacity:.3}}.loading-slide:before{content:"✨";position:absolute;top:10%;left:5%;font-size:1.5em;animation:particle-float 4s ease-in-out infinite;pointer-events:none}.loading-slide:after{content:"⭐";position:absolute;bottom:10%;right:5%;font-size:1.2em;animation:particle-float 3s ease-in-out infinite reverse;pointer-events:none}.start-exploring-btn{position:relative;margin-top:30px;padding:18px 50px;font-family:Courier New,monospace;font-size:1.3em;font-weight:700;color:#000;background:linear-gradient(135deg,#39ff14,#0f8);border:3px solid #39ff14;border-radius:50px;cursor:pointer;text-transform:uppercase;letter-spacing:3px;overflow:hidden;transition:all .3s ease;box-shadow:0 0 20px #39ff1499,0 0 40px #39ff1466,inset 0 0 20px #fff3;display:inline-flex;align-items:center;gap:12px;opacity:1;transform:scale(1);animation:button-pulse 2s ease-in-out infinite}.start-exploring-btn.hidden{opacity:0;transform:scale(.8);pointer-events:none}.start-exploring-btn:hover{transform:scale(1.05);background:linear-gradient(135deg,#0f8,#39ff14);box-shadow:0 0 30px #39ff14cc,0 0 60px #39ff1499,inset 0 0 30px #ffffff4d;animation:none}.start-exploring-btn:active{transform:scale(.95)}.btn-icon{font-size:1.2em;animation:rocket-shake .5s ease-in-out infinite}.start-exploring-btn:hover .btn-icon{animation:rocket-launch .6s ease-in-out infinite}@keyframes button-pulse{0%,to{box-shadow:0 0 20px #39ff1499,0 0 40px #39ff1466,inset 0 0 20px #fff3}50%{box-shadow:0 0 30px #39ff14cc,0 0 60px #39ff1499,inset 0 0 30px #ffffff4d}}@keyframes rocket-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes rocket-launch{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-10deg)}to{transform:translateY(0) rotate(0)}}.btn-text{position:relative;z-index:1}.btn-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-100%,-100%);transition:transform .6s ease;pointer-events:none}.start-exploring-btn:hover .btn-glow{transform:translate(0)}:root{--primary-bg: rgba(10, 15, 25, .85);--secondary-bg: rgba(15, 25, 40, .9);--accent-blue: #00D9FF;--accent-success: #00FF88;--accent-warning: #FFB800;--accent-danger: #FF3366;--text-primary: #FFFFFF;--text-secondary: #A0B0C0;--text-dim: #607080;--border-color: rgba(0, 217, 255, .3);--panel-shadow: 0 4px 20px rgba(0, 0, 0, .5);--font-main: "Segoe UI", "Roboto", "Arial", sans-serif;--font-mono: "Courier New", "Consolas", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}.ui-panel{position:fixed;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-main);color:var(--text-primary);padding:var(--spacing-md);z-index:1000;transition:all .3s ease}.ui-panel.hidden{opacity:0;pointer-events:none}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.panel-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--accent-blue);margin:0}.panel-subtitle{font-size:11px;color:var(--text-dim);margin:0}#flight-hud{top:var(--spacing-lg);left:var(--spacing-lg);min-width:280px}.hud-section{margin-bottom:var(--spacing-md)}.hud-section:last-child{margin-bottom:0}.hud-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.hud-value{font-size:18px;font-family:var(--font-mono);color:var(--text-primary);font-weight:600}.hud-value.large{font-size:24px}.hud-value.accent{color:var(--accent-blue)}.hud-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.hud-grid-item{text-align:center}#controls-panel{bottom:var(--spacing-lg);left:var(--spacing-lg);min-width:280px}.control-group{margin-bottom:var(--spacing-md)}.control-group:last-child{margin-bottom:0}.control-group-title{font-size:11px;color:var(--accent-blue);text-transform:uppercase;margin-bottom:var(--spacing-sm);font-weight:600}.control-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);font-size:12px}.control-key{background:#ffffff1a;border:1px solid var(--border-color);padding:2px 8px;border-radius:3px;font-family:var(--font-mono);font-size:11px;color:var(--text-primary)}.control-description{color:var(--text-secondary)}#planet-selector{bottom:var(--spacing-lg);right:var(--spacing-lg);width:400px;max-height:500px;display:flex;flex-direction:column}.search-container{margin-bottom:var(--spacing-md)}.search-input{width:100%;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:4px;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-family:var(--font-main);font-size:13px;outline:none;transition:all .2s ease}.search-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #00d9ff33}.search-input::placeholder{color:var(--text-dim)}.filter-bar{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.filter-btn{flex:1;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:4px;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.filter-btn:hover{background:#00d9ff1a;border-color:var(--accent-blue);color:var(--text-primary)}.filter-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--primary-bg)}.planet-list{flex:1;overflow-y:auto;padding-right:var(--spacing-xs)}.planet-list::-webkit-scrollbar{width:6px}.planet-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.planet-list::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:3px}.planet-item{background:var(--secondary-bg);border:1px solid transparent;border-radius:4px;padding:var(--spacing-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:all .2s ease}.planet-item:hover{border-color:var(--accent-blue);background:#00d9ff1a;transform:translate(4px)}.planet-item-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.planet-item-info{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary)}.planet-item-distance{font-family:var(--font-mono)}.planet-item-habitability{padding:2px 6px;border-radius:3px;font-weight:600}.planet-item-habitability.high{background:#0f83;color:var(--accent-success)}.planet-item-habitability.medium{background:#ffb80033;color:var(--accent-warning)}.planet-item-habitability.low{background:#f363;color:var(--accent-danger)}.toggle-btn{position:fixed;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:4px;padding:var(--spacing-sm);color:var(--accent-blue);cursor:pointer;transition:all .2s ease;font-size:12px;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99}.toggle-btn:hover{background:var(--accent-blue);color:var(--primary-bg);transform:scale(1.05)}#toggle-ui-btn{top:50%;right:var(--spacing-sm);transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:mixed}#planet-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;max-height:80vh;background:var(--primary-bg);border:2px solid var(--accent-blue);border-radius:8px;box-shadow:0 8px 40px #000000b3;z-index:200;display:none;flex-direction:column}#planet-modal.visible{display:flex}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-title{font-size:24px;font-weight:600;color:var(--accent-blue);margin:0 0 var(--spacing-sm) 0}.modal-subtitle{font-size:13px;color:var(--text-secondary);margin:0}.modal-body{padding:var(--spacing-lg);overflow-y:auto}.modal-section{margin-bottom:var(--spacing-lg)}.modal-section-title{font-size:12px;color:var(--accent-blue);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md);font-weight:600}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.modal-field{margin-bottom:var(--spacing-sm)}.modal-field-label{font-size:11px;color:var(--text-dim);margin-bottom:var(--spacing-xs)}.modal-field-value{font-size:14px;color:var(--text-primary);font-family:var(--font-mono)}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md)}.modal-btn{flex:1;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:4px;background:var(--secondary-bg);color:var(--text-primary);font-family:var(--font-main);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.modal-btn:hover{background:#ffffff1a}.modal-btn.primary{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--primary-bg)}.modal-btn.primary:hover{background:#00b5d9;border-color:#00b5d9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:199;display:none}.modal-overlay.visible{display:block}@media(max-width:1400px){#planet-selector{width:320px}}@media(max-height:800px){.ui-panel{padding:var(--spacing-sm) var(--spacing-md)}#planet-selector{max-height:400px}}.spaice-floating-btn{position:fixed;bottom:20px;right:20px;width:80px;height:100px;background:#0a0f19f2;border:2px solid rgba(0,217,255,.5);border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;z-index:1000;box-shadow:0 4px 20px #0009,0 0 30px #00d9ff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spaice-floating-btn:hover{transform:translateY(-5px) scale(1.05);border-color:#00d9ff;box-shadow:0 8px 30px #000c,0 0 50px #00d9ff80}.spaice-floating-btn:active{transform:translateY(-3px) scale(1.02)}.spaice-btn-face{width:50px;height:50px;animation:spAIceFloat 3s ease-in-out infinite}@keyframes spAIceFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.spaice-btn-inner{width:100%;height:100%;background:linear-gradient(145deg,#00d9ff,#08c);border-radius:50%;position:relative;box-shadow:0 4px 15px #00d9ff66,inset 0 2px 5px #ffffff4d,inset 0 -2px 5px #0000004d;border:2px solid rgba(255,255,255,.2)}.spaice-btn-eye{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;top:16px;box-shadow:0 2px 4px #0000004d}.spaice-btn-eye-left{left:12px}.spaice-btn-eye-right{right:12px}.spaice-btn-pupil{width:4px;height:4px;background:#003;border-radius:50%;position:absolute;top:2px;left:2px;animation:spAIcePupilMove 4s ease-in-out infinite}@keyframes spAIcePupilMove{0%,to{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px)}75%{transform:translateY(1px)}}.spaice-btn-mouth{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:20px;height:8px;overflow:hidden}.spaice-btn-mouth-line{width:100%;height:100%;border-bottom:2px solid white;border-radius:0 0 10px 10px;box-shadow:0 1px 2px #0003}.spaice-btn-antenna{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:2px;height:10px;background:linear-gradient(to top,#00D9FF,transparent)}.spaice-btn-antenna-tip{position:absolute;top:-3px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#0f8;border-radius:50%;box-shadow:0 0 8px #0f8;animation:spAIceTipBlink 2s ease-in-out infinite}@keyframes spAIceTipBlink{0%,to{opacity:1}50%{opacity:.5}}.spaice-btn-label{font-size:12px;font-weight:600;color:#00d9ff;text-transform:uppercase;letter-spacing:.5px;text-align:center}.spaice-floating-btn:hover .spaice-btn-inner{animation:spAIceGlow 1s ease-in-out infinite}@keyframes spAIceGlow{0%,to{box-shadow:0 4px 15px #00d9ff66,inset 0 2px 5px #ffffff4d,inset 0 -2px 5px #0000004d}50%{box-shadow:0 4px 20px #00d9ffcc,inset 0 2px 8px #ffffff80,inset 0 -2px 5px #0000004d}}@media(max-width:768px){.spaice-floating-btn{width:70px;height:90px;bottom:15px;right:15px}.spaice-btn-face{width:45px;height:45px}.spaice-btn-label{font-size:11px}}.multiplayer-btn{position:fixed;bottom:140px;right:20px;padding:20px 40px;background:linear-gradient(145deg,#00d9ff4d,#00ff884d);border:3px solid var(--accent-blue);border-radius:16px;color:var(--text-primary);font-family:"Orbitron",var(--font-main);font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:1001;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #00d9ff80,0 0 40px #00d9ff4d,inset 0 2px 10px #fff3;text-shadow:0 2px 10px rgba(0,217,255,.8);animation:multiplayerPulse 2s ease-in-out infinite;letter-spacing:2px;text-transform:uppercase}@keyframes multiplayerPulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #00d9ff80,0 0 40px #00d9ff4d,inset 0 2px 10px #fff3}50%{transform:scale(1.05);box-shadow:0 12px 40px #00d9ffcc,0 0 60px #00d9ff80,inset 0 2px 15px #ffffff4d}}.multiplayer-btn:hover{background:linear-gradient(145deg,#00d9ff80,#00ff8880);border-color:var(--accent-success);transform:translateY(-5px) scale(1.1);box-shadow:0 15px 50px #0f8c,0 0 80px #0f89,inset 0 2px 15px #fff6;animation:none}.multiplayer-btn:active{transform:translateY(-3px) scale(1.08)}.multiplayer-btn.connected{background:linear-gradient(145deg,#0f86,#00d9ff66);border-color:var(--accent-success);animation:connectedGlow 1.5s ease-in-out infinite}@keyframes connectedGlow{0%,to{border-color:var(--accent-success);box-shadow:0 8px 32px #0f89,0 0 50px #0f86}50%{border-color:#0f8;box-shadow:0 12px 40px #00ff88e6,0 0 70px #0f89}}.multiplayer-btn.connected:hover{background:linear-gradient(145deg,#f366,#ffb80066);border-color:var(--accent-danger);box-shadow:0 15px 50px #f369,0 0 60px #f366}.multiplayer-panel{top:20px;right:20px;min-width:250px;border:3px solid var(--accent-success);box-shadow:0 8px 32px #0f86,0 0 40px #0f83}.multiplayer-panel .panel-title{color:var(--accent-success);font-size:16px}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.multiplayer-notification{animation:slideIn .3s ease-out}@media(max-width:768px){.multiplayer-btn{bottom:120px;right:15px;padding:16px 32px;font-size:16px}.multiplayer-panel{right:15px;top:15px;min-width:200px}}#multiplayer-url{font-family:Courier New,monospace;transition:all .3s ease}#multiplayer-url:focus{outline:none;border-color:#0f8;box-shadow:0 0 10px #00ff884d;background:#00ff880d}#multiplayer-url:hover{border-color:#0f8}#multiplayer-url::placeholder{color:#555;font-style:italic}.planet-navigator{position:fixed;top:var(--spacing-lg, 24px);right:var(--spacing-lg, 24px);width:450px;max-height:calc(100vh - 48px);background:var(--primary-bg, rgba(10, 15, 25, .85));border:1px solid var(--border-color, rgba(0, 217, 255, .3));border-radius:4px;box-shadow:var(--panel-shadow, 0 4px 20px rgba(0, 0, 0, .5));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10002;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;font-family:var(--font-main, "Segoe UI", "Roboto", "Arial", sans-serif)}.planet-navigator.minimized{width:200px;max-height:60px;cursor:pointer}.planet-navigator.minimized:hover{border-color:var(--accent-blue, #00D9FF);box-shadow:0 4px 20px #00d9ff4d}.planet-navigator.minimized .nav-subtitle,.planet-navigator.minimized .nav-search,.planet-navigator.minimized .nav-filters,.planet-navigator.minimized .nav-planet-list,.planet-navigator.minimized .nav-pagination{display:none}.nav-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md, 16px);border-bottom:1px solid var(--border-color, rgba(0, 217, 255, .3))}.nav-header h2{margin:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--accent-blue, #00D9FF)}.nav-subtitle{margin:4px 0 0;font-size:11px;color:var(--text-dim, #607080)}.nav-search{padding:var(--spacing-md, 16px);background:#0003}.nav-search-input{width:100%;padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);background:var(--secondary-bg, rgba(15, 25, 40, .9));border:1px solid var(--border-color, rgba(0, 217, 255, .3));color:var(--text-primary, #FFFFFF);font-size:13px;font-family:var(--font-main, "Segoe UI", "Roboto", "Arial", sans-serif);border-radius:4px;outline:none;transition:all .2s ease}.nav-search-input:focus{border-color:var(--accent-blue, #00D9FF);box-shadow:0 0 0 2px #00d9ff33}.nav-search-input::placeholder{color:var(--text-dim, #607080)}.nav-filters{display:flex;gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);background:#00000026;border-bottom:1px solid rgba(0,217,255,.15)}.filter-btn{flex:1;padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);background:var(--secondary-bg, rgba(15, 25, 40, .9));border:1px solid var(--border-color, rgba(0, 217, 255, .3));color:var(--text-secondary, #A0B0C0);font-family:var(--font-main, "Segoe UI", "Roboto", "Arial", sans-serif);font-size:11px;cursor:pointer;border-radius:4px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.filter-btn:hover{background:#00d9ff1a;border-color:var(--accent-blue, #00D9FF);color:var(--text-primary, #FFFFFF)}.filter-btn.active{background:var(--accent-blue, #00D9FF);border-color:var(--accent-blue, #00D9FF);color:var(--primary-bg, rgba(10, 15, 25, .85))}.nav-planet-list{flex:1;overflow-y:auto;padding:var(--spacing-sm, 8px);background:#0003}.nav-planet-list::-webkit-scrollbar{width:6px}.nav-planet-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.nav-planet-list::-webkit-scrollbar-thumb{background:var(--accent-blue, #00D9FF);border-radius:3px}.nav-loading,.nav-no-results{padding:40px 20px;text-align:center;color:var(--text-secondary, #A0B0C0);font-size:13px}.nav-planet-item{background:var(--secondary-bg, rgba(15, 25, 40, .9));border:1px solid transparent;border-radius:4px;padding:var(--spacing-md, 16px);margin-bottom:var(--spacing-sm, 8px);transition:all .2s ease}.nav-planet-item:hover{border-color:var(--accent-blue, #00D9FF);background:#00d9ff1a;transform:translate(4px)}.nav-planet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md, 16px);padding-bottom:var(--spacing-sm, 8px);border-bottom:1px solid rgba(0,217,255,.2)}.nav-planet-name{color:var(--accent-blue, #00D9FF);font-weight:600;font-size:14px}.nav-planet-details{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.nav-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.nav-label{color:var(--text-dim, #607080);min-width:120px}.nav-value{color:var(--accent-success, #00FF88);font-weight:500;text-align:right}.nav-value-small{font-size:10px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-metrics{margin-top:var(--spacing-md, 16px);padding-top:var(--spacing-md, 16px);border-top:1px solid rgba(0,217,255,.2);display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.nav-metric{display:flex;flex-direction:column;gap:4px}.nav-metric-label{color:var(--text-dim, #607080);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.nav-metric-bar{height:8px;background:#00000080;border:1px solid rgba(0,217,255,.3);border-radius:4px;overflow:hidden;position:relative}.nav-metric-fill{height:100%;transition:width .3s ease;border-radius:4px}.nav-metric-bar.high .nav-metric-fill{background:var(--accent-success, #00FF88)}.nav-metric-bar.medium .nav-metric-fill{background:var(--accent-warning, #FFB800)}.nav-metric-bar.low .nav-metric-fill{background:var(--accent-blue, #00D9FF)}.nav-metric-bar.toxicity .nav-metric-fill{background:var(--accent-danger, #FF3366)}.nav-metric-value{font-size:11px;font-weight:600;text-align:right}.nav-metric-value.high{color:var(--accent-success, #00FF88)}.nav-metric-value.medium{color:var(--accent-warning, #FFB800)}.nav-metric-value.low{color:var(--accent-blue, #00D9FF)}.nav-metric-value.toxicity{color:var(--accent-danger, #FF3366)}.nav-go-btn{padding:var(--spacing-xs, 4px) var(--spacing-md, 16px);background:var(--accent-blue, #00D9FF);border:1px solid var(--accent-blue, #00D9FF);color:var(--primary-bg, rgba(10, 15, 25, .85));font-family:var(--font-main, "Segoe UI", "Roboto", "Arial", sans-serif);font-weight:600;font-size:11px;cursor:pointer;border-radius:4px;transition:all .2s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.nav-go-btn:hover{background:var(--accent-success, #00FF88);border-color:var(--accent-success, #00FF88);transform:scale(1.05)}.nav-go-btn:active{transform:scale(.95)}.nav-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md, 16px);background:#0003;border-top:1px solid rgba(0,217,255,.15)}.nav-btn{padding:var(--spacing-xs, 4px) var(--spacing-md, 16px);background:var(--secondary-bg, rgba(15, 25, 40, .9));border:1px solid var(--border-color, rgba(0, 217, 255, .3));color:var(--text-secondary, #A0B0C0);font-family:var(--font-main, "Segoe UI", "Roboto", "Arial", sans-serif);font-size:11px;cursor:pointer;border-radius:4px;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:#00d9ff1a;border-color:var(--accent-blue, #00D9FF);color:var(--text-primary, #FFFFFF)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.nav-page-info{color:var(--text-secondary, #A0B0C0);font-size:11px}.nav-footer{padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);background:#0003;border-top:1px solid rgba(0,217,255,.15);text-align:center}.nav-toggle-btn{width:100%;padding:var(--spacing-xs, 4px);background:var(--secondary-bg, rgba(15, 25, 40, .9));border:1px solid var(--border-color, rgba(0, 217, 255, .3));color:var(--text-secondary, #A0B0C0);font-family:var(--font-main, "Segoe UI", "Roboto", "Arial", sans-serif);font-size:11px;cursor:pointer;border-radius:4px;transition:all .2s ease}.nav-toggle-btn:hover{background:#00d9ff1a;border-color:var(--accent-blue, #00D9FF);color:var(--text-primary, #FFFFFF)}@media(max-width:768px){.planet-navigator{width:calc(100vw - 48px);right:var(--spacing-lg, 24px)}}.narrator-dialog{position:fixed;bottom:-500px;left:50%;transform:translate(-50%);width:75%;max-width:700px;z-index:10001;transition:bottom .5s cubic-bezier(.4,0,.2,1);pointer-events:none}.narrator-dialog.visible{bottom:20px;pointer-events:auto}.narrator-dialog.minimized .narrator-body,.narrator-dialog.minimized .narrator-footer{display:none}.narrator-dialog.minimized .narrator-content{max-height:70px}.narrator-content{background:#0a0f19bf;-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);border:1px solid rgba(0,217,255,.4);border-radius:4px;box-shadow:0 8px 32px #000c,0 0 30px #00d9ff26;overflow:hidden;transition:max-height .3s ease;font-family:Segoe UI,Roboto,Arial,sans-serif}.narrator-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#0006;border-bottom:1px solid rgba(0,217,255,.3)}.narrator-icon{font-size:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}.narrator-info{flex:1}.narrator-planet-name{font-size:14px;font-weight:600;color:#00d9ff;text-transform:uppercase;letter-spacing:1px;margin:0 0 3px}.narrator-subtitle{font-size:11px;color:#a0b0c0;opacity:.8;margin:0;text-transform:uppercase;letter-spacing:.5px}.narrator-body{padding:0;display:flex;flex-direction:column;gap:0}.narrator-narration-section{padding:16px 20px;border-bottom:1px solid rgba(0,217,255,.2)}.narrator-text{font-size:14px;line-height:1.6;color:#fff;margin:0;font-family:Segoe UI,Roboto,Arial,sans-serif}.narrator-cursor{animation:blink 1s step-end infinite;color:#00d9ff;margin-left:2px}@keyframes blink{50%{opacity:0}}.narrator-audio-indicator{display:none;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:4px;font-size:12px;color:#00d9ff}.audio-icon{font-size:16px;animation:audioWave 1.5s ease-in-out infinite}@keyframes audioWave{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.narrator-chat-section{padding:12px 16px;background:#0000004d;border-top:1px solid rgba(0,217,255,.2)}.narrator-chat-header{display:flex;align-items:center;gap:8px;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(0,217,255,.2);color:#00d9ff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.chat-header-icon{font-size:16px}.narrator-chat-messages{max-height:150px;overflow-y:auto;margin-bottom:10px;display:flex;flex-direction:column;gap:6px}.narrator-chat-messages::-webkit-scrollbar{width:6px}.narrator-chat-messages::-webkit-scrollbar-track{background:#0003;border-radius:3px}.narrator-chat-messages::-webkit-scrollbar-thumb{background:#00d9ff4d;border-radius:3px}.narrator-chat-messages::-webkit-scrollbar-thumb:hover{background:#00d9ff80}.narrator-chat-message{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:4px;animation:slideIn .3s ease;border-left:2px solid}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.narrator-chat-message.user{background:#00d9ff14;border-left-color:#00d9ff}.narrator-chat-message.assistant{background:#00ff8814;border-left-color:#0f8}.narrator-chat-message.loading{opacity:.6;animation:pulse 1.5s ease-in-out infinite}.message-icon{font-size:16px;min-width:18px}.message-text{flex:1;color:#fff;font-size:12px;line-height:1.5}.narrator-chat-input-wrapper{display:flex;gap:8px}.narrator-chat-input{flex:1;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(0,217,255,.3);border-radius:4px;color:#fff;font-size:13px;font-family:Segoe UI,Roboto,Arial,sans-serif;transition:all .2s}.narrator-chat-input::placeholder{color:#607080}.narrator-chat-input:focus{outline:none;background:#ffffff14;border-color:#00d9ff;box-shadow:0 0 12px #00d9ff33}.narrator-chat-input:disabled{opacity:.5;cursor:not-allowed}.narrator-chat-send{padding:10px 18px;background:#00d9ff26;border:1px solid rgba(0,217,255,.5);border-radius:4px;color:#00d9ff;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.narrator-chat-send:hover:not(:disabled){background:#00d9ff40;border-color:#00d9ff;transform:translateY(-1px);box-shadow:0 4px 12px #00d9ff4d}.narrator-chat-send:disabled{opacity:.5;cursor:not-allowed}.send-icon{font-size:14px}.narrator-footer{padding:12px 20px;background:#0006;border-top:1px solid rgba(0,217,255,.2);display:flex;justify-content:flex-end;gap:8px}.narrator-action-btn{padding:8px 16px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.4);border-radius:4px;color:#00d9ff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.narrator-action-btn:hover{background:#00d9ff33;border-color:#00d9ff;transform:translateY(-1px);box-shadow:0 4px 12px #00d9ff40}.narrator-action-btn.secondary{background:#ffffff0d;border-color:#a0b0c066;color:#a0b0c0}.narrator-action-btn.secondary:hover{background:#ffffff1a;border-color:#a0b0c0;box-shadow:0 4px 12px #ffffff26}@media(max-width:768px){.narrator-dialog{width:95%;max-width:none}.narrator-dialog.visible{bottom:10px}.narrator-text,.narrator-planet-name{font-size:14px}.narrator-chat-messages{max-height:150px}}.chatbot-face-container{position:relative;width:50px;height:50px;margin-right:4px}.chatbot-face{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotateY(0)}50%{transform:translateY(-5px) rotateY(10deg)}}.face-inner{width:100%;height:100%;background:linear-gradient(145deg,#00d9ff,#08c);border-radius:50%;position:relative;box-shadow:0 4px 15px #00d9ff66,inset 0 2px 5px #ffffff4d,inset 0 -2px 5px #0000004d;border:2px solid rgba(255,255,255,.2)}.eye{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;top:16px;box-shadow:0 2px 4px #0000004d}.eye-left{left:12px}.eye-right{right:12px}.pupil{width:4px;height:4px;background:#003;border-radius:50%;position:absolute;top:2px;left:2px;animation:eyeMove 4s ease-in-out infinite}@keyframes eyeMove{0%,to{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px)}75%{transform:translateY(1px)}}.mouth{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:20px;height:8px;overflow:hidden}.mouth-line{width:100%;height:100%;border-bottom:2px solid white;border-radius:0 0 10px 10px;box-shadow:0 1px 2px #0003}.antenna{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:2px;height:10px;background:linear-gradient(to top,#00D9FF,transparent);animation:antennaBlink 2s ease-in-out infinite}.antenna-tip{position:absolute;top:-3px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#0f8;border-radius:50%;box-shadow:0 0 8px #0f8}@keyframes antennaBlink{0%,to{opacity:1}50%{opacity:.5}}.chatbot-face.talking .mouth-line{animation:talk .3s ease-in-out infinite}@keyframes talk{0%,to{border-radius:0 0 10px 10px;transform:scaleY(1)}50%{border-radius:0 0 5px 5px;transform:scaleY(1.3)}}.chatbot-face.talking .face-inner{animation:faceGlow .5s ease-in-out infinite}@keyframes faceGlow{0%,to{box-shadow:0 4px 15px #00d9ff66,inset 0 2px 5px #ffffff4d,inset 0 -2px 5px #0000004d}50%{box-shadow:0 4px 20px #00d9ffcc,inset 0 2px 8px #ffffff80,inset 0 -2px 5px #0000004d}}.chatbot-face.talking .pupil{animation:eyeExcited .4s ease-in-out infinite}@keyframes eyeExcited{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.spaice-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0f19fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:10000;border-radius:4px}.spaice-loading-content{text-align:center}.chatbot-face-large{width:100px;height:100px;margin:0 auto 20px;position:relative;animation:floatSlow 3s ease-in-out infinite}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chatbot-face-large .face-inner{width:100%;height:100%;background:linear-gradient(145deg,#00d9ff,#08c);border-radius:50%;position:relative;box-shadow:0 8px 30px #00d9ff99,inset 0 4px 10px #ffffff4d,inset 0 -4px 10px #0000004d;border:3px solid rgba(255,255,255,.2)}.chatbot-face-large .eye{position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;top:30px;box-shadow:0 2px 6px #0000004d}.chatbot-face-large .eye-left{left:25px}.chatbot-face-large .eye-right{right:25px}.chatbot-face-large .pupil{width:6px;height:6px;background:#003;border-radius:50%;position:absolute;top:3px;left:3px}.chatbot-face-large .mouth-closed{position:absolute;bottom:25px;left:50%;transform:translate(-50%);width:30px;height:3px}.chatbot-face-large .mouth-line-closed{width:100%;height:100%;background:#fff;border-radius:2px;box-shadow:0 1px 3px #0003}.chatbot-face-large .antenna{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:3px;height:18px;background:linear-gradient(to top,#00D9FF,transparent)}.chatbot-face-large .antenna-tip{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#0f8;border-radius:50%;box-shadow:0 0 12px #0f8;animation:pulse 1.5s ease-in-out infinite}.loading-text{font-size:18px;color:#00d9ff;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.loading-dots{display:flex;gap:8px;justify-content:center}.loading-dots span{color:#00d9ff;font-size:24px;animation:dotBounce 1.4s ease-in-out infinite}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-10px);opacity:1}}.narrator-close{width:30px;height:30px;background:#ff323233;border:1px solid rgba(255,50,50,.5);border-radius:4px;color:#f36;font-size:24px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.narrator-close:hover{background:#ff323266;border-color:#f36;transform:scale(1.1);box-shadow:0 0 15px #ff323280}.narrator-close:active{transform:scale(.95)}.planet-exploration-dialog{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);width:900px;max-width:95vw;max-height:70vh;background:var(--primary-bg);border:2px solid var(--accent-blue);border-radius:8px;box-shadow:0 8px 40px #000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10003;display:none;flex-direction:column;opacity:0;transition:opacity .3s ease,transform .3s ease}.planet-exploration-dialog.visible{display:flex;opacity:1}.exploration-dialog-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,rgba(0,217,255,.1) 0%,transparent 100%)}.exploration-dialog-title{font-size:26px;font-weight:600;color:var(--accent-blue);margin:0 0 var(--spacing-sm) 0;letter-spacing:.5px}.exploration-dialog-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.exploration-dialog-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.exploration-dialog-close:hover{color:var(--accent-blue)}.exploration-dialog-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.exploration-hero-container{width:100%;height:250px;background:#000;overflow:hidden;position:relative;border-bottom:1px solid var(--border-color);display:none}.exploration-hero-img{width:100%;height:100%;object-fit:cover;opacity:.9;filter:brightness(1.1) contrast(1.1)}.exploration-hero-overlay{position:absolute;bottom:0;left:0;width:100%;height:150px;background:linear-gradient(0deg,var(--primary-bg) 0%,transparent 100%)}.exploration-tabs{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg) 0;border-bottom:1px solid var(--border-color)}.exploration-tab{padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-main);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.exploration-tab:hover{color:var(--text-primary)}.exploration-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.exploration-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.exploration-tab-panel{display:none}.exploration-tab-panel.active{display:block}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.overview-field{background:var(--secondary-bg);padding:var(--spacing-md);border-radius:4px;border-left:3px solid var(--accent-blue)}.overview-field-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.overview-field-value{font-size:16px;color:var(--text-primary);font-family:var(--font-mono);font-weight:600}.overview-field-value.highlight{color:var(--accent-success)}.overview-field-value.warning{color:var(--accent-warning)}.overview-field-value.danger{color:var(--accent-danger)}.ai-description-container{background:var(--secondary-bg);padding:var(--spacing-lg);border-radius:4px;border:1px solid var(--border-color);min-height:200px}.ai-description-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary)}.ai-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.ai-description-text{font-size:14px;line-height:1.7;color:var(--text-primary);white-space:pre-wrap}.ai-description-error{color:var(--accent-danger);text-align:center}.ai-description-actions{margin-top:var(--spacing-md);display:flex;gap:var(--spacing-sm)}.ai-regenerate-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--secondary-bg);border:1px solid var(--accent-blue);border-radius:4px;color:var(--accent-blue);font-size:12px;font-family:var(--font-main);font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.ai-regenerate-btn:hover{background:var(--accent-blue);color:var(--primary-bg)}.audio-player{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--primary-bg);border:1px solid var(--border-color);border-radius:4px}.audio-player-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.audio-player-title{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.audio-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.audio-btn{width:40px;height:40px;background:var(--accent-blue);border:none;border-radius:50%;color:var(--primary-bg);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.audio-btn:hover{background:#00b5d9;transform:scale(1.05)}.audio-btn:disabled{background:var(--secondary-bg);color:var(--text-dim);cursor:not-allowed;transform:scale(1)}.audio-btn.secondary{background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color)}.audio-btn.secondary:hover{background:#ffffff1a}.audio-status{font-size:11px;color:var(--text-secondary);margin-top:var(--spacing-sm)}.audio-waveform{height:40px;display:flex;align-items:center;gap:2px;margin-top:var(--spacing-sm)}.audio-bar{flex:1;height:20px;background:var(--accent-blue);border-radius:2px;opacity:.3;transition:all .3s ease}.audio-bar.active{opacity:1;height:40px}.characteristics-section{margin-bottom:var(--spacing-lg)}.characteristics-section:last-child{margin-bottom:0}.characteristics-title{font-size:13px;color:var(--accent-blue);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md);font-weight:600}.characteristics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.characteristic-item{padding:var(--spacing-sm);background:var(--secondary-bg);border-radius:4px}.characteristic-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.characteristic-value{font-size:13px;color:var(--text-primary)}.exploration-dialog-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);background:linear-gradient(0deg,rgba(0,217,255,.05) 0%,transparent 100%)}.exploration-btn{flex:1;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:4px;background:var(--secondary-bg);color:var(--text-primary);font-family:var(--font-main);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.exploration-btn:hover{background:#ffffff1a}.exploration-btn.primary{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--primary-bg)}.exploration-btn.primary:hover{background:#00b5d9;border-color:#00b5d9}.exploration-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:299;display:none}.exploration-dialog-overlay.visible{display:block}@media(max-width:768px){.planet-exploration-dialog{width:95vw;max-height:90vh}.overview-grid,.characteristics-grid{grid-template-columns:1fr}.exploration-dialog-footer{flex-direction:column}}.ai-insights-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--accent-blue)}.ai-insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.ai-insights-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--accent-blue),#00b8d4);color:var(--text-primary);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00d9ff4d}.ai-insights-btn:hover:not(:disabled){background:linear-gradient(135deg,#00b8d4,var(--accent-blue));box-shadow:0 4px 12px #00d9ff80;transform:translateY(-1px)}.ai-insights-btn:disabled{opacity:.6;cursor:not-allowed}.ai-insights-btn .btn-icon{font-size:16px}.ai-insights-container{min-height:100px;padding:var(--spacing-md);background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);border-radius:6px}.ai-insights-placeholder{color:var(--text-secondary);font-style:italic;text-align:center;margin:var(--spacing-lg) 0}.ai-insights-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md)}.ai-insights-content{animation:fadeIn .5s ease}.ai-insights-text{color:var(--text-primary);line-height:1.8;font-size:15px;white-space:pre-wrap;margin-bottom:var(--spacing-md)}.ai-insights-text p{margin-bottom:var(--spacing-md)}.ai-insights-footer{padding-top:var(--spacing-md);border-top:1px solid rgba(0,217,255,.2)}.ai-insights-attribution{color:var(--text-secondary);font-size:12px;font-style:italic}.ai-insights-error{text-align:center;padding:var(--spacing-lg);color:var(--danger-color)}.ai-insights-error p{margin-bottom:var(--spacing-md)}.ai-retry-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--danger-color);color:var(--text-primary);border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease}.ai-retry-btn:hover{background:#f44;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-chat-section{padding:20px}.ai-chat-title{color:var(--accent-blue);font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.ai-chat-messages{max-height:300px;overflow-y:auto;padding:16px;background:#0000004d;border-radius:8px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.ai-chat-welcome{text-align:center;color:var(--accent-blue);font-size:14px;padding:20px;font-style:italic}.ai-chat-message{display:flex;gap:12px;align-items:flex-start;animation:messageSlideIn .3s ease}.ai-chat-message.user-message{flex-direction:row-reverse}.ai-chat-message.user-message .message-content{background:linear-gradient(135deg,#00d9ff,#00b8d4);color:#000;text-align:right}.ai-chat-message.ai-message .message-content{background:#00d9ff1a;border:1px solid rgba(0,217,255,.3)}.ai-chat-message.error .message-content{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#f44}.message-avatar{font-size:24px;flex-shrink:0}.message-content{padding:12px 16px;border-radius:12px;max-width:80%;word-wrap:break-word;line-height:1.5}.ai-chat-message.loading .message-content{display:flex;align-items:center;gap:8px}.ai-chat-input-container{display:flex;gap:12px;align-items:center}.ai-chat-input{flex:1;padding:12px 16px;background:#0006;border:2px solid rgba(0,217,255,.3);border-radius:24px;color:var(--text-primary);font-size:14px;outline:none;transition:all .3s ease}.ai-chat-input:focus{border-color:var(--accent-blue);box-shadow:0 0 12px #00d9ff66}.ai-chat-input::placeholder{color:var(--text-secondary)}.ai-chat-send-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,var(--accent-blue),#00b8d4);color:var(--text-primary);border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00d9ff4d}.ai-chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#00b8d4,var(--accent-blue));box-shadow:0 4px 12px #00d9ff80;transform:translateY(-2px)}.ai-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.audio-loading-bar-container{display:block!important;margin-bottom:20px;padding:24px;background:linear-gradient(135deg,#00d9ff33,#00b8d433);border:3px solid #00D9FF;border-radius:8px;box-shadow:0 4px 20px #00d9ff80;position:relative;z-index:10}.audio-loading-bar-header{color:#00d9ff;font-size:18px;font-weight:700;margin-bottom:16px;text-align:center;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 10px rgba(0,217,255,.5)}.audio-loading-bar{width:100%;height:24px;background:#0009;border-radius:12px;overflow:hidden;position:relative;border:2px solid rgba(0,217,255,.6);box-shadow:inset 0 2px 4px #00000080}.audio-loading-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#00d9ff,#00ffea,#00b8d4,#00ffea,#00d9ff);background-size:400% 100%;animation:loadingBarAnimation 2s linear infinite;border-radius:10px;box-shadow:0 0 15px #00d9ff}@keyframes loadingBarAnimation{0%{background-position:0% 50%}to{background-position:400% 50%}}.audio-loading-error{color:#f44;text-align:center;padding:16px;font-weight:600;font-size:15px}.insights-audio-player{margin-top:0;margin-bottom:var(--spacing-md);background:#00d9ff14;border:1px solid rgba(0,217,255,.3)}.insights-audio-player .audio-player-header{background:#00d9ff1a}.insights-audio-player .audio-btn.primary{background:linear-gradient(135deg,var(--accent-blue),#00b8d4)}.insights-audio-player .audio-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#00b8d4,var(--accent-blue))}.insights-audio-player .audio-btn:disabled{opacity:.5;cursor:not-allowed}.audio-loading-spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}