#hud{position:fixed;top:10px;left:12px;z-index:10;color:#e4d6b6;white-space:pre;pointer-events:none;text-shadow:0 1px 2px #000}#unitbar{position:fixed;left:50%;transform:translate(-50%);bottom:12px;z-index:10;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px;max-width:calc(100vw - 540px);border-radius:9px;background:#120e09d1;border:1px solid rgba(220,200,160,.18);box-shadow:0 3px 14px #00000080}.unitcard{flex:0 0 auto;width:88px;box-sizing:border-box;padding:5px 7px;display:flex;flex-direction:column;gap:3px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#2c2317;border-radius:5px;border:1px solid rgba(38,30,16,.5);border-left-width:3px;background:linear-gradient(180deg,#f0ebddf5,#d4ccb8f5);box-shadow:inset 0 1px #ffffffb3,inset 0 -2px 4px #76664652,0 2px 6px #0006;transition:filter .08s,transform .08s}.unitcard.team0{border-left-color:#c2503a}.unitcard.team1{border-left-color:#3f7fb0}.unitcard:hover{filter:brightness(1.06)}.unitcard:active{transform:translateY(1px)}.unitcard.sel{box-shadow:inset 0 1px #fffc,0 0 0 2px #c9b06af2,0 2px 9px #0000008c}.unitcard.routing{opacity:.5}.unitcard .uc-name{font-size:11px;line-height:1.15;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 rgba(255,255,255,.5)}.unitcard .uc-sub{font-size:9px;line-height:1;color:#5a4c34}.unitcard .uc-bars{display:flex;flex-direction:column;gap:2px;margin-top:2px}.unitcard .uc-bar{display:flex;align-items:center;gap:4px;line-height:1}.unitcard .uc-bar>b{font-size:8px;line-height:1;font-weight:700;width:7px;color:#6a5a3c}.unitcard .uc-bar>span{flex:1;height:5px;border-radius:3px;overflow:hidden;background:#281e0e4d;box-shadow:inset 0 1px 1px #00000047}.unitcard .uc-bar>span>i{display:block;height:100%;border-radius:3px}#cmdrow{position:fixed;left:50%;transform:translate(-50%);bottom:86px;z-index:10;display:none;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;max-width:calc(100vw - 540px);padding:5px 8px;border-radius:7px;background:#120e09d1;border:1px solid rgba(220,200,160,.18);box-shadow:0 3px 12px #00000080}#cmdrow.show{display:flex}#cmdrow .name{font-size:12px;font-weight:600;color:#e4d6b6;margin-right:3px}#cmdrow .warn{color:#e0564a;font-weight:600}#unittip{position:fixed;z-index:20;display:none;min-width:168px;max-width:232px;padding:9px 11px;border-radius:7px;color:#e4d6b6;pointer-events:none;background:#100c07f0;border:1px solid rgba(220,200,160,.24);box-shadow:0 6px 22px #0009}#unittip .tip-name{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}#unittip .tip-name .dot{width:9px;height:9px;border-radius:2px;display:inline-block}#unittip .tip-sub{color:#b0a079;font-size:11px;margin:1px 0 7px}#unittip .lab{display:flex;justify-content:space-between;font-size:11px;color:#cbbb92}#unittip .bar{height:7px;border-radius:3px;background:#00000073;margin:2px 0 6px;overflow:hidden}#unittip .bar>i{display:block;height:100%}#unittip .mf{display:flex;justify-content:space-between;font-size:11px}.cmd{font:inherit;font-size:11px;color:#e4d6b6;background:#28201499;border:1px solid rgba(220,200,160,.22);border-radius:4px;padding:4px 7px;cursor:pointer}.cmd:hover{background:#463820d9;border-color:#dcc8a08c}.cmd:active{transform:translateY(1px)}.cmd.on{background:#785a28e6;border-color:#dcc8a0b3;color:#fbeec4}.cmd kbd{font:inherit;font-size:10px;margin-left:4px;padding:0 4px;border-radius:3px;color:#d8c8a8;background:#0006;border:1px solid rgba(220,200,160,.25)}#speedbar{position:fixed;left:50%;top:10px;transform:translate(-50%);z-index:10;display:flex;gap:4px;padding:4px;border-radius:7px;background:#120e09d1;border:1px solid rgba(220,200,160,.18);box-shadow:0 3px 12px #00000080}#speedbar button{font:inherit;min-width:30px;color:#e4d6b6;background:#28201499;border:1px solid rgba(220,200,160,.22);border-radius:5px;padding:5px 9px;cursor:pointer}#speedbar button:hover{background:#463820d9;border-color:#dcc8a08c}#speedbar button.on{background:#785a28eb;border-color:#dcc8a0bf;color:#fbeec4}#battleHelpBtn{position:fixed;right:12px;top:12px;z-index:12;font:inherit;width:28px;height:28px;color:#e4d6b6;background:#120e09e0;border:1px solid rgba(220,200,160,.25);border-radius:6px;cursor:pointer}#battleHelpBtn:hover{background:#282014eb;border-color:#dcc8a080}#battleHelpBtn.on{background:#785a28eb;border-color:#dcc8a0bf;color:#fbeec4}#battleHelp{position:fixed;right:12px;top:48px;z-index:12;font-size:11px;color:#d8c8a8;display:none;background:#120e09e0;border:1px solid rgba(220,200,160,.2);border-radius:6px;padding:10px 13px;pointer-events:none;max-width:280px;line-height:1.8}#battleHelp.show{display:block}#battleHelp b{color:#ecdcb2;font-weight:600}#battleHelp kbd{font:inherit;font-size:10px;padding:0 4px;border-radius:3px;color:#d8c8a8;background:#0006;border:1px solid rgba(220,200,160,.25)}#legend{position:fixed;right:12px;top:12px;z-index:10;color:#d8c8a8;background:#120e09b3;border:1px solid rgba(220,200,160,.15);border-radius:6px;padding:8px 10px;pointer-events:none}#legend div{display:flex;align-items:center;gap:6px;margin:2px 0}#legend span{width:12px;height:12px;border-radius:2px;display:inline-block}#saveReplay{position:fixed;right:12px;bottom:172px;z-index:10;font:inherit;color:#e4d6b6;background:#120e09d1;border:1px solid rgba(220,200,160,.25);border-radius:6px;padding:8px 12px;cursor:pointer}#saveReplay:hover{background:#282014eb;border-color:#dcc8a080}#saveReplay:active{transform:translateY(1px)}#toMenu{position:fixed;right:12px;bottom:211px;z-index:10;font:inherit;color:#e4d6b6;background:#120e09d1;border:1px solid rgba(220,200,160,.25);border-radius:6px;padding:6px 10px;cursor:pointer;display:none}#toMenu:hover{background:#282014eb;border-color:#dcc8a080}#mute{position:fixed;right:12px;bottom:211px;z-index:10;font:inherit;color:#e4d6b6;background:#120e09d1;border:1px solid rgba(220,200,160,.25);border-radius:6px;padding:6px 10px;cursor:pointer;display:none}#mute:hover{background:#282014eb;border-color:#dcc8a080}#mute.off{color:#9c8d68}#battleReturn{position:fixed;left:50%;top:50px;transform:translate(-50%);z-index:11;font:inherit;color:#15110c;background:#c9b06a;border:none;border-radius:7px;padding:10px 18px;cursor:pointer;font-weight:600}#battleReturn:hover{background:#d8c084}#deployHud{position:fixed;top:10px;left:12px;z-index:10;color:#e4d6b6;white-space:pre;pointer-events:none;text-shadow:0 1px 2px #000}#deployStart{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:11;font:inherit;color:#15110c;background:#c9b06a;border:none;border-radius:7px;padding:11px 22px;cursor:pointer;font-weight:600;font-size:15px;box-shadow:0 3px 14px #00000080}#deployStart:hover{background:#d8c084}#deployStart:active{transform:translate(-50%) translateY(1px)}#deployMenu{position:fixed;top:10px;right:12px;z-index:11;font:inherit;color:#e4d6b6;background:#120e09d1;border:1px solid rgba(220,200,160,.25);border-radius:6px;padding:6px 10px;cursor:pointer}#deployMenu:hover{background:#282014eb;border-color:#dcc8a080}#panel .name{font-family:Cinzel,Georgia,serif;letter-spacing:.04em}