*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#131713;color:#dedfd4;font-family:Arial,Helvetica,sans-serif}body{display:flex;overscroll-behavior:none}button{font:inherit;touch-action:manipulation}#battlefield{position:relative;flex:1;min-width:0;overflow:hidden;background:#11160f}#game,#game canvas{width:100%;height:100%;display:block;touch-action:none}.brand{pointer-events:none;position:absolute;top:18px;left:22px;filter:drop-shadow(0 3px 2px #000);line-height:.88}.brand>span{font-size:35px;font-weight:1000;letter-spacing:-2px;color:#d2d6d3;text-shadow:1px 1px #fff,2px 3px #252825}.brand b{color:#ad3527}.brand em{font-size:45px;font-style:normal;color:#dfb85c}.brand small{display:block;background:repeating-linear-gradient(125deg,#cc9d36 0 14px,#d5ab43 14px 28px);color:#191a16;font-size:10px;letter-spacing:2px;font-weight:900;padding:7px 10px;margin-top:9px;border:2px solid #85847a}.operation{position:absolute;top:20px;right:20px;font:10px monospace;letter-spacing:1px;text-shadow:0 2px 2px #000}.operation i,.section-label i{color:#c6a65f}.operation i{display:inline-block;width:6px;height:6px;background:#b7bd77;border-radius:50%;margin-right:5px}.operation span{display:block;color:#999e87;font-size:9px;text-align:right;margin-top:6px}#hint{position:absolute;bottom:19px;left:20px;max-width:calc(100% - 210px);background:#101712db;border:1px solid #5e6650;border-left:3px solid #b69b50;padding:9px 12px;font-size:11px;color:#d1d2ba;pointer-events:none}.map-tools{position:absolute;right:16px;bottom:16px;display:flex;gap:5px}.map-tools button{height:35px;width:36px;border:1px solid #82877d;background:linear-gradient(#51594f,#232c25);box-shadow:inset 0 0 0 2px #1d241c,0 2px 4px #0008;color:#e8d79b;font-size:21px;cursor:pointer}aside{width:clamp(166px,23vw,260px);flex-shrink:0;height:100%;padding:10px 10px 7px;background:repeating-linear-gradient(0deg,#30342f 0px 2px,#343831 3px,#292e28 4px);border-left:5px ridge #6a7165;box-shadow:inset 4px 0 8px #0009;display:flex;flex-direction:column;gap:10px;overflow-y:auto;scrollbar-width:thin}.hud-title{text-align:center;color:#d8d8c9;font-size:12px;letter-spacing:1.5px;font-weight:900;border-bottom:2px solid #9b3425;padding:3px 0 9px}.hud-title span{display:block;font-size:8px;color:#9b9f8d;letter-spacing:2px;margin-top:5px}.money{border:2px inset #85877b;border-radius:4px;background:linear-gradient(#0e120e,#20231b);padding:6px 10px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 0 1px #111}.money small{font:8px monospace;color:#9d9f87}.money strong{font:900 25px Arial Narrow,Arial;color:#f2cf55;letter-spacing:-1px}.money strong span{font-size:16px}.section-label{font-size:9px;letter-spacing:1px;font-weight:700;margin-bottom:5px;display:flex;justify-content:space-between;color:#b8bead}.section-label i{font:7px monospace;font-style:normal}.radar{padding:6px;border:2px groove #777c6d;background:#151c14}#minimap{width:100%;display:block;background:#050805;touch-action:none;cursor:crosshair;border:1px solid #6a6d4f}.radar-footer{display:flex;justify-content:space-between;font:7px monospace;color:#a7ac8b;margin-top:6px}.unit-card{position:relative;border:2px inset #6a7161;background:linear-gradient(#19251e,#394236 75%,#121a13);text-align:center;padding-bottom:7px}#portrait{display:block;width:100%;height:85px;object-fit:contain;background:radial-gradient(ellipse at center,#8b8c6866,transparent 70%)}#unit-name{font-size:14px;font-weight:900;color:#f0e2b5;letter-spacing:1px}.health{height:4px;margin:6px 13px;background:#10140f}.health span{display:block;width:100%;height:100%;background:#8aab54}#unit-info{font-size:9px;color:#c4c9b5}#stop{width:100%;padding:7px;border:1px solid #8c8f7c;background:linear-gradient(#5d6655,#343e31);color:#ebe1b8;font-size:10px;font-weight:700;margin-top:6px;cursor:pointer}#stop:disabled{opacity:.45;cursor:default}#order{font-size:10px;line-height:1.4;color:#c1c6b0;margin:5px 0 0}.production{flex:1}.slots{display:grid;grid-template-columns:1fr 1fr;gap:5px}.slots button{background:linear-gradient(130deg,#454d40,#222a21);border:2px outset #676e5f;color:#939d84;padding:7px 2px;font-size:8px;font-weight:700;min-height:62px}.slots button>span{display:block;font-size:24px;color:#7d866e;filter:grayscale(1);margin-bottom:2px}.slots small{display:block;font-size:6px;letter-spacing:.5px;color:#9b9b80;margin-top:4px}aside footer{display:flex;justify-content:space-between;font:7px monospace;letter-spacing:.6px;color:#abb297;border-top:1px solid #69725b;padding-top:7px}dialog{max-width:440px;border:3px ridge #858d78;background:#263025;color:#e3e4d2;box-shadow:0 12px 90px #000;font-size:14px;line-height:1.65}dialog::backdrop{background:#0009}dialog h2{color:#e4cc81;font-size:22px}dialog button{width:100%;padding:12px;color:#ece0b6;background:#4b593e;border:1px solid #a1a184;cursor:pointer}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#182017;color:#dfc078;font:12px monospace;letter-spacing:3px}.ready #loading{display:none}@media(max-height:550px){aside{padding:6px;gap:6px}.hud-title{font-size:9px;padding:0 0 5px}.hud-title span{display:none}.money{padding:3px 7px}.money strong{font-size:20px}.radar{padding:4px}#minimap{max-height:100px;object-fit:fill}.section-label{font-size:8px;letter-spacing:.4px;margin-bottom:3px}.radar-footer{font-size:6px}#portrait{height:52px}#unit-name{font-size:11px}.unit-card{padding-bottom:4px}.health{margin:4px 10px}#unit-info,#order{font-size:8px}.slots button{min-height:40px;padding:3px 0;font-size:7px}.slots button>span{font-size:16px;margin:0}.slots small{font-size:5px;margin-top:2px}#stop{padding:4px;font-size:9px}.brand{top:13px;left:15px}.brand>span{font-size:25px}.brand em{font-size:32px}.brand small{font-size:7px;letter-spacing:1.5px;padding:5px}.operation{top:13px;right:12px;font-size:8px}#hint{font-size:9px;bottom:13px;left:13px;padding:6px 9px}.map-tools{bottom:12px;right:10px;gap:3px}.map-tools button{width:30px;height:30px;font-size:18px}}@media(orientation:portrait){.operation{display:none}.brand>span{font-size:21px}.brand em{font-size:27px}#hint{max-width:calc(100% - 20px);bottom:60px;font-size:10px}.brand small{font-size:6px;letter-spacing:1px}aside{width:155px}}#home{font-size:0}#home:before{content:"+";display:inline-block;width:16px;height:16px;line-height:13px;border:1px solid #d9c583;border-radius:50%;font-size:19px;font-weight:400}@media(max-height:550px){aside{gap:5px}#minimap{max-height:68px}#portrait{height:40px}#order{display:none}.slots button{min-height:30px;font-size:8px}.slots button>span{display:none}.slots small{font-size:6px}aside footer{font-size:6px;padding-top:4px}}@media(max-height:390px){aside{gap:3px;padding:5px}#minimap{max-height:52px}#portrait{height:30px}.slots button{min-height:26px;padding:2px 0}.hud-title{padding-bottom:3px}}