#hud{position:fixed;top:10px;left:12px;z-index:10;color:#e4d6b6;white-space:pre;pointer-events:none;text-shadow:0 1px 2px #000}#panel{position:fixed;left:12px;bottom:12px;z-index:10;width:230px;padding:10px 12px;border-radius:6px;color:#e4d6b6;background:#120e09d1;border:1px solid rgba(220,200,160,.18);box-shadow:0 4px 16px #00000080;display:none}#panel .name{font-size:13px;font-weight:600;margin-bottom:2px}#panel .sub{color:#b0a079;margin-bottom:8px}#panel .bar{height:7px;border-radius:3px;background:#00000073;margin:3px 0 7px;overflow:hidden}#panel .bar>i{display:block;height:100%}#panel .lab{display:flex;justify-content:space-between;color:#cbbb92}#panel .cmds{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 9px}#panel .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}#panel .cmd:hover{background:#463820d9;border-color:#dcc8a08c}#panel .cmd:active{transform:translateY(1px)}#panel .cmd.on{background:#785a28e6;border-color:#dcc8a0b3;color:#fbeec4}#panel .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}#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}