@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;800;900&family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&display=swap";:root{--bg-dark:#030712;--panel-bg:#0a1020d9;--panel-border:#00f0ff40;--panel-glow:#00f0ff26;--cyan-primary:#00f0ff;--cyan-glow:#00f0ff66;--magenta-accent:#f07;--amber-warn:#ffb700;--green-success:#0f8;--purple-singularity:#a855f7;--text-main:#e2e8f0;--text-muted:#94a3b8;--text-bright:#fff;--font-display:"Orbitron", sans-serif;--font-body:"Rajdhani", sans-serif;--font-mono:"Share Tech Mono", monospace}*{box-sizing:border-box;user-select:none;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-main);font-family:var(--font-body);font-size:16px;overflow:hidden}#app{width:100vw;height:100vh;position:relative;overflow:hidden}#webgl-canvas{z-index:1;cursor:crosshair;width:100%;height:100%;position:absolute;top:0;left:0}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);box-shadow:0 8px 32px 0 #0009, 0 0 15px var(--panel-glow);border-radius:8px}.cyber-corners{position:relative}.cyber-corners:before{content:"";border-top:2px solid var(--cyan-primary);border-left:2px solid var(--cyan-primary);pointer-events:none;width:10px;height:10px;position:absolute;top:-1px;left:-1px}.cyber-corners:after{content:"";border-bottom:2px solid var(--cyan-primary);border-right:2px solid var(--cyan-primary);pointer-events:none;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.top-header{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:absolute;top:16px;left:16px;right:16px}.brand-title{align-items:center;gap:12px;display:flex}.brand-logo-icon{background:radial-gradient(circle, var(--cyan-primary) 0%, transparent 70%);border:2px solid var(--cyan-primary);width:32px;height:32px;box-shadow:0 0 15px var(--cyan-primary);border-radius:50%;animation:3s infinite alternate pulse-logo}@keyframes pulse-logo{0%{box-shadow:0 0 10px var(--cyan-primary);transform:scale(.95)}to{box-shadow:0 0 25px var(--cyan-primary), 0 0 40px #00f0ff66;transform:scale(1.05)}}.brand-name{font-family:var(--font-display);letter-spacing:2px;color:var(--text-bright);text-shadow:0 0 10px var(--cyan-glow);font-size:1.5rem;font-weight:900}.brand-subtitle{font-family:var(--font-mono);color:var(--cyan-primary);letter-spacing:1px;text-transform:uppercase;font-size:.75rem}.header-status{pointer-events:auto;align-items:center;gap:16px;display:flex}.status-badge{font-family:var(--font-mono);background:#00f0ff14;border:1px solid #00f0ff4d;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;display:flex}.indicator-dot{background:var(--green-success);width:8px;height:8px;box-shadow:0 0 8px var(--green-success);border-radius:50%}.hud-crosshair{pointer-events:none;z-index:5;width:40px;height:40px;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-crosshair .reticle-ring{border:1px solid #00f0ff66;border-radius:50%;width:100%;height:100%;position:relative}.hud-crosshair .reticle-dot{background:var(--cyan-primary);width:4px;height:4px;box-shadow:0 0 6px var(--cyan-primary);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-crosshair.locked .reticle-ring{border-color:var(--magenta-accent);box-shadow:0 0 15px var(--magenta-accent);transform:scale(1.2)}.hud-crosshair.locked .reticle-dot{background:var(--magenta-accent);box-shadow:0 0 10px var(--magenta-accent)}.hud-telemetry{z-index:10;pointer-events:auto;gap:24px;padding:12px 28px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.telemetry-item{flex-direction:column;align-items:center;min-width:80px;display:flex}.telemetry-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:.7rem}.telemetry-value{font-family:var(--font-display);color:var(--cyan-primary);text-shadow:0 0 8px var(--cyan-glow);font-size:1.2rem;font-weight:700}.sidebar-controls{z-index:10;pointer-events:auto;flex-direction:column;gap:16px;width:320px;padding:20px;display:flex;position:absolute;top:80px;bottom:80px;left:16px;overflow-y:auto}.sidebar-controls::-webkit-scrollbar{width:4px}.sidebar-controls::-webkit-scrollbar-thumb{background:var(--cyan-primary);border-radius:2px}.section-header{font-family:var(--font-display);letter-spacing:1.5px;color:var(--text-bright);text-transform:uppercase;border-bottom:1px solid #00f0ff33;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:6px;font-size:.85rem;font-weight:700;display:flex}.gravity-presets{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.btn-preset{color:var(--text-main);font-family:var(--font-body);cursor:pointer;background:#0f172acc;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-preset:hover{border-color:var(--cyan-primary);color:var(--text-bright);box-shadow:0 0 10px var(--cyan-glow);background:#00f0ff26}.btn-preset.active{border-color:var(--cyan-primary);color:var(--text-bright);box-shadow:0 0 15px var(--cyan-glow);background:#00f0ff40}.btn-preset.singularity.active{border-color:var(--purple-singularity);background:#a855f74d;box-shadow:0 0 15px #a855f780}.preset-sub{font-family:var(--font-mono);color:var(--text-muted);font-size:.65rem}.spawner-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.btn-spawn{color:var(--text-main);font-family:var(--font-body);cursor:pointer;background:#0f172acc;border:1px solid #00f0ff33;border-radius:6px;align-items:center;gap:8px;padding:10px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-spawn:hover{border-color:var(--cyan-primary);color:var(--text-bright);box-shadow:0 4px 12px var(--cyan-glow);background:#00f0ff33;transform:translateY(-2px)}.slider-group{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.slider-label{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.slider-val{color:var(--cyan-primary)}input[type=range]{appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--cyan-primary);width:16px;height:16px;box-shadow:0 0 10px var(--cyan-primary);cursor:pointer;border-radius:50%;transition:transform .1s}.sidebar-missions{z-index:10;pointer-events:auto;flex-direction:column;gap:16px;width:320px;padding:20px;display:flex;position:absolute;top:80px;right:16px}.mission-card{cursor:pointer;background:#0f172a99;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:8px;padding:12px;transition:all .2s}.mission-card:hover{border-color:var(--cyan-primary);background:#00f0ff1a}.mission-card.active{border-color:var(--cyan-primary);box-shadow:0 0 12px var(--cyan-glow);background:#00f0ff33}.mission-title{font-family:var(--font-display);color:var(--text-bright);margin-bottom:4px;font-size:.85rem;font-weight:700}.mission-desc{color:var(--text-muted);font-size:.75rem;line-height:1.3}.mission-progress{background:#ffffff1a;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.mission-bar{background:var(--green-success);width:0%;height:100%;box-shadow:0 0 8px var(--green-success);transition:width .3s}.btn-action{border:1px solid var(--cyan-primary);width:100%;color:var(--text-bright);font-family:var(--font-display);letter-spacing:1px;cursor:pointer;background:#00f0ff26;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-action:hover{background:var(--cyan-primary);color:var(--bg-dark);box-shadow:0 0 20px var(--cyan-glow)}.btn-danger{border-color:var(--magenta-accent);background:#ff007726}.btn-danger:hover{background:var(--magenta-accent);color:#fff;box-shadow:0 0 20px #f079}.controls-legend{z-index:10;font-family:var(--font-mono);color:var(--text-muted);pointer-events:none;gap:16px;font-size:.75rem;display:flex;position:absolute;bottom:16px;left:16px}.key-cap{color:var(--cyan-primary);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:2px 6px;display:inline-block}.audio-toggle-btn{border:1px solid var(--cyan-primary);width:36px;height:36px;color:var(--cyan-primary);cursor:pointer;box-shadow:0 0 10px var(--cyan-glow);background:#0a1020cc;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.audio-toggle-btn:hover{box-shadow:0 0 20px var(--cyan-primary);transform:scale(1.1)}.env-presets{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:8px;display:grid}.btn-env{color:var(--text-main);font-family:var(--font-body);cursor:pointer;background:#0f172acc;border:1px solid #00f0ff33;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.btn-env:hover{border-color:var(--cyan-primary);color:var(--text-bright);background:#00f0ff26}.btn-env.active{border-color:var(--cyan-primary);box-shadow:0 0 12px var(--cyan-glow);color:var(--text-bright);background:#00f0ff40}.target-lock-info{white-space:nowrap;font-family:var(--font-mono);color:var(--cyan-primary);letter-spacing:1px;text-shadow:0 0 8px var(--cyan-glow);pointer-events:none;font-size:.75rem;position:absolute;top:48px;left:50%;transform:translate(-50%)}.hud-crosshair.locked .target-lock-info{color:var(--magenta-accent);text-shadow:0 0 8px var(--magenta-accent)}.singularity-alert-badge{z-index:10;border:1px solid var(--purple-singularity);font-family:var(--font-mono);color:#f3e8ff;letter-spacing:1px;background:#a855f740;border-radius:20px;padding:8px 18px;font-size:.85rem;font-weight:700;animation:1.5s infinite alternate alert-pulse;position:absolute;top:80px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #a855f780}.singularity-alert-badge.hidden{display:none}@keyframes alert-pulse{0%{opacity:.8;transform:translate(-50%)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1.03);box-shadow:0 0 30px #a855f7cc}}.btn-purple{border-color:var(--purple-singularity);background:#a855f726}.btn-purple:hover,.btn-purple.active{background:var(--purple-singularity);color:#fff;box-shadow:0 0 20px #a855f799}.ai-copilot-drawer{z-index:12;pointer-events:auto;flex-direction:column;width:340px;padding:16px;display:flex;position:absolute;top:80px;bottom:80px;right:16px}.copilot-header{border-bottom:1px solid #a855f74d;align-items:center;gap:12px;padding-bottom:12px;display:flex}.ai-avatar{border:1px solid var(--purple-singularity);background:#a855f733;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 0 12px #a855f766}.ai-waveform-core{align-items:center;gap:3px;height:16px;display:flex}.ai-waveform-core .bar{background:var(--purple-singularity);border-radius:2px;width:3px;height:100%;animation:1.2s ease-in-out infinite wave-bar}.ai-waveform-core .bar:nth-child(2){animation-delay:.2s}.ai-waveform-core .bar:nth-child(3){animation-delay:.4s}.ai-waveform-core .bar:nth-child(4){animation-delay:.6s}@keyframes wave-bar{0%,to{height:4px}50%{height:16px}}.ai-waveform-core.thinking .bar{background:var(--cyan-primary);animation-duration:.4s}.ai-title{font-family:var(--font-display);color:var(--text-bright);letter-spacing:1px;font-size:.9rem;font-weight:800}.ai-subtitle{font-family:var(--font-mono);color:var(--purple-singularity);letter-spacing:.5px;font-size:.65rem}.btn-icon-gear{cursor:pointer;opacity:.8;background:0 0;border:none;margin-left:auto;font-size:1.1rem;transition:opacity .2s}.btn-icon-gear:hover{opacity:1;transform:rotate(45deg)}.prompt-pills-container{white-space:nowrap;gap:6px;padding:10px 0;display:flex;overflow-x:auto}.prompt-pills-container::-webkit-scrollbar{height:3px}.prompt-pills-container::-webkit-scrollbar-thumb{background:var(--purple-singularity);border-radius:2px}.prompt-pill{font-family:var(--font-body);color:#e9d5ff;cursor:pointer;background:#a855f71f;border:1px solid #a855f74d;border-radius:12px;flex-shrink:0;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.prompt-pill:hover{background:var(--purple-singularity);color:#fff;box-shadow:0 0 10px #a855f780}.copilot-chat-list{flex-direction:column;flex:1;gap:10px;margin:6px 0;padding-right:4px;display:flex;overflow-y:auto}.copilot-chat-list::-webkit-scrollbar{width:4px}.copilot-chat-list::-webkit-scrollbar-thumb{background:var(--purple-singularity);border-radius:2px}.copilot-msg{border-radius:8px;flex-direction:column;gap:4px;padding:10px;font-size:.85rem;line-height:1.35;display:flex}.copilot-msg.user{background:#00f0ff1a;border:1px solid #00f0ff4d;align-self:flex-end;width:90%}.copilot-msg.agent{background:#0f172ad9;border:1px solid #a855f74d;align-self:flex-start;width:96%}.msg-header{font-family:var(--font-mono);justify-content:space-between;font-size:.65rem;display:flex}.copilot-msg.user .msg-sender{color:var(--cyan-primary)}.copilot-msg.agent .msg-sender{color:var(--purple-singularity)}.msg-time{color:var(--text-muted)}.tool-calls-container{flex-direction:column;gap:4px;margin:4px 0;display:flex}.tool-call-badge{border:1px dashed var(--purple-singularity);font-family:var(--font-mono);color:#f3e8ff;background:#a855f733;border-radius:4px;flex-direction:column;gap:2px;padding:4px 8px;font-size:.7rem;display:flex}.tool-name{color:var(--cyan-primary);font-weight:700}.tool-result{color:var(--text-muted);word-break:break-all;font-size:.65rem}.copilot-input-form{gap:6px;margin-top:auto;display:flex}.copilot-input{color:var(--text-bright);font-family:var(--font-body);background:#0f172acc;border:1px solid #a855f74d;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:.85rem}.copilot-input:focus{border-color:var(--purple-singularity);box-shadow:0 0 10px #a855f766}.copilot-send-btn{background:var(--purple-singularity);color:#fff;font-family:var(--font-display);cursor:pointer;border:none;border-radius:6px;padding:0 14px;font-size:.75rem;font-weight:700;transition:all .2s}.copilot-send-btn:hover{box-shadow:0 0 15px #a855f799}.api-key-modal{z-index:100;backdrop-filter:blur(8px);background:#030712cc;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.api-key-modal.hidden{display:none}.api-key-modal .modal-content{flex-direction:column;gap:14px;width:360px;padding:24px;display:flex}.modal-desc{color:var(--text-muted);font-size:.8rem;line-height:1.4}.modal-actions{gap:8px;display:flex}.agent-badge .active-purple{background:var(--purple-singularity);box-shadow:0 0 8px var(--purple-singularity)}