@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#010713;color:#dff8ff;font-family:Inter,system-ui,sans-serif}button{font:inherit}.shell{min-height:100vh;background:radial-gradient(circle at 52% 0,#082344 0,transparent 38%),#010713;display:flex;flex-direction:column;overflow-x:hidden}header{height:74px;border-bottom:1px solid #13608a;background:#030d1cf0;display:flex;align-items:center;padding:0 22px;gap:24px;box-shadow:0 0 24px #17acff1f;z-index:2}.brand{display:flex;align-items:center;gap:12px;min-width:255px}.mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #2bd9ff;clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%);font:800 16px Barlow Condensed;color:#2bd9ff;box-shadow:inset 0 0 15px #0876a8}.brand h1{font:800 23px/1 Barlow Condensed;letter-spacing:2px;margin:0;text-shadow:0 0 12px #1caee9}.brand p{font:600 8px/1.5 Inter;letter-spacing:2.5px;color:#6397ac;margin:4px 0 0}.status{display:flex;gap:24px;margin:auto;font:700 12px Barlow Condensed;letter-spacing:1.5px;color:#688fa1}.status strong{color:#2bd9ff;font-size:18px;text-shadow:0 0 10px #148cba}nav{display:flex;gap:7px}button{background:#07182a;color:#8fc7db;border:1px solid #174b66;cursor:pointer;transition:.18s}button:hover:not(:disabled){color:#eaffff;border-color:#2bd9ff;box-shadow:0 0 12px #2bd9ff33;transform:translateY(-1px)}button:disabled{opacity:.34;cursor:not-allowed}nav button{padding:9px 12px;font:700 10px Inter;letter-spacing:1px}.game-layout{display:grid;grid-template-columns:226px minmax(480px,1fr) 236px;gap:10px;padding:10px;flex:1;min-height:0}.build-panel,.command-panel{border:1px solid #123f58;background:linear-gradient(180deg,#05182af7,#020a14fa);padding:12px;box-shadow:inset 0 0 28px #0b5c851f}.panel-title{font:800 13px Barlow Condensed;letter-spacing:2px;padding-bottom:11px;border-bottom:1px solid #10354b;color:#bcefff;display:flex;justify-content:space-between}.panel-title span{font:600 8px Inter;color:#2bd9ff;letter-spacing:1px}.build-panel>button{width:100%;min-height:75px;margin-top:9px;padding:9px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;text-align:left;gap:8px}.build-panel>button.active{border-color:#2bd9ff;background:#0a2942;box-shadow:inset 3px 0 #2bd9ff,0 0 14px #2bd9ff26}button b{font:700 11px Barlow Condensed;letter-spacing:.8px;color:#d9f7ff;display:block}button small{display:block;font-size:8px;line-height:1.4;color:#7195a6;margin-top:3px}button em{font:700 11px Barlow Condensed;color:#2bd9ff;font-style:normal}.ico{display:block;width:32px;height:32px;border:2px solid #2bd9ff;background:#082b43;box-shadow:0 0 8px #2bd9ff66,inset 0 0 9px #2bd9ff40;position:relative}.ico.hq{transform:rotate(45deg);border-radius:5px}.ico.income{border-radius:50%}.ico.income:after{content:"\20a1";position:absolute;inset:0;display:grid;place-items:center;color:#2bd9ff;font:800 18px Barlow Condensed}.ico.radar{border-radius:50% 50% 3px 3px;border-top-color:transparent}.ico.radar:after{content:"";position:absolute;width:19px;border-top:2px solid #2bd9ff;transform:rotate(-35deg);top:10px;left:6px}.ico.barracks:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:18px;border:2px solid #2bd9ff;border-bottom:0}.ico.factory:before,.ico.factory:after{content:"";position:absolute;background:#2bd9ff}.ico.factory:before{width:14px;height:6px;left:7px;top:-7px}.ico.factory:after{height:4px;left:4px;right:4px;top:12px}.tip{border-top:1px solid #10354b;margin-top:13px;padding:12px 4px;color:#54798b;font-size:9px;line-height:1.5}.battle-wrap{position:relative;display:flex;align-items:center;background:#01050b;border:1px solid #155374;min-width:0;overflow:hidden;box-shadow:0 0 26px #1590c91a}canvas{width:100%;height:auto;display:block;aspect-ratio:16/9;cursor:crosshair}.coordinates{position:absolute;left:10px;bottom:8px;background:#020a12d1;border-left:2px solid #2bd9ff;padding:5px 8px;color:#4e8da7;font:600 8px Inter;letter-spacing:1px;pointer-events:none}.selected-card{text-align:center;border:1px solid #175170;background:#071b2c;margin-top:12px;padding:14px}.selected-card .ico{margin:0 auto 10px}.selected-card h3{font:800 14px Barlow Condensed;letter-spacing:1px;margin:0;color:#dcf9ff}.selected-card p{font:600 9px Inter;color:#52c9ef}.unit-button{width:100%;padding:10px;margin-top:8px;display:grid;grid-template-columns:1fr auto;gap:8px;text-align:left}.upgrade{width:100%;padding:12px;margin-top:10px;font:800 11px Barlow Condensed;letter-spacing:1px;color:#8feaff;display:flex;justify-content:space-between}.empty-command{height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;color:#577e91;font-size:10px;line-height:1.5}.reticle{border:1px solid #1e7195;color:#2bd9ff;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:25px;margin-bottom:10px}.mini{height:142px;border:1px solid #16516e;background:linear-gradient(150deg,#061c30,#080a18);position:relative;margin-top:12px;overflow:hidden;background-image:linear-gradient(rgba(43,217,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(43,217,255,.06) 1px,transparent 1px);background-size:18px 18px}.mini-label{position:absolute;top:5px;left:7px;font:700 7px Inter;color:#5193aa;letter-spacing:1px}.mini i{position:absolute;width:7px;height:7px;transform:translate(-50%,-50%);box-shadow:0 0 6px currentColor}.mini i.dot{width:3px;height:3px;border-radius:50%}footer{height:30px;border-top:1px solid #123b51;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#47758a;font:600 8px Inter;letter-spacing:1px}.modal-back{position:fixed;inset:0;background:#00040ce0;backdrop-filter:blur(8px);display:grid;place-items:center;z-index:20;padding:20px}.modal{width:min(780px,96vw);max-height:90vh;overflow:auto;border:1px solid #288bb3;background:linear-gradient(145deg,#061d32,#030b17 70%);padding:30px;position:relative;box-shadow:0 0 80px #18ace838}.close{position:absolute;right:15px;top:15px;width:34px;height:34px;font-size:20px}.eyebrow{color:#2bd9ff;font:700 9px Inter;letter-spacing:3px;margin:0 0 7px}.modal h2{font:800 32px Barlow Condensed;letter-spacing:2px;margin:0 0 22px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:10px}.steps article,.codex article{border:1px solid #154861;background:#051b2dbd;padding:16px}.steps article>b{color:#2bd9ff;font:800 20px Barlow Condensed}.steps h3,.codex h3{font:800 13px Barlow Condensed;letter-spacing:1px;margin:7px 0}.steps p,.codex p{font-size:10px;color:#79a0b0;line-height:1.6;margin:0}.primary{padding:13px 24px;margin-top:18px;color:#bff6ff;border-color:#2bd9ff;font:800 11px Inter;letter-spacing:1px}.codex{display:grid;grid-template-columns:1fr 1fr;gap:8px}.codex article{display:flex;align-items:center;gap:14px}.codex article .ico{flex:none}.codex h3{margin:0 0 4px}.codex small{display:block;color:#2bd9ff;font:700 8px Inter;letter-spacing:.7px;margin-top:7px}.unit-symbol{display:block;width:32px;height:32px;border-radius:50%;border:2px solid #2bd9ff;box-shadow:0 0 12px #2bd9ff59;flex:none;position:relative}.unit-symbol:after{content:"";position:absolute;left:14px;top:5px;height:28px;border-left:2px solid #2bd9ff;transform:rotate(40deg)}.unit-symbol.scout,.unit-symbol.tank{border-radius:3px}.unit-symbol.tank{border-width:4px}@media(max-width:900px){header{height:auto;min-height:68px;flex-wrap:wrap;padding:9px 12px;gap:8px}.brand{min-width:210px}.status{order:3;width:100%;justify-content:space-between}.game-layout{grid-template-columns:180px minmax(480px,1fr) 190px;width:980px;transform-origin:top left;transform:scale(.1vw);margin-bottom:calc((100vw - 1000px)*.54)}.build-panel>button{min-height:68px}.brand h1{font-size:19px}nav button{padding:7px}.shell{min-width:0}.modal{padding:22px}.steps,.codex{grid-template-columns:1fr}}.mini i.objective-dot{width:6px;height:6px;transform:translate(-50%,-50%) rotate(45deg);z-index:2}.goal-count{margin-top:9px;padding:7px 9px;border:1px solid #66581c;color:#ffd84a;font:700 9px Inter;letter-spacing:1px}