#battle{position:absolute;inset:0;z-index:20;background:#c8c2a3 url('assets/arena.png') center/cover no-repeat;color:#f6e5c4;isolation:isolate}.battle-shade{position:absolute;inset:0;background:linear-gradient(#33231055,transparent 24%,transparent 58%,#32221155);pointer-events:none}.battle-header{position:absolute;top:19px;left:25px;right:25px;display:flex;align-items:center;gap:24px;z-index:4;text-shadow:0 2px 3px #3c2a16}.battle-header>div{flex:1}.battle-header small{font:10px 'SimSun',serif;letter-spacing:3px;color:#fff3d3}.battle-header h1{font:26px 'SimSun',serif;letter-spacing:3px;margin:7px 0 0;color:#fff6e2}.battle-header h1 span{font:11px 'Microsoft YaHei',sans-serif;letter-spacing:1px;margin-left:13px;padding:4px 10px;border:1px solid #dec69a99;border-radius:12px;background:#45331b77}.battle-header>strong{font:20px Georgia,'SimSun',serif;background:#433020d9;border:1px solid #d3b27b;padding:9px 16px;border-radius:4px}.battle-header>button{background:#f3e0bfea;padding:9px 16px;box-shadow:0 2px 6px #3b281d44}
#battle-field{position:absolute;top:95px;bottom:206px;left:0;right:0}#battle-canvas,#battle-targets{position:absolute;inset:0;width:100%;height:100%}#battle-canvas{pointer-events:none}#battle-targets{pointer-events:none}.battle-unit{position:absolute;border:0;padding:0;background:transparent;color:#fff5d7;pointer-events:auto;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;box-shadow:none;border-radius:30px 30px 4px 4px}.battle-unit:disabled{opacity:1;cursor:default}.battle-unit .unit-card{display:block;width:100%;padding:5px 7px 3px;border:1px solid #ac925f;background:linear-gradient(90deg,#3e2e1ee8,#493323e8);border-radius:4px;box-shadow:0 2px 5px #3b2a1733;pointer-events:none}.battle-unit strong{display:block;font:12px 'SimSun',serif;font-weight:normal;letter-spacing:1px;text-align:center}.unit-hp{height:5px;margin:4px 0 3px;display:block;background:#252117;border:1px solid #c3a77788;border-radius:3px;overflow:hidden}.unit-hp i{height:100%;display:block;background:linear-gradient(#a9be78,#6b8d44);transition:width .25s}.enemy .unit-hp i{background:linear-gradient(#c57b5f,#a14834)}.battle-unit small{display:block;text-align:center;font:10px Georgia;white-space:nowrap;color:#f1dec0}.battle-unit .unit-status{font-size:9px;white-space:nowrap;color:#fff0bc;background:#48321bd9;padding:3px 7px;border-radius:4px;position:absolute;top:-28px;left:50%;transform:translateX(-50%);box-shadow:0 1px 4px #39290f22}.ally .unit-status:empty{display:none}.battle-unit.selectable:hover{background:linear-gradient(transparent 45%,#f6dc872a);outline:1px solid #f7d78a99;outline-offset:3px}.battle-unit.selectable:hover .unit-card{border-color:#ffe4a1;background:linear-gradient(#755332,#48301b)}.battle-unit.acting .unit-card{border-color:#f7df96;box-shadow:0 0 0 1px #b68f49,0 0 12px #f9d47766}.fallen .unit-card{opacity:.65}
.battle-bottom{position:absolute;bottom:19px;left:25px;right:25px;display:flex;gap:16px;align-items:stretch;z-index:4}.battle-orders{flex:1;min-width:0;padding:14px 20px 10px;border:2px solid #bd9e65;border-radius:10px;background:var(--wood-texture);box-shadow:inset 0 0 0 2px #281b11,inset 0 0 0 3px #b7996666,0 3px 18px #38251633}.command-heading{display:flex;align-items:center;gap:18px;margin-bottom:10px}.command-heading strong{font:20px 'SimSun',serif;color:#ffecc9;letter-spacing:2px}.command-heading>span{font-size:10px;color:#cab48a}.battle-commands{display:flex;gap:9px}.battle-commands>button{position:relative;flex:1;min-width:0;padding:7px 5px;border:1px solid #a5875266;background:#e0b98008;border-radius:5px;color:#e9cd97;display:grid;grid-template-columns:32px 1fr;gap:5px;align-items:center}.battle-commands>button b{grid-row:span 2;font:28px Georgia;color:#e3c181}.battle-commands>button span{font:14px 'SimSun',serif;text-align:left;white-space:nowrap}.battle-commands>button small{font-size:9px;color:#bba783;white-space:nowrap;text-align:left}.battle-commands>button.selected{background:linear-gradient(#b6975d44,#98733622);border-color:#e0bd7f;box-shadow:inset 0 0 0 1px #e8c98a44}.battle-commands>button:hover:enabled{border-color:#f4d79f;background:#c3a16b33}.battle-commands>button:disabled{opacity:.4}.command-footer{display:flex;align-items:center;gap:10px;min-height:32px;margin-top:8px}.command-footer p{margin:0;font-size:11px;color:#dfc8a1;line-height:1.6;flex:1}.command-footer button{font-size:11px;padding:5px 12px;white-space:nowrap}.battle-record{width:285px;flex-shrink:0;border:1px solid #ab8e5e;background:linear-gradient(110deg,#f6ebd0ef,#e9d9b9ef);color:#695132;padding:14px 17px;border-radius:6px;box-shadow:inset 0 0 0 2px #fff7e388,0 2px 8px #32241733}.battle-record>div:first-child{font:15px 'SimSun',serif;border-bottom:1px solid #aa8c5b55;padding-bottom:8px;margin-bottom:9px}.battle-record>div:first-child span{display:block;font:9px 'Microsoft YaHei',sans-serif;color:#a08456;margin-top:6px}#battle-log p{font-size:10px;line-height:1.55;margin:5px 0}.battle-cover{position:absolute;inset:0;background:#30221577;display:grid;place-items:center;z-index:8;backdrop-filter:blur(2px)}.battle-summary{width:min(480px,calc(100% - 36px));padding:27px 31px;text-align:center;background:linear-gradient(110deg,#fff2d9,#e7d6b4);border:2px solid #b8955c;border-radius:9px;box-shadow:inset 0 0 0 3px #fff7e2,0 0 0 2px #4d351d,0 12px 45px #2e1c0c66;color:#694c29}.battle-summary>span{font:44px Georgia;color:#ba9357}.battle-summary h2{font:23px 'SimSun',serif;letter-spacing:3px;color:#654524;margin:16px 0}.battle-summary p{font-size:12px;color:#8a6d46;line-height:2}.battle-summary .dialog-actions{justify-content:center;margin-top:24px}.in-battle .hero-hud,.in-battle .location-hud,.in-battle .right-hud,.in-battle .bottom-hud,.in-battle .expedition-status,.in-battle .top-actions,.in-battle #nearby,.in-battle #toast{visibility:hidden}
.unit-hp{height:7px}.unit-hp i{background-color:#88ad55}.enemy .unit-hp i{background-color:#c26849}
@media(max-width:650px){.unit-mp{display:block;line-height:10px}.unit-hp{height:5px}}
@media(max-width:1000px){.battle-header{left:16px;right:16px;gap:14px}.battle-header h1{font-size:23px}.battle-header>strong{font-size:16px;padding:8px 13px}.battle-bottom{left:16px;right:16px;bottom:16px;gap:10px}.battle-orders{padding:13px 15px 8px}.battle-record{width:220px;padding:12px}.battle-commands>button{grid-template-columns:22px 1fr;gap:3px}.battle-commands>button b{font-size:22px}.battle-commands>button span{font-size:12px}.battle-commands>button small{font-size:8px}.command-heading strong{font-size:18px}}
@media(max-width:650px){.battle-header{top:14px;left:13px;right:13px;gap:7px;align-items:flex-start}.battle-header small{font-size:8px;letter-spacing:1px}.battle-header h1{font-size:20px;letter-spacing:1px}.battle-header h1 span{display:block;font-size:10px;width:max-content;margin:7px 0 0;padding:3px 8px}.battle-header>strong{font-size:12px;padding:7px 9px;white-space:nowrap;margin-top:3px}.battle-header>button{font-size:10px;padding:7px 8px;margin-top:3px;white-space:nowrap}.battle-bottom{bottom:15px;left:10px;right:10px;flex-direction:column;gap:8px}.battle-orders{padding:13px 12px 9px}.command-heading{gap:10px;margin-bottom:11px}.command-heading strong{font-size:17px}.command-heading>span{font-size:9px}.battle-commands{gap:5px}.battle-commands>button{display:flex;flex-direction:column;padding:6px 2px;gap:5px}.battle-commands>button span{font-size:12px;text-align:center}.battle-commands>button small{font-size:8px;white-space:normal;text-align:center}.battle-commands>button b{font-size:25px}.command-footer{min-height:32px;margin-top:7px}.command-footer p{font-size:10px}.battle-record{width:100%;height:87px;padding:9px 12px}.battle-record>div:first-child{font-size:11px;padding-bottom:4px;margin-bottom:4px;display:flex;justify-content:space-between}.battle-record>div:first-child span{margin:0;font-size:8px}#battle-log p{font-size:9px;margin:3px 0;line-height:1.25}#battle-field{top:100px;bottom:306px}.battle-unit .unit-card{padding:4px 3px 2px}.battle-unit strong{font-size:9px;letter-spacing:0}.battle-unit small{font-size:8px}.unit-hp{height:4px;margin:3px 0 2px}.battle-unit .unit-status{font-size:8px;top:-22px;padding:2px 4px}.battle-summary h2{font-size:20px}.battle-summary{padding:22px}.battle-unit{min-width:0!important}}
@media(max-height:560px) and (min-width:651px){.battle-header{top:10px;left:14px;right:14px}.battle-header small{font-size:8px}.battle-header h1{font-size:21px;margin-top:3px}.battle-header>strong{font-size:14px;padding:6px 12px}.battle-header>button{padding:6px 12px}#battle-field{top:64px;bottom:157px}.battle-bottom{left:14px;right:14px;bottom:11px}.battle-orders{padding:9px 14px 6px}.command-heading{margin-bottom:7px}.command-heading strong{font-size:16px}.battle-commands>button{padding:4px 5px}.battle-commands>button span{font-size:12px}.battle-record{padding:10px 14px;width:240px}.battle-unit .unit-card{padding:3px}.battle-unit strong{font-size:10px}.battle-unit small{font-size:8px}}