/* Tactical Field 02: instrument-first HP, centrally placed turn end,
   and a single attack command station. Visual/control wiring only. */
#battle .hp-number-only{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;font-variant-numeric:tabular-nums}
#battle .hp-number-only > span{color:#b9d4de;font:800 10px/1 ui-monospace,monospace;letter-spacing:.08em}
#battle .enemy-side .hp-number-only > span{color:#efb6a9}
#battle .hp-number-only strong{font:900 19px/1.1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.02em;color:#f2faff}
#battle .enemy-side .hp-number-only strong{color:#ffd0be}
#battle .player-side .hp-number-only strong{color:#a1f2fa}
#battle .hp-row.hp-number-only .hp-bar{display:none!important}
/* battle field contains the universal end-of-turn action, all viewports */
#battle .field-conflict .field-end-turn{position:absolute;z-index:18;left:50%;top:56%;transform:translate(-50%,-50%);width:132px;min-height:50px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;border:1px solid #cba79b;border-left:4px solid #e5a98e;border-radius:2px;padding:6px 8px;background:linear-gradient(160deg,#67383b 0%,#361f28 75%);color:#fff3ed;box-shadow:0 0 0 3px #031019ab,0 8px 25px #000b;font-size:13px;white-space:nowrap}
#battle .field-conflict .field-end-turn .turn-main{font-weight:900}
#battle .field-conflict .field-end-turn small{font:800 8px/1 ui-monospace,monospace;letter-spacing:.16em;color:#ddaba1}
#battle .field-conflict .field-end-turn:disabled{opacity:.38;cursor:default}
#battle .field-conflict .field-end-turn:focus-visible{outline:2px solid #f6d0ac;outline-offset:4px}
#battle .arena-bottom-hud{isolation:isolate;z-index:25}
#battle .controls{position:relative;z-index:28;overflow:visible!important}
#battle .controls .attack-toolbar{display:flex;align-items:center;gap:7px;height:100%;min-height:0}
#battle .controls .attack-toolbar .attack-toggle{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:118px;min-height:44px;padding:8px 16px;border:1px solid #79cbdc;border-left:4px solid #86e1f0;border-radius:2px;background:linear-gradient(90deg,#214f61,#123346);color:#edfcff;font:900 13px/1.1 system-ui}
#battle .controls .attack-toolbar .attack-toggle:disabled{opacity:.44;cursor:default}
#battle .controls .attack-toolbar .attack-toggle:focus-visible{outline:2px solid #9ce7ef;outline-offset:2px}
#battle .controls .attack-toolbar-tip{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9dc4d2;font-size:10px}
#battle .controls .attack-menu[hidden]{display:none!important}
#battle .controls .attack-menu{position:absolute;z-index:45;bottom:calc(100% + 5px);left:0;right:0;display:grid;grid-template-rows:25px auto auto;gap:7px;padding:10px;background:#081e2bf9;border:1px solid #70adbf;border-left:3px solid #5ed2e3;box-shadow:0 0 0 3px #07131b99,0 9px 26px #000c;border-radius:3px}
#battle .controls .attack-menu-title{display:flex;align-items:center;justify-content:space-between;color:#b5ecfa;font:900 11px/1.2 ui-monospace,monospace;letter-spacing:.09em}
#battle .controls .attack-menu-close{height:25px;width:28px;border:1px solid #3d7589;background:#163645;color:#e4f6fa;border-radius:2px}
#battle .controls .attack-target-label{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:7px;min-height:40px;font-size:11px;color:#bddce7}
#battle .controls .attack-target-label select{height:40px;min-height:40px;padding:5px 8px;margin:0;font-size:12px;border:1px solid #548da1;background:#112d3b;border-radius:2px}
#battle .controls .attack-menu .action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;min-height:44px;height:auto}
#battle .controls .attack-menu .action-grid .attack{min-height:44px;height:44px;font-size:12px;font-weight:800;background:#1c5069;border:1px solid #6ab9ca;border-radius:2px;padding:5px}
#battle .controls .attack-menu .action-grid .attack:disabled{opacity:.4}
@media(max-width:799px){
 #battle .enemy-side .hp-row.hp-number-only,#battle .player-side .hp-row.hp-number-only{display:flex;min-height:15px;height:auto;gap:7px}
 #battle .enemy-side .hp-row.hp-number-only strong,#battle .player-side .hp-row.hp-number-only strong{font-size:16px}
 #battle .arena-bottom-hud{grid-template-rows:minmax(0,1fr) 47px;overflow:visible!important}
 #battle .arena-bottom-hud .controls{display:block!important;height:47px;min-height:47px;padding:2px 5px!important;overflow:visible!important}
 #battle .arena-bottom-hud .player-side{overflow:hidden;min-height:0}
 #battle .arena-bottom-hud .controls .attack-toolbar{min-height:42px;height:42px}
 #battle .arena-bottom-hud .controls .attack-toolbar .attack-toggle{min-height:42px;height:42px}
 #battle .field-conflict .field-end-turn{min-height:46px;height:46px;width:125px;top:55%;font-size:12px}
 #battle .arena-bottom-hud .controls .attack-menu{bottom:calc(100% + 3px)}
}
@media(max-width:799px) and (max-height:700px){
 #battle .arena-bottom-hud{grid-template-rows:minmax(0,1fr) 45px}
 #battle .arena-bottom-hud .controls{height:45px;min-height:45px}
 #battle .field-conflict .field-end-turn{top:52%;width:118px;height:44px;min-height:44px}
}
/* Keep the original field identification separate from the new central button. */
@media(max-width:799px){
 #battle .battle-center:after{max-width:102px;white-space:normal;font-size:7px;line-height:1.25;letter-spacing:.045em;opacity:.78;pointer-events:none}
}