*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050705;color:#e8efe9;font-family:Arial,Helvetica,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none}#app-root,#hud-container,#game-canvas{position:fixed;inset:0;width:100%;height:100%}#game-canvas{display:block;background:#26361f}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:48px;display:flex;align-items:center;gap:20px;padding:0 calc(env(safe-area-inset-right) + 194px) 0 calc(env(safe-area-inset-left) + 10px);background:linear-gradient(#242824,#101310);border-bottom:2px solid #7d887d;box-shadow:0 2px 12px #000b}.brand{display:flex;align-items:center;gap:8px;min-width:205px}.brand .star{width:28px;height:28px;display:grid;place-items:center;background:#a41f19;color:#f1d39d;border:1px solid #df6556;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%)}.brand b{font-size:13px;letter-spacing:1.6px;color:#f1d8b2}.brand small{display:block;color:#819083;font-size:7px;letter-spacing:.9px;margin-top:2px}.resource{display:flex;align-items:center;gap:8px;font-size:10px;color:#8e9b90;white-space:nowrap}.resource b{color:#f0e7c2;font-size:13px}.meter{width:72px;height:9px;background:#080a08;border:1px solid #556255}.meter i{display:block;width:74%;height:100%;background:linear-gradient(90deg,#58b953,#c8d84d)}.status{margin-left:auto;font-size:9px;letter-spacing:1px;color:#bdc8bd}.live{display:inline-block;width:7px;height:7px;border-radius:50%;background:#57d765;box-shadow:0 0 7px #57d765}.left-rail{position:fixed;z-index:30;left:calc(env(safe-area-inset-left) + 8px);top:56px;width:190px}.minimap-shell,.orders,.mission{background:linear-gradient(145deg,#1d241f,#0d110e);border:2px solid #667267;box-shadow:0 6px 18px #0009}.panel-title{height:24px;display:flex;align-items:center;padding:0 8px;font-size:10px;letter-spacing:1.4px;color:#d4ddd5;border-bottom:1px solid #3d493f}#minimap{display:block;width:180px;height:130px;margin:4px;background:#23301f;border:1px solid #101510}.orders{margin-top:8px;padding:6px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.orders button,.build-tabs button{min-height:34px;background:linear-gradient(#303a31,#1b211c);border:1px solid #717f72;color:#e3e8e3;font-size:9px;font-weight:700;letter-spacing:.55px;text-shadow:0 1px #000}.orders button:active,.build-tabs button.active{border-color:#cad4b2;background:#3f4d40}.mission{margin-top:8px;padding:9px 10px;display:flex;flex-direction:column;gap:4px}.mission b{font-size:8px;letter-spacing:1.4px;color:#d5ddd6}.mission span{font-size:9px;color:#aebbad}.build-panel{position:fixed;z-index:30;right:calc(env(safe-area-inset-right) + 8px);top:56px;bottom:12px;width:184px;background:linear-gradient(145deg,#1b211c,#0b0f0c);border:2px solid #687568;box-shadow:-6px 8px 22px #000a;padding:6px;overflow:hidden}.build-head{height:42px;display:flex;flex-direction:column;justify-content:center;padding:0 7px;border-bottom:1px solid #566057}.build-head b{font-size:11px;letter-spacing:1px;color:#eadfc5}.build-head span{font-size:8px;color:#809184;margin-top:2px}.build-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:6px 0}.build-tabs button{height:28px;font-size:8px}.build-list{display:grid;gap:6px;overflow:auto;max-height:calc(100% - 82px);padding-bottom:4px}.build-card{min-height:62px;display:grid;grid-template-columns:56px 1fr;align-items:center;text-align:left;background:linear-gradient(#222b23,#151b16);border:1px solid #4a574c;color:#e0e7e1;padding:5px}.build-card:active{border-color:#9bb783;background:#29342b}.build-card b{display:block;font-size:9px;line-height:1.2}.build-card small{display:block;color:#e0bd58;font-size:9px;margin-top:4px}.build-card em{display:block;color:#718378;font-style:normal;font-size:7px;margin-top:2px}.sprite-icon{width:50px;height:50px;display:block;position:relative;background:radial-gradient(circle at 50% 42%,#617067,#29342d 70%);border:1px solid #8b978d;box-shadow:inset 0 0 10px #000b;overflow:hidden}.sprite-icon:before,.sprite-icon:after{content:"";position:absolute}.sprite-icon[class~="1tnk"]:before,.sprite-icon[class~="2tnk"]:before,.sprite-icon[class~="3tnk"]:before{width:30px;height:22px;left:10px;top:17px;background:#61766c;box-shadow:-5px 0 #1f2621,5px 0 #1f2621}.sprite-icon[class~="1tnk"]:after,.sprite-icon[class~="2tnk"]:after,.sprite-icon[class~="3tnk"]:after{width:5px;height:26px;left:23px;top:5px;background:#2c3932;transform-origin:50% 70%;transform:rotate(-12deg)}.sprite-icon[class~="2tnk"]:before{background:#6d8279}.sprite-icon[class~="3tnk"]:before{background:#815148}.sprite-icon.harv:before{width:32px;height:26px;left:9px;top:14px;background:#6c756e;box-shadow:-5px 0 #202722,5px 0 #202722}.sprite-icon.harv:after{width:20px;height:10px;left:15px;top:30px;background:#d0a12a}.sprite-icon.e1:before,.sprite-icon.e3:before{width:7px;height:24px;left:21px;top:18px;background:#557783;border-radius:4px}.sprite-icon.e1:after,.sprite-icon.e3:after{width:8px;height:8px;left:21px;top:10px;border-radius:50%;background:#c6b69b;box-shadow:8px 14px 0 -3px #252b27}.sprite-icon.e3:before{background:#69724d}.hint{position:fixed;z-index:25;bottom:calc(env(safe-area-inset-bottom) + 9px);left:50%;transform:translate(-50%);padding:7px 13px;background:#0d120deb;border:1px solid #5d695f;color:#bdc9be;font-size:9px;letter-spacing:.75px;pointer-events:none;text-shadow:0 1px #000}#orientation-guard{display:none;position:fixed;z-index:1000;inset:0;background:#090b09;color:#e7d8b9;align-items:center;justify-content:center;padding:30px}.guard-card{text-align:center;max-width:340px;border:1px solid #5c675d;background:#141914;padding:24px}.guard-card h2{font-size:16px;letter-spacing:1px}.guard-card p{color:#9ba79d;font-size:12px}.rotate-icon{font-size:44px}@media (orientation:portrait){#orientation-guard{display:flex}}@media (max-height:500px){.topbar{height:42px}.brand{min-width:178px}.brand small{font-size:6px}.left-rail,.build-panel{top:48px}.left-rail,.minimap-shell{width:166px}#minimap{width:156px;height:106px}.orders{grid-template-columns:1fr}.orders button{min-height:27px}.mission{display:none}.build-panel{width:166px}.build-card{min-height:54px;grid-template-columns:48px 1fr}.sprite-icon{width:43px;height:43px}.hint{font-size:8px;padding:5px 10px}}