.hud{pointer-events:none;color:#dce7e8;background:radial-gradient(circle at 60% 10%,#62f0e014,#0000 30%),radial-gradient(circle at 20% 80%,#ffc16d12,#0000 30%);font-family:Inter,ui-sans-serif,system-ui;position:absolute;inset:0}.hud button,.hud input{pointer-events:auto}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080d12b8;border:1px solid #6fe4df40;align-items:center;gap:18px;padding:10px 14px;display:flex;position:absolute;top:14px;left:16px;right:16px;box-shadow:0 12px 40px #0008}.brand{flex-direction:column;min-width:270px;display:flex}.brand b{letter-spacing:.08em;text-transform:uppercase;color:#8ff6ee}.brand span,.left-status span{color:#9fb0b3;font-size:12px}.resources{flex-wrap:wrap;gap:8px;display:flex}.resources span,.system-buttons button,.categories button,.build-card,.build-status,.left-status,.info,.minimap{background:linear-gradient(#141f26c7,#080c10b8);border:1px solid #6fe4df33;box-shadow:0 10px 28px #0007}.resources span{border-radius:9px;padding:7px 10px}.system-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;position:absolute;top:86px;right:16px}.system-buttons button,.build-status button{color:#dff;background:#101a20;border:1px solid #315158;border-radius:10px;padding:9px 11px}.left-status{border-radius:16px;flex-direction:column;gap:8px;width:280px;padding:14px;display:flex;position:absolute;top:86px;left:16px}.left-status em{color:#ffc16d}.minimap{border-radius:15px;width:210px;padding:10px;position:absolute;bottom:154px;right:18px}.mini-title{text-transform:uppercase;color:#8ff6ee;margin-bottom:7px;font-size:12px}.mini-map{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(135deg,#111820,#28323a);border:1px solid #6fe4df;height:116px;position:relative}.mini-map i{border:1px solid #ffc16d73;position:absolute;inset:18%}.mini-map b{border:2px solid #ffc16d;position:absolute;box-shadow:0 0 18px #ffc16d99}.info{opacity:.9;border-radius:18px;width:260px;padding:16px;position:absolute;top:150px;right:18px}.info h2{color:#ffc16d;margin:0 0 8px}.info li{margin:7px 0}.buildbar{align-items:stretch;gap:14px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.categories{gap:8px;max-width:55vw;display:flex;overflow:auto}.categories button{color:#dfe;border-radius:15px;flex-direction:column;min-width:130px;padding:12px 16px;display:flex}.categories .disabled{opacity:.45}.categories .active{border-color:#6fe4df}.build-card{color:#eafafb;text-align:left;border-radius:17px;grid-template-rows:auto auto auto;grid-template-columns:58px 1fr;align-items:center;gap:2px 12px;min-width:330px;padding:12px 16px;display:grid}.build-card.selected{outline:2px solid #ffc16d}.build-card img{grid-row:1/4;width:58px;height:58px}.build-card span{color:#ffc16d}.build-card em{color:#a8b6b8;font-size:12px}.build-status{border-radius:16px;align-items:center;gap:14px;padding:12px 16px;display:flex;position:absolute;bottom:128px;left:50%;transform:translate(-50%)}.build-status.good{border-color:#62f0c2}.build-status.bad{border-color:#ff605a}.overlay{pointer-events:auto;background:#0008;place-items:center;display:grid;position:absolute;inset:0}.overlay section{background:#101820;border:1px solid #6fe4df66;border-radius:20px;width:min(560px,92vw);padding:24px;box-shadow:0 20px 80px #000}.close{float:right;color:#fff;background:0 0;border:0;font-size:24px}.overlay label{margin:12px 0;display:block}@media (width<=1280px){.resources span{padding:6px 7px;font-size:12px}.info{width:220px}.categories button{min-width:105px}.left-status{width:230px}.build-card{min-width:280px}}@media (width<=760px){.topbar{left:8px;right:8px}.resources,.left-status,.info,.minimap{display:none}.buildbar{bottom:8px;left:8px;right:8px}.categories{max-width:44vw}.system-buttons{top:76px;left:8px;right:8px}.build-status{flex-direction:column;align-items:flex-start;bottom:112px;left:8px;right:8px;transform:none}}html,body,#root{background:#05070b;width:100%;height:100%;margin:0;overflow:hidden}*{box-sizing:border-box}.app-shell{background:#05070b;position:fixed;inset:0;overflow:hidden}.game-canvas{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.game-canvas canvas{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;display:block;width:100%!important;height:100%!important}.game-canvas:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0a,#0000 18% 72%,#0000005c),radial-gradient(circle,#0000 50%,#00000057 100%);position:absolute;inset:0}