:root{--bg: #060c14;--panel: #101c2b;--panel-2: #0c1620;--panel-soft: rgba(255,255,255,.03);--line: rgba(120,170,220,.22);--line-2: rgba(120,170,220,.42);--text: #d9e6f2;--muted: #7d93ab;--soft: #62788f;--accent: #5bc0de;--accent-2: #3f97c4;--gold: #e8b923;--green: #6fcf6f;--violet: #b09bff;--danger: #ff6b6b;--shadow: 0 10px 28px rgba(0,0,0,.4);--radius: 10px;--transition: .18s ease;--theme-main: var(--accent);--theme-secondary: var(--accent-2);--theme-glow: rgba(91,192,222,.24);--theme-fill: rgba(91,192,222,.1)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Segoe UI,Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg)}#root{min-height:100vh;display:flex;flex-direction:column}.space-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.space-bg .stars,.space-bg .nebula,.space-bg .nebula2{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%}.space-bg .stars{background-image:radial-gradient(circle,rgba(255,255,255,.8) 0 1px,transparent 1.25px),radial-gradient(circle,rgba(165,216,255,.45) 0 .8px,transparent 1.15px),radial-gradient(circle,rgba(255,255,255,.28) 0 .65px,transparent 1px);background-size:160px 160px,240px 240px,340px 340px;background-position:15px 10px,40px 60px,100px 40px;opacity:.35;animation:driftStars 90s linear infinite}.space-bg .nebula{background:radial-gradient(circle at 25% 20%,rgba(63,151,196,.1),transparent 22%),radial-gradient(circle at 80% 70%,rgba(91,192,222,.07),transparent 20%);filter:blur(30px)}.space-bg .grid-fade,.space-bg .nebula2{display:none}@keyframes driftStars{0%{transform:translateY(0)}to{transform:translateY(220px)}}.app-shell{position:relative;z-index:2;display:grid;grid-template-rows:auto 1fr;height:100vh}.glass,.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);position:relative}.glass:before{content:none}.pulse-line{display:none}svg{display:block}.icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.top-hud{position:relative;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0a121c,#08101a)}.utility-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:5px 16px;font-size:10.5px;color:var(--muted);border-bottom:1px solid rgba(120,170,220,.1)}.utility-left,.utility-center,.utility-right{display:flex;align-items:center;gap:14px;white-space:nowrap}.utility-row .live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #6fcf6f99;display:inline-block;margin-right:6px}.utility-link{color:var(--muted);cursor:default}.resource-row{display:flex;align-items:center;gap:16px;padding:9px 16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.brand-core{position:relative;width:32px;height:32px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.9) 0 6%,transparent 7%),radial-gradient(circle at 35% 35%,var(--accent) 0 16%,#183c64 17% 45%,#0c1f39 46% 78%,#07101c 79%);box-shadow:0 0 0 1px #ffffff1a,0 0 14px var(--theme-glow)}.brand-name{font-size:14px;font-weight:800;letter-spacing:.4px;line-height:1.1}.brand-sub{margin-top:1px;font-size:8.5px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.resource-strip{min-width:0;display:flex;gap:8px;overflow:auto;scrollbar-width:none}.resource-strip::-webkit-scrollbar{display:none}.resource{position:relative;min-width:92px;border-radius:7px;padding:6px 10px;border:1px solid var(--line);background:var(--panel-2);text-align:center}.resource:before{display:none}.resource-top{display:flex;align-items:center;justify-content:center;gap:5px}.resource-label{display:flex;align-items:center;gap:5px;font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700}.resource-label .icon{color:var(--accent)}.resource.crystal .resource-label .icon{color:var(--violet)}.resource.deut .resource-label .icon{color:var(--green)}.resource.gold .resource-label .icon{color:var(--gold)}.resource-dot{display:none}.resource-value{margin-top:3px;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.resource-delta{margin-top:2px;font-size:9.5px;color:var(--green);font-weight:700}.resource-bar{margin-top:6px;height:4px;border-radius:3px;background:#ffffff14;overflow:hidden}.resource-bar i{display:block;height:100%;background:var(--accent);border-radius:3px;transition:width .6s linear}.resource.crystal .resource-bar i{background:var(--violet)}.resource.deut .resource-bar i{background:var(--green)}.resource-cap{margin-top:3px;font-size:8.5px;color:var(--muted);font-variant-numeric:tabular-nums}.resource-clickable{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;color:inherit;cursor:pointer;transition:border-color .15s,transform .15s}.resource-clickable:hover{border-color:var(--gold);transform:translateY(-1px)}.resource-clickable:active{transform:translateY(0)}.planet-strip{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:320px}.planet-strip::-webkit-scrollbar{display:none}.planet-chip{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 8px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;flex-shrink:0;color:inherit;font:inherit}.planet-chip:hover{background:#ffffff0a}.planet-chip.active{border-color:var(--accent);background:var(--theme-fill)}.planet-chip .orb{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 18%,var(--accent) 19% 55%,#223c54 56% 100%);box-shadow:0 0 8px var(--theme-glow)}.planet-chip span{font-size:9px;color:var(--muted);white-space:nowrap;max-width:72px;overflow:hidden;text-overflow:ellipsis}.planet-chip.active span{color:var(--text)}.top-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.server-pill{display:flex;align-items:center;gap:6px;border-radius:7px;padding:7px 10px;border:1px solid rgba(111,207,111,.25);background:#6fcf6f12;color:#a7e6a7;font-size:9.5px;text-transform:uppercase;letter-spacing:.6px;font-weight:800;white-space:nowrap}.server-pill i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #6fcf6f8c;font-style:normal}.user-chip,.hud-btn{height:36px;border-radius:7px;border:1px solid var(--line);background:var(--panel-2);color:var(--text)}.user-chip{display:flex;align-items:center;gap:8px;padding:0 9px 0 6px}.avatar{width:24px;height:24px;border-radius:5px;display:grid;place-items:center;background:#1a3050;border:1px solid rgba(255,255,255,.1);font-size:10px;font-weight:800;flex-shrink:0}.user-meta{line-height:1.1}.user-meta strong{font-size:11px;display:block}.user-meta span{font-size:9px;color:var(--muted);display:block;margin-top:1px}.hud-btn{min-width:36px;padding:0 12px;display:grid;place-items:center;cursor:pointer;transition:all var(--transition);font-size:11px;font-family:inherit;white-space:nowrap}.hud-btn:hover{border-color:var(--line-2);background:#142238}.hud-btn .badge{position:absolute;top:-5px;right:-5px;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--gold);color:#241a00;font-size:9px;font-weight:900;line-height:1;border:1px solid var(--panel-2)}.user-chip-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;cursor:pointer;text-align:left;transition:all var(--transition)}.user-chip-button:hover{border-color:var(--line-2);background:#142238}.stage{display:grid;grid-template-columns:210px 1fr;min-height:0}.command-rail{padding:12px 8px 12px 12px;display:flex;flex-direction:column;gap:10px;min-height:0}.next-order-panel{padding:12px;border-radius:var(--radius);flex-shrink:0;text-align:center;background:linear-gradient(180deg,#182a3d,#0f1c29);box-shadow:inset 0 1px #ffffff14}.next-order-panel .badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--green);color:#06210a;font-size:10px;font-weight:900;margin-left:6px}.next-order-panel h4{margin:0 0 9px;font-size:12.5px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center}.next-order-panel strong{display:block;font-size:12px;font-weight:800;line-height:1.5;color:#fff}.next-order-panel span.eta{display:block;margin-top:6px;font-size:11px;color:var(--accent);font-weight:700}.next-order-panel span.empty{display:block;font-size:11.5px;font-weight:700;color:#dbe9f5;line-height:1.5}.rail-inner{border-radius:var(--radius);padding:6px;border:1px solid var(--line);background:var(--panel-2);display:flex;flex-direction:column;gap:5px;min-height:0;flex:1;overflow-y:auto;scrollbar-width:none}.rail-inner::-webkit-scrollbar{display:none}.nav-item{position:relative;width:100%;flex-shrink:0;border:1px solid rgba(255,255,255,.08);color:#dbe9f5;background:linear-gradient(180deg,#24405c,#16283c);box-shadow:inset 0 1px #ffffff1a,inset 0 -3px 5px #0000004d;cursor:pointer;border-radius:8px;transition:all var(--transition);display:flex;align-items:center;padding:9px 34px 9px 10px;text-align:center;font:inherit}.nav-item:hover:not(.active){filter:brightness(1.12)}.nav-item.active{background:linear-gradient(180deg,#3aa8e0,#1f7fb8);color:#fff;border-color:#ffffff40;box-shadow:inset 0 1px #ffffff59,0 0 12px #3aa8e066}.nav-item.highlight:not(.active){color:var(--gold)}.nav-item .icon{width:14px;height:14px;flex-shrink:0}.nav-item .nav-label{flex:1;font-size:12px;font-weight:700}.nav-icon-box{position:absolute;right:4px;top:4px;bottom:4px;width:26px;border-radius:6px;background:#00000047;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-item.active .nav-icon-box{background:#ffffff29;border-color:#ffffff59}.nav-tooltip{display:none}.center-stage{position:relative;min-height:0;overflow:auto;padding:16px}.content-panel{max-width:1180px;margin:0 auto}.overview-hero{display:flex;flex-direction:column;gap:16px;max-width:1180px;margin:0 auto}.parallax-wrap{display:contents}.planet-zone{display:flex;flex-direction:column;gap:16px}.planet-composition{position:relative;display:flex;flex-direction:column;gap:16px}.scan-wave,.hud-radar,.orbit-ring,.orbit-ring2,.orbit-ring3,.moonlet,.satellite{display:none}.ov-top{display:grid;grid-template-columns:1fr 250px;gap:16px;align-items:stretch}.section-title{position:static;padding:16px 18px;border-radius:var(--radius);text-align:left;display:flex;gap:16px;align-items:center}.section-title .planet-orb{width:76px;height:76px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 30% 23%,rgba(255,255,255,.85) 0 5%,transparent 6%),radial-gradient(circle at 36% 34%,var(--accent) 0 12%,#446c95 13% 34%,#26445e 35% 60%,#132638 61% 82%,#09121d 83%);box-shadow:0 0 0 1px #ffffff1f,0 0 22px var(--theme-glow)}.section-title small{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:9.5px;text-transform:uppercase;letter-spacing:1.2px;font-weight:800}.section-title small i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--theme-glow);font-style:normal}.section-title h1{margin:6px 0 4px;font-size:21px;line-height:1.15}.section-title p{margin:0;font-size:11.5px;color:var(--muted);line-height:1.5}.system-label,.status-micro{display:none}.small-stats{position:static;width:auto;padding:14px;border-radius:var(--radius)}.small-stats h3{margin:0 0 11px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-cell{padding:9px;border-radius:7px;border:1px solid var(--line);background:var(--panel-soft)}.mini-cell span{display:block;font-size:9.5px;color:var(--soft)}.mini-cell strong{display:block;margin-top:4px;font-size:12.5px}.ov-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.status-card{padding:14px;border-radius:var(--radius)}.status-card h3{margin:0 0 10px;font-size:10.5px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);display:flex;align-items:center;gap:7px}.status-card h3 .icon{color:var(--accent)}.status-card .status-empty{font-size:11.5px;color:var(--muted);line-height:1.5}.status-card .status-target{font-size:12.5px;font-weight:700}.status-card .status-eta{margin-top:3px;font-size:11px;color:var(--accent);font-weight:700}.quick-states{position:static;width:auto;padding:14px;border-radius:var(--radius)}.quick-states h3{margin:0 0 10px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.state-item{display:flex;align-items:flex-start;gap:9px;padding:8px 0;border-top:1px solid rgba(120,170,220,.1)}.state-item:first-of-type{border-top:none;padding-top:0}.state-mark{width:20px;height:20px;flex:0 0 20px;border-radius:6px;display:grid;place-items:center;background:var(--theme-fill);border:1px solid var(--line);color:var(--text)}.state-mark .icon{width:12px;height:12px}.state-item strong{display:block;font-size:11px}.state-item span{display:block;margin-top:3px;font-size:10px;color:var(--muted);line-height:1.4}.activity-panel{position:static;width:auto;padding:14px;border-radius:var(--radius)}.activity-panel h3{margin:0 0 10px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.log{display:grid;gap:8px;max-height:240px;overflow-y:auto}.log-entry{padding:8px 0;border-top:1px solid rgba(120,170,220,.1)}.log-entry:first-of-type{border-top:none;padding-top:0}.log-entry time{display:block;font-size:9.5px;color:var(--soft);margin-bottom:3px}.log-entry strong{display:block;font-size:11px}.log-entry span{display:block;margin-top:3px;font-size:10px;color:var(--muted);line-height:1.4}.context-panel{position:static;width:auto;padding:14px;border-radius:var(--radius)}.context-panel .panel-title{display:flex;align-items:center;gap:9px;margin-bottom:11px}.context-panel .panel-title .icon{width:16px;height:16px;color:var(--accent)}.context-panel .panel-title strong{font-size:12px;letter-spacing:.2px}.context-panel .panel-title span{display:block;font-size:9.5px;color:var(--muted);margin-top:2px}.panel-body{display:grid;gap:9px}.info-block{padding:10px;border-radius:8px;border:1px solid var(--line);background:var(--panel-soft)}.info-block .row{display:flex;align-items:center;justify-content:space-between;gap:10px}.info-block .row strong{font-size:12px}.info-block .row small{font-size:9.5px;color:var(--soft)}.progress{height:8px;border-radius:999px;overflow:hidden;background:#060d15;margin-top:8px;border:1px solid var(--line)}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));position:relative;font-style:normal}.progress i:after{content:none}.info-block p{margin:8px 0 0;font-size:10px;color:var(--muted);line-height:1.5}.pill-row{display:flex;flex-wrap:wrap;gap:6px}.pill{padding:6px 9px;border-radius:6px;font-size:9.5px;font-weight:700;color:var(--text);border:1px solid var(--line);background:var(--theme-fill)}.planet-switcher-button{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none}.planet-switcher-button strong{display:block;font-size:11px}.planet-switcher-button span{display:block;margin-top:3px;font-size:10px;color:var(--muted)}.msg-all-link{display:block;width:100%;margin-top:10px;padding:8px;border-radius:7px;border:1px solid var(--line);background:var(--theme-fill);color:var(--text);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;text-align:center;transition:background .15s ease}.msg-all-link:hover{background:var(--theme-glow)}.ov-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.fleet-movements{padding:14px;border-radius:var(--radius)}.fleet-movements .panel-title{display:flex;align-items:center;gap:9px;margin-bottom:11px}.fleet-movements .panel-title .icon{width:16px;height:16px;color:var(--accent)}.fleet-movements .panel-title strong{font-size:12px;letter-spacing:.2px}.fleet-movements .panel-title span{display:block;font-size:9.5px;color:var(--muted);margin-top:2px}.fleet-move-list{display:grid;gap:10px;max-height:300px;overflow-y:auto}.fleet-move-item{padding:10px;border-radius:8px;border:1px solid var(--line);background:var(--panel-soft)}.fleet-move-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.fleet-move-mission{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--accent)}.fleet-move-eta{font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.fleet-move-route{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:10.5px;color:var(--text)}.fleet-move-route .icon{width:11px;height:11px;color:var(--muted);flex-shrink:0}.fleet-move-ships{margin-top:7px;font-size:9.5px;line-height:1.4;color:var(--muted)}.fleet-move-cargo{margin-top:5px;font-size:9.5px}.notes-panel{padding:14px;border-radius:var(--radius);margin-top:16px}.notes-panel .panel-title{display:flex;align-items:center;gap:9px;margin-bottom:11px}.notes-panel .panel-title .icon{width:16px;height:16px;color:var(--accent)}.notes-panel .panel-title strong{font-size:12px;letter-spacing:.2px}.notes-panel .panel-title span{display:block;font-size:9.5px;color:var(--muted);margin-top:2px}.notes-textarea{width:100%;min-height:120px;resize:vertical;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel-soft);color:var(--text);font-size:12.5px;font-family:inherit;line-height:1.5;margin-bottom:10px}.notes-textarea:focus{outline:none;border-color:var(--line-2)}.drawer{position:fixed;top:96px;right:20px;width:320px;border-radius:var(--radius);padding:14px;transform:translate(115%);opacity:0;visibility:hidden;transition:all .24s ease;z-index:30;max-height:calc(100vh - 130px);overflow-y:auto}.drawer.open{transform:translate(0);opacity:1;visibility:visible}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.drawer-head h3{margin:0;font-size:13px}.drawer-head span{display:block;margin-top:4px;font-size:9.5px;color:var(--muted)}.close-btn{width:30px;height:30px;border-radius:7px;border:1px solid var(--line);background:var(--panel-soft);color:var(--text);display:grid;place-items:center;cursor:pointer;flex-shrink:0}.world-list{display:grid;gap:9px}.world-card{padding:11px;border-radius:8px;border:1px solid var(--line);background:var(--panel-soft);display:flex;gap:11px;align-items:center;transition:all var(--transition);cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit}.world-card:hover{border-color:var(--line-2)}.world-card.active{border-color:var(--accent);background:var(--theme-fill)}.world-orb{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 18%,var(--accent) 19% 48%,#294965 49% 100%);box-shadow:0 0 14px var(--theme-glow);flex:0 0 36px}.world-meta strong{display:block;font-size:12px}.world-meta span{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.world-stats{margin-left:auto;text-align:right}.world-stats strong{display:block;font-size:11px}.world-stats span{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.card{padding:15px 17px;margin-bottom:14px}.card h2{margin-top:0;font-size:15px;color:var(--accent)}.card h3{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);font-size:12.5px}th{color:var(--muted);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px}tr.locked td{opacity:.5}.req-missing{margin-top:2px;font-size:11.5px;color:var(--danger)}button.primary{background:linear-gradient(180deg,var(--accent-2),#2a7aa3);color:#04121c;border:1px solid rgba(255,255,255,.12);padding:8px 14px;border-radius:7px;cursor:pointer;font-size:12.5px;font-weight:800;transition:transform var(--transition),filter var(--transition)}button.primary:hover{filter:brightness(1.08)}button.primary:disabled{background:#ffffff14;color:var(--soft);cursor:not-allowed}button.secondary,a.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--line);padding:6px 12px;border-radius:7px;cursor:pointer;font-size:11.5px;transition:all var(--transition);display:inline-flex;align-items:center}button.secondary:hover,a.secondary:hover{border-color:var(--line-2)}button.secondary:disabled{opacity:.5;cursor:not-allowed}button.secondary.danger{border-color:#ff6b6b66;color:var(--danger)}button.secondary.danger:hover{background:#ff6b6b14}input,select{background:#050b13;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:7px 9px;font-size:12.5px}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--theme-fill)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:11px}.error{color:var(--danger);font-size:12.5px;margin-top:6px}.ok{color:var(--green);font-size:12.5px;margin-top:6px}.muted{color:var(--muted);font-size:12.5px}.res{font-size:12.5px;padding:5px 10px;background:var(--panel-soft);border:1px solid var(--line);border-radius:6px}.galaxy-grid{display:flex;flex-direction:column;gap:6px}.galaxy-slot{display:flex;align-items:center;gap:10px;padding:9px;background:var(--panel-soft);border:1px solid var(--line);border-radius:8px}.galaxy-slot .slotnum{width:24px;color:var(--soft)}.bot-tag{background:#b09bff24;color:#d9baff;font-size:10.5px;padding:2px 7px;border-radius:6px;border:1px solid rgba(176,155,255,.25)}.slot-actions{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.slot-actions button{font-size:10.5px;padding:5px 9px}.own-row{border-color:var(--line-2);background:var(--theme-fill)}.queue-list{display:flex;flex-direction:column;gap:8px;margin:10px 0}.queue-item{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--panel-soft);border:1px solid rgba(111,207,111,.3);border-radius:8px;padding:9px 12px}.queue-label{color:#b7e8b7;font-size:12.5px}.queue-actions{display:flex;gap:6px;flex-shrink:0}.building-menu{display:flex;flex-direction:column;gap:14px}.building-hero{border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;background:linear-gradient(180deg,#060c1459,#060c14bf),radial-gradient(circle at 30% 20%,rgba(91,192,222,.16),transparent 55%),linear-gradient(160deg,#16283c,#0a1420);box-shadow:var(--shadow)}.building-hero-inner{padding:22px 20px}.building-hero-inner h1{margin:0 0 10px;font-size:20px;letter-spacing:1px;color:var(--text);text-shadow:0 0 18px var(--theme-glow)}.building-hero-stats{display:flex;flex-wrap:wrap;gap:18px}.building-hero-stats span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.building-hero-stats .icon{color:var(--accent);width:14px;height:14px}.building-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 12px}.building-tab{background:var(--panel-2);color:var(--muted);border:1px solid var(--line);padding:6px 13px;border-radius:999px;cursor:pointer;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;transition:all var(--transition)}.building-tab:hover{border-color:var(--line-2);color:var(--text)}.building-tab.active{background:var(--theme-fill);border-color:var(--accent);color:var(--text);box-shadow:0 0 10px var(--theme-glow) inset}.building-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:4px}.building-card{display:flex;flex-direction:column;background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color var(--transition),transform var(--transition)}.building-card:hover{border-color:var(--line-2)}.building-card.locked{opacity:.62}.building-card-image{height:118px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,rgba(91,192,222,.1),transparent 65%),var(--panel-2);border-bottom:1px solid var(--line)}.building-card-image img{max-width:88%;max-height:88%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.building-card-placeholder{color:var(--soft);opacity:.5}.building-card-placeholder .icon{width:40px;height:40px}.building-card-body{padding:12px 13px 14px;display:flex;flex-direction:column;gap:7px;flex:1}.building-card-body h3{margin:0;font-size:13px;color:var(--text);text-transform:none;letter-spacing:0;font-weight:800}.building-card-body p{margin:0}.building-card-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--muted)}.building-card-row strong{color:var(--text);font-weight:700;text-align:right}.building-card-btn{margin-top:auto;width:100%;text-align:center}.planet-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.planet-actions button{font-size:10.5px;padding:6px 11px}.fleet-ship-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:4px}.ship-group-label{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700;margin:10px 0 4px}.fleet-preset-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.fleet-preset-chip{display:inline-flex;gap:4px}.fleet-preset-chip button.danger{padding:6px 8px}.fleet-ship-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.fleet-ship-row label{flex:1;min-width:0}.ship-max-btn{padding:4px 9px;font-size:10.5px;white-space:nowrap}.boost-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;margin-top:6px}.boost-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding:16px 8px 10px;border-radius:10px;border:1px solid var(--line-2);background:linear-gradient(160deg,#1a2740,#101a2c);cursor:pointer;transition:all var(--transition);text-align:center;font-family:inherit;color:inherit}.boost-tile:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 6px 16px #00000059}.boost-tile-active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.boost-tile-duration{position:absolute;top:6px;left:6px;background:#5b3aa8;color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:999px}.boost-tile-icon{font-size:28px;line-height:1;margin:8px 0 2px}.boost-tile-label{font-size:10.5px;font-weight:600;min-height:26px;line-height:1.25}.boost-tile-price{font-size:11px;font-weight:800;color:var(--gold)}.mobile-menu-btn,.sidebar-backdrop{display:none}@media (max-width: 1080px){.app-shell{height:auto;min-height:100vh}.resource-row{padding:8px 12px}.stage{grid-template-columns:1fr}.command-rail{flex-direction:row;flex-wrap:wrap;padding:10px}.next-order-panel{flex:1 1 100%}.rail-inner{flex-direction:row;flex-wrap:wrap}.nav-item{width:auto}.ov-top{grid-template-columns:1fr}.ov-status-grid{grid-template-columns:1fr 1fr}.ov-bottom-grid{grid-template-columns:1fr}.drawer{right:10px;left:10px;width:auto;top:150px;max-height:calc(100vh - 170px)}}@media (max-width: 760px){.utility-row{flex-wrap:wrap;row-gap:4px;padding:5px 10px}.utility-center{display:none}.utility-right{font-size:9.5px;gap:8px}.server-pill,.brand-sub{display:none}.brand-name{font-size:12px}.brand-core{width:26px;height:26px}.user-meta{display:none}.user-chip{padding:0 8px;gap:0}.hud-btn{padding:0 10px}.resource-row{gap:8px}.resource{min-width:72px;padding:5px 7px}.resource-value{font-size:12px}.resource-label{font-size:8px}.resource-delta{font-size:8.5px}.planet-strip{max-width:90px}.mobile-menu-btn{display:grid;order:-1;margin-right:2px}.stage{grid-template-columns:1fr}.command-rail{position:fixed;top:0;left:0;bottom:0;width:78vw;max-width:300px;flex-direction:column;flex-wrap:nowrap;gap:10px;padding:14px 10px;background:linear-gradient(180deg,#0c1622,#08101a);border-right:1px solid var(--line);transform:translate(-105%);transition:transform .25s ease;z-index:45;overflow-y:auto;box-shadow:12px 0 32px #00000080}.command-rail.open{transform:translate(0)}.next-order-panel{flex:none}.rail-inner{flex-direction:column;flex-wrap:nowrap;flex:1}.nav-item{width:100%}.sidebar-backdrop.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#02060c99;z-index:40}.center-stage{padding:12px}.ov-status-grid{grid-template-columns:1fr}.ov-top{gap:10px}.section-title{flex-direction:column;text-align:center;padding:14px}.section-title .planet-orb{width:56px;height:56px}.section-title h1{font-size:18px}.planet-switcher-button{justify-content:center}}