:root{--bg-space: #07090e;--panel-bg: rgba(15, 23, 42, .85);--panel-bg-solid: #0f172a;--panel-border: rgba(56, 189, 248, .2);--panel-border-glow: rgba(56, 189, 248, .4);--text-main: #f8fafc;--text-muted: #64748b;--text-dim: #475569;--color-cyan: #38bdf8;--color-emerald: #10b981;--color-amber: #f59e0b;--color-rose: #f43f5e;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-space);background-image:radial-gradient(rgba(56,189,248,.04) 1px,transparent 0),radial-gradient(rgba(255,255,255,.03) 1px,transparent 0);background-size:40px 40px,16px 16px;background-position:0 0,20px 20px;color:var(--text-main);font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased}.hud-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000080}.btn-hud{font-family:var(--font-mono);font-size:11px;font-weight:600;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;letter-spacing:.5px;touch-action:manipulation}.btn-primary{background:#38bdf81f;border-color:var(--color-cyan);color:var(--color-cyan)}.btn-primary:hover{background:var(--color-cyan);color:var(--bg-space);box-shadow:0 0 16px #38bdf866}.btn-secondary{background:#0f172acc;border-color:#ffffff1a;color:var(--text-muted)}.btn-secondary:hover{border-color:var(--color-cyan);color:var(--color-cyan)}input[type=text],input[type=email],input[type=password],select{font-family:var(--font-sans);font-size:14px;padding:8px 10px;border-radius:4px;border:1px solid rgba(56,189,248,.15);background:#0f172ae6;color:var(--text-main);outline:none;transition:all .2s ease;width:100%}input:focus,select:focus{border-color:var(--color-cyan);box-shadow:0 0 8px #38bdf826}input::placeholder{color:var(--text-dim)}a{color:var(--color-cyan);text-decoration:none;transition:all .2s ease}a:hover{color:#7dd3fc;text-shadow:0 0 8px rgba(56,189,248,.4)}.text-cyan{color:var(--color-cyan)}.text-emerald{color:var(--color-emerald)}.text-amber{color:var(--color-amber)}.text-rose{color:var(--color-rose)}.text-muted{color:var(--text-muted)}.font-mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#38bdf866}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 8px #38bdf833}50%{box-shadow:0 0 16px #38bdf866}}.turn-timer{font-family:var(--font-mono);padding:8px 14px;border-radius:4px;background:var(--panel-bg);border:1px solid var(--panel-border);text-align:center;min-width:160px}.turn-timer-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:2px}.turn-timer-countdown{font-size:18px;font-weight:700;color:var(--color-cyan)}.turn-timer-locked{font-size:9px;color:var(--color-rose);margin-top:2px}.timer-ok .turn-timer-countdown{color:var(--color-cyan)}.timer-caution .turn-timer-countdown{color:var(--color-amber)}.timer-warning .turn-timer-countdown{color:var(--color-rose)}.timer-critical .turn-timer-countdown{color:var(--color-rose);animation:pulse 1s ease-in-out infinite}.timer-error{font-family:var(--font-mono);font-size:11px;color:var(--color-rose)}.timer-turn-resolving{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}@media (max-width: 640px){.btn-hud{padding:10px 14px;font-size:12px}.turn-timer{min-width:120px;padding:6px 10px}.turn-timer-countdown{font-size:15px}}.planetManagement{display:flex;gap:16px;animation:fadeIn .3s ease}.planetManagementLeft{width:260px;flex-shrink:0}.planetManagementRight{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0}.planetSelector{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px}.empireSummaryBar{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;margin-bottom:10px;background:#0000004d;border-radius:4px;border:1px solid rgba(255,255,255,.04)}.summaryItem{display:flex;flex-direction:column;gap:2px}.summaryLabel{font-family:var(--font-mono);font-size:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.summaryValue{font-family:var(--font-mono);font-size:10px;color:var(--color-cyan)}.planetList h3{margin-bottom:8px}.planetItem{padding:10px;margin-bottom:6px;background:#00000040;border:1px solid rgba(255,255,255,.04);border-radius:4px;cursor:pointer;transition:all .15s ease}.planetItem:hover{background:#38bdf80f;border-color:var(--color-cyan)}.planetItem.active{background:#38bdf81a;border-color:var(--color-cyan);box-shadow:0 0 12px #38bdf833}.planetItemName{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--color-cyan)}.planetItemMeta{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);margin-top:4px}.planetDetailHeader{padding:14px 16px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.planetDetailHeader .hud-title{font-size:16px;margin-bottom:8px}.planetDetailMeta{display:flex;flex-wrap:wrap;gap:14px;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.planetDetailMeta span:not(:last-child):after{content:"•";margin-left:14px;color:var(--text-dim)}.planetSection{padding:14px 16px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.taxSliderContainer{display:flex;align-items:center;gap:14px;margin:12px 0}.taxRateDisplay{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--color-amber);min-width:50px;text-align:right}.taxSliderHint{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);margin-bottom:10px}.allocationTotal{font-family:var(--font-mono);font-size:10px;color:var(--color-cyan);margin-bottom:10px}.allocError{color:var(--color-rose);margin-left:8px}.allocationRow{display:flex;align-items:center;gap:10px;margin-bottom:8px}.allocationLabel{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);min-width:80px}.allocationValue{font-family:var(--font-mono);font-size:11px;font-weight:600;min-width:36px;text-align:right}.hud-slider{flex:1;min-width:60px;height:28px;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:manipulation}.hud-slider::-webkit-slider-runnable-track{height:6px;background:#00000080;border:1px solid var(--panel-border);border-radius:3px}.hud-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;background:var(--color-cyan);border:2px solid #0f172a;box-shadow:0 0 8px #38bdf880}.hud-slider::-moz-range-track{height:6px;background:#00000080;border:1px solid var(--panel-border);border-radius:3px}.hud-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-cyan);border:2px solid #0f172a;box-shadow:0 0 8px #38bdf880}@media (max-width: 768px){.hud-slider{height:36px}.hud-slider::-webkit-slider-thumb{width:24px;height:24px;margin-top:-10px}.hud-slider::-moz-range-thumb{width:22px;height:22px}}@media (max-width: 360px){.allocationRow{flex-direction:column;align-items:stretch;gap:2px}.allocationValue{text-align:left}}.queueList{display:flex;flex-direction:column;gap:6px}.queueItem{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.04);border-radius:4px;transition:all .15s ease}.queueItem.active{border-color:var(--color-emerald);box-shadow:0 0 8px #10b98126}.queuePosition{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);min-width:24px}.queueInfo{flex:1;min-width:0}.queueProject{font-family:var(--font-mono);font-size:11px;color:var(--text-main)}.queueType{font-family:var(--font-mono);font-size:8px;color:var(--text-muted);text-transform:uppercase}.queueProgress{font-family:var(--font-mono);font-size:10px;color:var(--color-cyan);min-width:40px;text-align:right}.queueActions{display:flex;gap:4px}.hud-button-icon{width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;font-size:12px;background:#0006;border:1px solid rgba(255,255,255,.06);border-radius:3px;color:var(--text-muted);cursor:pointer;transition:all .15s ease;touch-action:manipulation}.hud-button-icon:not(:disabled):hover{background:#38bdf81a;border-color:var(--color-cyan);color:var(--color-cyan)}.hud-button-icon:disabled{opacity:.3;cursor:not-allowed}.hud-button-icon-danger{color:var(--color-rose)}.hud-button-icon-danger:not(:disabled):hover{background:#f43f5e1a;border-color:var(--color-rose)}.catalogTabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.catalogTab{padding:6px 12px;font-family:var(--font-mono);font-size:9px;letter-spacing:.5px;color:var(--text-muted);background:#0000004d;border:1px solid rgba(255,255,255,.04);border-radius:4px;cursor:pointer;transition:all .15s ease;touch-action:manipulation}.catalogTab:hover{color:var(--color-cyan);border-color:var(--color-cyan)}.catalogTab.active{color:var(--color-cyan);background:#38bdf81a;border-color:var(--color-cyan)}.catalogProjects{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:12px}.catalogProject{padding:10px;background:#0000004d;border:1px solid rgba(255,255,255,.04);border-radius:4px;cursor:pointer;transition:all .15s ease}.catalogProject:hover{background:#38bdf80f;border-color:var(--color-cyan)}.catalogProject.unaffordable{opacity:.4;cursor:not-allowed}.catalogProjectName{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--color-emerald);margin-bottom:4px}.catalogProjectDesc{font-size:9px;color:var(--text-muted);margin-bottom:6px;line-height:1.4}.catalogProjectCost{font-family:var(--font-mono);font-size:8px;color:var(--text-dim)}.catalogSelected{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#10b98114;border:1px solid var(--color-emerald);border-radius:4px;font-family:var(--font-mono);font-size:10px}@media (max-width: 768px){.planetManagement{flex-direction:column}.planetManagementLeft{width:100%}.empireSummaryBar{grid-template-columns:1fr 1fr}.planetDetailMeta{flex-direction:column;gap:4px}.planetDetailMeta span:not(:last-child):after{content:"";margin:0}.catalogProjects{grid-template-columns:1fr}.queueItem{flex-wrap:wrap}.planetItem{min-height:44px;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.queueActions{gap:8px;flex-wrap:nowrap}.hud-button-icon{width:40px;height:40px;font-size:14px}.catalogProject{min-height:44px;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.catalogTab{min-height:36px;display:inline-flex;align-items:center}}.researchSection{margin-top:16px;padding:12px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px}.researchActive{margin-bottom:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.researchLabel{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.researchTech{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--color-cyan)}.researchTechIdle{color:var(--text-muted)}.researchProgress{display:flex;align-items:center;gap:6px;margin-left:8px}.researchProgressBar{width:80px;height:8px;background:#0006;border:1px solid var(--panel-border);border-radius:4px;overflow:hidden}.researchProgressFill{height:100%;background:linear-gradient(90deg,var(--color-cyan),var(--color-emerald));border-radius:3px;transition:width .3s ease}.researchPercent{font-family:var(--font-mono);font-size:10px;color:var(--color-emerald)}.researchSelect{margin-top:6px}@media (max-width: 480px){.empireSummaryBar{grid-template-columns:1fr}.allocationRow{flex-wrap:wrap;gap:4px}.allocationLabel{min-width:100%}.allocationRow .hud-slider{flex:1 1 100%}.catalogSelected{flex-direction:column;gap:8px;align-items:flex-start}.researchProgress{width:100%;margin-left:0;margin-top:4px}.researchProgressBar{flex:1}}.intelligence-tab{display:grid;gap:16px}.spy-pool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.stat-card{background:#0a0f1e99;border:1px solid var(--color-slate-700);border-radius:6px;padding:12px;text-align:center}.stat-label{display:block;font-size:10px;color:var(--color-slate-400);margin-bottom:4px;font-family:JetBrains Mono,monospace}.stat-value{display:block;font-size:24px;font-weight:700;font-family:JetBrains Mono,monospace}.intel-centers-list{display:flex;flex-direction:column;gap:8px}.intel-center-item{display:flex;justify-content:space-between;align-items:center;background:#0a0f1e80;border:1px solid var(--color-slate-700);border-radius:6px;padding:10px 14px}.planet-name{font-weight:600;color:var(--color-text)}.missions-list{display:flex;flex-direction:column;gap:8px}.mission-item{display:flex;justify-content:space-between;align-items:center;background:#0a0f1e80;border:1px solid var(--color-slate-700);border-radius:6px;padding:10px 14px}.mission-info{display:flex;flex-direction:column;gap:2px}.mission-type{font-weight:600;font-size:12px;color:var(--color-amber)}.mission-target{font-size:10px;color:var(--color-slate-400)}.mission-timer{font-size:10px;color:var(--color-cyan);font-family:JetBrains Mono,monospace}.opinions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.opinion-card{background:#0a0f1e99;border:1px solid var(--color-slate-700);border-radius:6px;padding:12px}.opinion-empire{font-weight:600;font-size:13px;color:var(--color-text)}.opinion-race{font-size:10px;color:var(--color-slate-400);margin-bottom:8px}.opinion-scores{display:flex;flex-direction:column;gap:4px}.opinion-score{display:flex;justify-content:space-between;font-size:11px}.opinion-label{color:var(--color-slate-400)}.opinion-value{font-family:JetBrains Mono,monospace;font-weight:600}@media (max-width: 768px){.fleet-standing-order{display:flex;flex-wrap:wrap;align-items:center}.fleet-standing-order select{min-height:44px;padding:10px 12px;font-size:13px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.turn-timer{min-height:44px;display:flex;flex-direction:column;justify-content:center;min-width:120px}}.turn-summary-banner{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;padding:14px 16px;margin-bottom:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000080;animation:fadeIn .3s ease}