@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef6f5;background:#071118;font-synthesis:none;--glass: rgba(8, 20, 26, .76);--line: rgba(183, 222, 221, .17);--muted: #9cb0b3;--accent: #f0a04b;--cyan: #5ed8d3}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#071118;-webkit-user-select:none;user-select:none}button{font:inherit}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:crosshair}#vignette{pointer-events:none;position:fixed;inset:0;background:radial-gradient(circle at 50% 44%,transparent 42%,rgba(2,8,12,.14) 78%,rgba(2,7,10,.44) 100%);z-index:2}.glass{background:linear-gradient(145deg,#0c1b22d6,#050f15b8);border:1px solid var(--line);box-shadow:0 16px 50px #00000038,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%)}.topbar{position:fixed;z-index:10;left:18px;right:18px;top:18px;height:64px;border-radius:14px;display:flex;align-items:center;padding:8px 10px}.brand{display:flex;align-items:center;gap:11px;min-width:225px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:linear-gradient(145deg,#f5b15e,#d36c2f);color:#1a1511;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.5px;box-shadow:inset 0 1px #ffffff59,0 8px 22px #df773033}.brand strong{display:block;font-family:Barlow Condensed,sans-serif;letter-spacing:2.5px;font-size:18px}.brand span:last-child{display:block;font-size:9px;margin-top:2px;letter-spacing:1.25px;color:#8fa4a7}.resources{height:100%;display:flex;align-items:center;justify-content:center;flex:1}.resources div{min-width:128px;padding:0 22px;border-left:1px solid rgba(180,220,220,.12)}.resources span{display:block;color:#7f979b;font-size:9px;letter-spacing:1.2px}.resources b{display:block;margin-top:5px;font-family:Barlow Condensed;font-size:17px;letter-spacing:.7px;font-weight:600}.top-actions{display:flex;gap:7px}.icon-button{border:1px solid rgba(191,224,224,.14);color:#b9cacb;background:#ffffff09;width:42px;height:42px;border-radius:10px;font-weight:700;cursor:pointer}.icon-button:hover,.icon-button.active{color:#fff;border-color:#5ed8d37a;background:#5ed8d31a}.mission{position:fixed;z-index:9;left:18px;top:96px;width:310px;border-radius:14px;padding:18px}.eyebrow{color:var(--accent);font-family:Barlow Condensed;font-weight:700;font-size:10px;letter-spacing:1.9px}h1,h2{font-family:Barlow Condensed,sans-serif}.mission h1{font-size:24px;line-height:1;margin:8px 0;letter-spacing:.2px}.mission>p{color:#a6b7b9;font-size:12px;line-height:1.55;margin:0 0 15px}.mission-progress{display:grid;gap:6px}.step{display:grid;grid-template-columns:16px 1fr auto;gap:8px;align-items:center;padding:8px 9px;border-radius:8px;background:#ffffff06;border:1px solid rgba(255,255,255,.035)}.step i{width:10px;height:10px;border:1px solid #668086;border-radius:50%}.step span{font-size:10px;color:#c0cbcc}.step b{font-family:Barlow Condensed;font-size:11px;color:#92a5a7}.step.complete i{border-color:#5ed8d3;background:#5ed8d3;box-shadow:0 0 10px #5ed8d380}.step.complete span,.step.complete b{color:#e9ffff}.inspector{position:fixed;z-index:12;right:18px;top:96px;width:286px;border-radius:14px;padding:18px;transition:.25s ease}.inspector.hidden{opacity:0;transform:translate(25px);pointer-events:none}.inspector button,.modal-card>button{position:absolute;right:10px;top:8px;border:0;color:#9fb2b4;background:transparent;font-size:24px;cursor:pointer}.inspector h2{margin:7px 0;font-size:22px}.inspector p{margin:0;color:#9fb0b3;font-size:12px;line-height:1.55;white-space:pre-line}#toast{z-index:30;position:fixed;top:92px;left:50%;transform:translate(-50%,-12px);padding:10px 15px;border-radius:8px;background:#081217e0;border:1px solid rgba(255,255,255,.12);font-size:11px;color:#dce8e8;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 10px 30px #00000042}#toast.show{opacity:1;transform:translate(-50%)}#toast.error{border-color:#ff785a80;color:#ffd0c2}.buildbar{position:fixed;z-index:15;left:50%;bottom:20px;transform:translate(-50%);height:74px;display:flex;align-items:stretch;padding:7px;gap:5px;border-radius:16px}.build-item{position:relative;min-width:185px;display:flex;align-items:center;gap:11px;padding:8px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#b8c7c9;text-align:left;cursor:pointer}.build-item:hover{background:#ffffff09}.build-item.active{color:#fff;border-color:#f0a04b8c;background:linear-gradient(145deg,#f0a04b29,#f0a04b0e)}.build-item b{display:block;font-family:Barlow Condensed;font-size:15px;letter-spacing:.2px}.build-item small{display:block;margin-top:3px;font-size:9px;color:#869da1}.build-item kbd{position:absolute;right:7px;top:6px;border:0;color:#6e8588;font-size:9px}.build-icon{flex:0 0 37px;width:37px;height:37px;position:relative;border-radius:8px;background:#ffffff0b;border:1px solid rgba(255,255,255,.07)}.road-icon:before{content:"";position:absolute;width:25px;height:9px;background:#9f7652;left:5px;top:13px;transform:rotate(-25deg);box-shadow:inset 0 2px #ffffff1f}.road-icon:after{content:"";position:absolute;width:19px;height:1px;background:#eecc9ba6;left:9px;top:18px;transform:rotate(-25deg)}.solar-icon:before{content:"";position:absolute;width:26px;height:17px;left:5px;top:7px;background:repeating-linear-gradient(90deg,#27557d 0 5px,#6ea4c4 6px 7px);transform:skewY(-12deg);border:1px solid #8aa8b9}.solar-icon:after{content:"";position:absolute;width:2px;height:8px;background:#aab8b8;left:18px;top:24px}.lab-icon:before{content:"";position:absolute;width:23px;height:15px;left:7px;top:15px;border-radius:12px 12px 4px 4px;background:#d8e1df;box-shadow:inset 0 -5px #54798d}.lab-icon:after{content:"";position:absolute;width:10px;height:10px;border:2px solid #d8e1df;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;left:17px;top:5px;transform:rotate(-28deg)}.build-divider{width:1px;margin:7px 4px;background:#ffffff17}.compact{width:66px;border:0;border-radius:9px;background:transparent;color:#879da0;cursor:pointer}.compact:hover{background:#ffffff0a;color:#fff}.compact span{font-size:21px;display:block;line-height:1}.compact small{font-size:8px;display:block;margin-top:7px}.camera-controls{z-index:12;position:fixed;right:18px;bottom:121px;display:flex;border-radius:12px;padding:5px}.camera-controls button{width:42px;height:38px;border:0;border-right:1px solid rgba(255,255,255,.07);background:transparent;color:#aababc;font-size:18px;cursor:pointer}.camera-controls button:last-child{border-right:0}.camera-controls button:hover{color:#fff;background:#ffffff0a}.minimap{position:fixed;z-index:9;right:18px;bottom:20px;width:240px;height:92px;border-radius:13px;overflow:hidden}#minimap{width:100%;height:100%;opacity:.8}.minimap-label{position:absolute;left:10px;right:10px;bottom:7px;display:flex;justify-content:space-between;font-family:Barlow Condensed;font-size:8px;letter-spacing:.9px;color:#ebf9f8bf;text-shadow:0 1px 2px #000}.placement-hint{position:fixed;z-index:9;left:18px;bottom:20px;width:310px;border-radius:12px;padding:12px 14px}.placement-hint span:first-child{display:block;font-size:10px;color:#d5e2e2;line-height:1.4}.controls-hint{display:block;margin-top:6px;color:#6f8589;font-family:Barlow Condensed;font-size:8px;letter-spacing:.9px}.modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:#02080c8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.2s}.modal.hidden{opacity:0;pointer-events:none}.modal-card{position:relative;width:min(620px,calc(100% - 30px));padding:28px;border-radius:18px}.modal-card h2{font-size:30px;margin:8px 0 22px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.help-grid div{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff06;border-radius:8px}kbd{min-width:46px;padding:4px 7px;border-radius:5px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#dce7e7;font:9px Inter;text-align:center}.help-grid span,.modal-card p{font-size:11px;color:#9fb1b3;line-height:1.5}#loading{position:fixed;z-index:100;inset:0;display:grid;place-content:center;justify-items:center;background:radial-gradient(circle at 50% 40%,#16313a,#071118 65%);transition:opacity .8s ease,visibility .8s}#loading.done{opacity:0;visibility:hidden}#loading strong{margin-top:24px;font-family:Barlow Condensed;letter-spacing:2.4px;font-size:14px}#loading small{margin-top:7px;color:#789094;font-size:9px;letter-spacing:.8px}.loader-orbit{width:56px;height:56px;position:relative;animation:spin 4s linear infinite}.loader-orbit span{position:absolute;border:1px solid rgba(94,216,211,.45);border-radius:50%;inset:0}.loader-orbit span:nth-child(2){transform:rotateX(65deg);border-color:#f0a04b8c}.loader-orbit span:nth-child(3){transform:rotateY(65deg)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.resources div:nth-child(3),.resources div:nth-child(4){display:none}.build-item{min-width:150px}.mission{width:270px}}@media(max-width:720px){.topbar{left:8px;right:8px;top:8px;height:56px}.brand{min-width:145px}.brand-mark{width:38px;height:38px}.resources div{min-width:auto;padding:0 12px}.resources div:nth-child(2){display:none}.mission{left:8px;top:72px;width:240px;padding:13px}.mission h1{font-size:20px}.mission>p{display:none}.buildbar{width:calc(100% - 16px);bottom:8px;height:68px;overflow-x:auto;justify-content:flex-start}.build-item{min-width:145px;padding:6px 8px}.build-icon{width:34px;height:34px;flex-basis:34px}.compact,.build-divider,.minimap{display:none}.placement-hint{left:8px;bottom:83px;width:calc(100% - 150px)}.controls-hint{display:none}.camera-controls{right:8px;bottom:83px}}.menu-launch{height:58px;min-width:190px;border:0;border-radius:10px;background:#ffffff09;color:#dbe8e7;display:grid;grid-template-columns:40px 1fr;grid-template-rows:1fr 1fr;text-align:left;padding:7px 12px;cursor:pointer}.menu-launch>span{grid-row:1/3;font-size:25px;align-self:center;color:var(--cyan)}.menu-launch b{font:700 13px Barlow Condensed;letter-spacing:1.4px}.menu-launch small{font-size:9px;color:#81979a}.menu-launch:hover,.menu-launch.active{background:#5ed8d317}.menu-launch.locked{opacity:.42;cursor:not-allowed}.side-panel{position:fixed;z-index:20;left:18px;top:96px;width:390px;max-height:calc(100vh - 205px);overflow:auto;border-radius:15px;padding:16px;transition:.2s}.side-panel.hidden{opacity:0;transform:translate(-22px);pointer-events:none}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.panel-head h2{margin:3px 0 0;font:700 27px Barlow Condensed}.panel-head button{border:0;background:transparent;color:#aebfc1;font-size:25px;cursor:pointer}.build-category{padding-top:12px;margin-top:10px;border-top:1px solid rgba(255,255,255,.08)}.build-category h3{font:700 10px Barlow Condensed;letter-spacing:1.7px;color:#82999d;margin:0 0 8px}.side-panel .build-item{width:100%;min-width:0;height:62px;margin-bottom:7px;border-radius:9px;border:1px solid rgba(255,255,255,.07);background:#ffffff06;color:#dce7e7;display:flex;align-items:center;gap:11px;padding:7px 10px;text-align:left;cursor:pointer}.side-panel .build-item:hover,.side-panel .build-item.active{border-color:#5ed8d361;background:#5ed8d313}.side-panel .build-item>span:nth-child(2){flex:1}.side-panel .build-item b,.side-panel .build-item small{display:block}.side-panel .build-item small{font-size:9px;color:#819497;margin-top:4px}.side-panel .build-item i{font-style:normal;font-size:8px;color:#d8a46a}.side-panel .build-item.locked{opacity:.45;cursor:not-allowed}.generic-icon{display:grid;place-items:center;font-size:20px;color:#d3dfdc}.research-panel{left:auto;right:18px}.research-panel>p{font-size:10px;line-height:1.5;color:#91a5a7}.research-node{position:relative;padding:13px 72px 13px 13px;margin-top:8px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#ffffff06}.research-node b,.research-node small{display:block}.research-node b{font-size:11px}.research-node small{margin-top:5px;font-size:9px;color:#809497}.research-node span{position:absolute;right:12px;top:17px;font:700 9px Barlow Condensed;color:#d4a25d}.research-node.available{border-color:#5ed8d359}.research-node.available span{color:var(--cyan)}@media(max-width:720px){.side-panel{left:8px;right:8px;width:auto;top:72px;max-height:calc(100vh - 160px)}.research-panel{left:8px}.menu-launch{min-width:145px}.buildbar{gap:5px}}.topbar{height:72px;padding:8px 11px;gap:12px}.brand{min-width:214px}.campaign-clock{min-width:210px;padding:0 18px;border-left:1px solid rgba(180,220,220,.12);border-right:1px solid rgba(180,220,220,.12)}.campaign-clock span,.campaign-clock small{display:block;color:#7f979b;font-size:8px;letter-spacing:1.1px}.campaign-clock b{display:block;margin:3px 0 2px;font:600 17px Barlow Condensed;letter-spacing:.8px}.resources div{min-width:96px;padding:0 13px}.resources b{font-size:15px}.message-button{position:relative;font-size:17px}.message-button i{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#f0a04b;color:#172026;font:700 9px Inter}.message-button i.hidden{display:none}.mission,.inspector{top:104px}.side-panel{top:104px;max-height:calc(100vh - 213px)}.message-panel{position:fixed;z-index:22;right:18px;top:104px;width:350px;max-height:520px;overflow:auto;border-radius:15px;padding:16px;transition:.2s}.message-panel.hidden{opacity:0;transform:translate(24px);pointer-events:none}.message-list{display:grid;gap:8px}.message-entry{padding:12px;border-radius:9px;border:1px solid rgba(255,255,255,.07);background:#ffffff06}.message-entry.unread{border-color:#f0a04b5c;background:#f0a04b0f}.message-entry b{display:block;font:700 13px Barlow Condensed;letter-spacing:.4px}.message-entry small{display:block;margin:4px 0 7px;color:#7e969a;font-size:8px;letter-spacing:.7px}.message-entry p{margin:0;color:#aebfc1;font-size:10px;line-height:1.5}.message-entry button{margin-top:9px;border:1px solid rgba(94,216,211,.35);border-radius:7px;background:#5ed8d317;color:#dff;padding:7px 10px;font-size:9px;cursor:pointer}.construction-status{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.construction-status span{display:block;height:5px;border-radius:4px;background:linear-gradient(90deg,var(--accent) var(--progress,0%),rgba(255,255,255,.08) var(--progress,0%))}.construction-status b{display:block;margin-top:7px;color:#9fb1b3;font:600 9px Barlow Condensed;letter-spacing:.8px}.construction-status.hidden{display:none}.research-node{width:100%;display:block;text-align:left;color:#dce7e7;cursor:pointer}.research-node:hover:not(.completed):not(.locked){border-color:#5ed8d359;background:#5ed8d30f}.research-node.completed{border-color:#5ed8d347;background:#5ed8d30f;cursor:default}.research-node.completed span{color:var(--cyan)}.research-node.locked{opacity:.45;cursor:not-allowed}.land-panel{left:auto;right:18px}.land-panel>p{font-size:10px;line-height:1.5;color:#91a5a7}.sector-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;margin-top:9px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff06;color:#dce7e7;cursor:pointer}.sector-card:hover{border-color:#f0a04b66;background:#f0a04b0f}.sector-card span{flex:1}.sector-card b,.sector-card small{display:block}.sector-card b{font:700 13px Barlow Condensed}.sector-card small{margin-top:5px;color:#83979a;font-size:9px;line-height:1.4}.sector-card strong{font:700 12px Barlow Condensed;color:#e8ac68}.sector-card.purchased{opacity:.55;cursor:default}.sector-card.purchased strong{color:var(--cyan)}.buildbar{max-width:calc(100vw - 36px)}.menu-launch{min-width:165px}.side-panel .build-item{min-height:62px;height:auto}.side-panel .build-item i{min-width:44px;text-align:right}.minimap{height:104px}.placement-hint{bottom:24px}@media(max-width:1250px){.campaign-clock{min-width:160px;padding:0 10px}.resources div:nth-child(4),.resources div:nth-child(5){display:none}.brand{min-width:185px}.menu-launch{min-width:145px}}@media(max-width:900px){.campaign-clock{display:none}.resources div:nth-child(3){display:none}.message-panel{left:8px;right:8px;width:auto}.land-panel{left:8px}.topbar{height:62px}.mission,.inspector,.side-panel,.message-panel{top:82px}}