:root{--bg: #0a0e1a;--bg2: #111827;--bg3: #1e2535;--border: #2a3347;--text: #e2e8f0;--text-muted: #8899aa;--accent: #4f9ef8;--accent2: #38d9a9;--danger: #f87171;--warning: #fbbf24;--metal: #94a3b8;--crystal: #7dd3fc;--hydrogen: #67e8f9;--radius: 8px;--gap: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.4em .9em;font-size:.9rem;font-family:inherit;transition:opacity .15s,background .15s}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){opacity:.9}.btn-primary{background:var(--accent);color:#fff}.btn-upgrade-ready{background:var(--accent2);color:#0a0e1a;font-weight:600}.btn-upgrade-disabled{background:var(--bg3);color:var(--text-muted);border:1px solid var(--border);cursor:not-allowed;opacity:.55}.btn-upgrade-disabled:hover{opacity:.55}.btn-accent2{background:var(--accent2);color:#0a0e1a}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:var(--bg3);color:var(--text);border:1px solid var(--border)}input,select{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.45em .75em;font-size:.9rem;font-family:inherit;width:100%}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap)}.card h2{font-size:1rem;color:var(--accent);margin-bottom:.6em}.card h3{font-size:.9rem;color:var(--accent2);margin-bottom:.4em}.muted{color:var(--text-muted);font-size:.85em}.small{font-size:.82em}.danger{color:var(--danger)}.success{color:var(--accent2)}#app{min-height:100vh;display:flex;flex-direction:column}#auth-screen{display:flex;align-items:center;justify-content:center;flex:1;padding:2rem 1rem}.auth-box{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;width:100%;max-width:380px}.auth-box h1{font-size:1.6rem;color:var(--accent);margin-bottom:1.2rem;text-align:center}.auth-box .field{margin-bottom:.8rem}.auth-box label{display:block;font-size:.82em;color:var(--text-muted);margin-bottom:.2em}.auth-box button{width:100%;margin-top:.5rem}.auth-box .switch-link{text-align:center;margin-top:.8em;font-size:.85em}#universe-screen{display:flex;align-items:center;justify-content:center;flex:1;padding:2rem 1rem}.universe-box{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;width:100%;max-width:500px}.universe-box h2{color:var(--accent);margin-bottom:1rem}.universe-list{list-style:none}.universe-list li{display:flex;align-items:center;justify-content:space-between;padding:.6em;border-bottom:1px solid var(--border)}.universe-list li:last-child{border-bottom:none}#game-screen{display:flex;flex-direction:column;flex:1}.topbar{background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;flex-wrap:wrap}.topbar .logo{font-size:1.2rem;font-weight:700;color:var(--accent)}.resources-bar{display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.82rem}.res-item{display:flex;align-items:center;gap:.3em}.res-metal{color:var(--metal)}.res-crystal{color:var(--crystal)}.res-hydrogen{color:var(--hydrogen)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:.5rem}.planet-selector select{width:auto;font-size:.82rem;padding:.25em .5em}.locale-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);font-size:.75rem;padding:.2em .5em;border-radius:var(--radius)}.locale-btn.active{border-color:var(--accent);color:var(--accent)}.game-nav{background:var(--bg2);border-bottom:1px solid var(--border);display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.game-nav::-webkit-scrollbar{display:none}.nav-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.85rem;padding:.6em 1em;border-radius:0;white-space:nowrap}.nav-btn:hover:not(:disabled){color:var(--text)}.nav-btn.active{border-bottom-color:var(--accent);color:var(--accent)}.game-content{flex:1;padding:var(--gap);overflow-y:auto}.tab-panel{display:none}.tab-panel.active{display:block}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap)}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap)}.grid-buildings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}@media(max-width:960px){.grid-buildings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.grid-buildings{grid-template-columns:1fr}}.building-card-wrap{padding:0;overflow:hidden}.building-card{display:flex;flex-direction:column;gap:.55rem;padding:var(--gap);height:100%}.building-card__header{display:flex;gap:.65rem;align-items:flex-start}.building-icon{font-size:1.75rem;line-height:1;flex-shrink:0}.building-card__titles{min-width:0}.building-desc{font-size:.78rem;line-height:1.35;margin-top:.15rem}.building-category{margin-bottom:1.5rem}.building-category__title{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent2);margin-bottom:.65rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.building-card--unified{display:grid;grid-template-columns:88px 1fr;gap:0;padding:0;min-height:100%}.building-card__visual{display:flex;align-items:center;justify-content:center;min-height:120px;border-right:1px solid var(--border)}.building-art--extraction{background:linear-gradient(160deg,#1a2a3a,#0a0e1a)}.building-art--processing{background:linear-gradient(160deg,#2a1a3a,#0a0e1a)}.building-art--storage{background:linear-gradient(160deg,#1a3a2a,#0a0e1a)}.building-art--energy{background:linear-gradient(160deg,#3a3a1a,#0a0e1a)}.building-art--infrastructure{background:linear-gradient(160deg,#1a2a4a,#0a0e1a)}.building-art--ships{background:linear-gradient(160deg,#1a3a4a,#0a0e1a)}.building-art--defense{background:linear-gradient(160deg,#3a1a1a,#0a0e1a)}.building-art--research{background:linear-gradient(160deg,#2a2a4a,#0a0e1a)}.building-art--research-energy{background:linear-gradient(160deg,#3a3a1a,#0a0e1a)}.building-art--research-propulsion{background:linear-gradient(160deg,#1a3a3a,#0a0e1a)}.building-art--research-metallurgy{background:linear-gradient(160deg,#2a2a2a,#0a0e1a)}.building-art--research-electronics{background:linear-gradient(160deg,#1a2a4a,#0a0e1a)}.building-art--research-plasma{background:linear-gradient(160deg,#3a1a2a,#0a0e1a)}.building-art--research-military{background:linear-gradient(160deg,#3a2a1a,#0a0e1a)}.building-art--research-exploration{background:linear-gradient(160deg,#1a1a3a,#0a0e1a)}.building-icon--hero{font-size:2.5rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.building-card__body{padding:var(--gap);display:flex;flex-direction:column;gap:.5rem}.building-card__actions{margin-top:auto}.entity-qty-row{display:flex;gap:.4rem;align-items:center}.entity-qty-row .entity-qty{width:4.5rem;flex-shrink:0}.entity-qty-row .btn-upgrade-ready,.entity-qty-row .btn-upgrade-disabled{flex:1}.overview-header{margin-bottom:1rem}.overview-header h3{color:var(--accent);margin-bottom:.25rem}.building-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.btn-info{width:1.75rem;height:1.75rem;padding:0;border-radius:50%;font-size:.85rem;font-weight:700;font-style:italic;background:var(--bg3);color:var(--accent);border:1px solid var(--border);flex-shrink:0}.btn-info:hover{background:var(--accent);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);max-width:720px;width:100%;max-height:90vh;overflow:auto}.modal-header{display:flex;gap:.75rem;align-items:flex-start;padding:var(--gap);border-bottom:1px solid var(--border)}.modal-header h3{font-size:1.1rem}.modal-close{margin-left:auto;font-size:1.25rem;line-height:1;padding:.2rem .55rem}.modal-body{padding:var(--gap)}.modal-table{width:100%;border-collapse:collapse;font-size:.82rem}.modal-table th,.modal-table td{border:1px solid var(--border);padding:.35rem .5rem;text-align:left}.modal-stat{font-size:.85rem;margin:.25rem 0}.building-icon--lg{font-size:2rem}.building-flow-line{font-size:.82em;margin-top:.2rem}.preview-badge{display:inline-block;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.12rem .4rem;border-radius:4px;background:#fbbf2426;color:var(--warning);margin-left:.35rem;vertical-align:middle}.duration-breakdown--preview{border-left-color:var(--warning)}.obs-panel--compact{padding:.55rem .75rem;margin-bottom:.75rem}.obs-compact-hint{margin-bottom:.35rem;line-height:1.35}.cap-deficit{color:var(--danger);font-weight:600}.cap-surplus{color:var(--accent2)}.cap-breakdown{margin-top:.35rem;font-size:.78rem;color:var(--text-muted)}.cap-breakdown-item{display:flex;justify-content:space-between;gap:.5rem;padding:.1rem 0}.entity-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap);display:flex;flex-direction:column;gap:.4em}.entity-card .entity-name{font-weight:600}.entity-card .entity-level{color:var(--accent2);font-size:.85em}.entity-card .entity-cost{color:var(--metal);font-size:.82em}.entity-card .entity-prod{color:var(--crystal);font-size:.8em}.entity-card .entity-preview{font-size:.82em;color:var(--text-muted);line-height:1.45}.entity-card .entity-preview .preview-val{color:var(--text)}.entity-card .entity-pending{color:var(--warning);font-size:.85em;font-weight:600;margin-top:.15em}.entity-card--enhanced{border-color:#64748b}.production-gain{color:var(--accent2);font-weight:600}.entity-card--locked{opacity:.65;border-color:var(--border)}.entity-card--locked .entity-lock{color:var(--warning);font-size:.78em;margin-top:.2em}.research-branch{margin-bottom:1.5rem}.research-branch__title{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent2);margin-bottom:.65rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.onboarding-list{list-style:none;display:flex;flex-direction:column;gap:.35rem}.onboarding-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.88em;padding:.35rem .5rem;border-radius:var(--radius);background:var(--bg3)}.onboarding-item.done{color:var(--accent2)}.onboarding-item.pending{color:var(--text-muted)}.queue-summary{display:flex;flex-direction:column;gap:.35rem;font-size:.88em}.queue-summary-row{display:flex;justify-content:space-between;gap:.5rem}.expedition-card{margin-top:.5rem}.expedition-card .entity-name{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.queue-countdown{color:var(--accent2);font-variant-numeric:tabular-nums;min-width:3.5em;display:inline-block}.queue-list{list-style:none;display:flex;flex-direction:column;gap:.5em}.queue-item{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:.5em .75em;display:flex;align-items:center;justify-content:space-between;font-size:.85em;gap:.5em;flex-wrap:wrap}.status-queued{color:var(--warning)}.status-running{color:var(--accent2)}.status-done{color:var(--accent)}.status-failed{color:var(--danger)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap)}.overview-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap)}.overview-card .ov-label{color:var(--text-muted);font-size:.8em}.overview-card .ov-value{font-size:1.3rem;font-weight:600}.economy-header{margin-bottom:1rem}.economy-section-title{margin:1.2rem 0 .6rem;color:var(--accent2);font-size:.95rem}.economy-table{width:100%;border-collapse:collapse;font-size:.88em;margin-top:.5rem}.economy-table th,.economy-table td{padding:.45rem .6rem;border-bottom:1px solid var(--border);text-align:left}.economy-table th{color:var(--text-muted);font-weight:500}.cap-balance-pos{color:var(--accent)}.cap-balance-neg{color:var(--danger)}.economy-footnote{margin-top:.8rem}.economy-table--compact{margin-top:.75rem}.obs-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap);margin-bottom:1rem}.cap-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 .25rem}.cap-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;border:1px solid var(--border);background:var(--bg3)}.cap-status-ok{color:var(--accent2)}.cap-status-warn{color:var(--warning)}.cap-status-critical{color:var(--danger)}.cap-row-limited{background:#f871710f}.obs-suggestion{margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.88em}.obs-suggestion.obs-ok{color:var(--accent2)}.obs-limiting{margin-bottom:.35rem}.obs-upgrade-hint{color:var(--text-muted)}.res-cap-chips{display:inline-flex;flex-wrap:wrap;gap:.35rem;margin-left:.25rem}.res-cap-chips .cap-chip{font-size:.72rem;padding:.15rem .45rem}.duration-breakdown{margin-top:.35rem;padding:.45rem .55rem;border-left:2px solid var(--border);background:#ffffff05;border-radius:0 var(--radius) var(--radius) 0}.duration-row{display:flex;justify-content:space-between;gap:.75rem;font-size:.92em}.duration-row-final{margin-top:.2rem;font-weight:600}.duration-row-final .preview-val{color:var(--accent2)}.duration-label{color:var(--text-muted)}.duration-penalty{color:var(--warning)}.colony-form{display:flex;flex-direction:column;gap:.6em;max-width:360px}.colony-form input{width:100%}.fleet-form{max-width:360px;display:flex;flex-direction:column;gap:.6em}.toast{position:fixed;bottom:1rem;right:1rem;left:1rem;max-width:480px;margin:0 auto;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:.75em 1em;font-size:.9em;z-index:9999;animation:slide-up .2s ease}.toast.error{border-color:var(--danger);color:var(--danger)}.toast.success{border-color:var(--accent2);color:var(--accent2)}@keyframes slide-up{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}.sector-grid{display:grid;grid-template-columns:repeat(var(--grid-size, 7),1fr);gap:2px;max-width:420px;-webkit-user-select:none;user-select:none}.sector-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;font-size:1rem;position:relative;transition:opacity .1s}.sector-cell:hover{opacity:.75}.sector-empty{background:var(--bg3);color:var(--text-muted)}.sector-mine{background:#1a3a5c;color:var(--accent2);font-weight:700}.sector-enemy{background:#3a1a1a;color:var(--danger)}.sector-coord{font-size:.55em;color:var(--text-muted);line-height:1;margin-top:1px}@media(max-width:600px){.topbar{gap:.5rem}.resources-bar{gap:.7rem}.game-content{padding:.6rem}}