.turn-actions{position:absolute;z-index:4;right:26px;bottom:32px;display:flex;align-items:flex-end;gap:22px}
/* Chronicle uses the same icon-over-label proportions as the adjacent skill tool. */
.battle-header .chronicle-tool{position:relative;flex-shrink:0;width:52px;height:52px;padding:0;border:0;background:transparent url('assets/ui/bunian-controls/icon-chronicle.png') center top/42px 42px no-repeat;box-shadow:none;letter-spacing:0}
.battle-header .chronicle-tool small{position:absolute;bottom:0;left:0;right:0;display:block;font-size:9px;line-height:11px;letter-spacing:0;color:var(--silk-ink)}
.battle-header .chronicle-tool:hover{filter:brightness(1.14) drop-shadow(0 3px 6px #0006);transform:none}
.battle-header .chronicle-tool:focus-visible{outline:2px solid #d7b879;outline-offset:3px}
.battle-header .chronicle-tool:active{transform:scale(.96)}
/* Preserve image sizing when the shared button:hover background shorthand applies. */
.turn-actions .turn-control{position:relative;right:auto;bottom:auto;width:112px;height:112px;flex-shrink:0;background-color:transparent;background-position:center;background-size:contain;background-repeat:no-repeat;transition:transform .18s ease,filter .18s ease}
.turn-actions .attack-control{background-image:url('assets/ui/bunian-controls/button-attack.png')}
.turn-actions .next-month-control{background-image:url('assets/ui/bunian-controls/button-next-month.png')}
.battle-header .system-button{position:relative;padding:0;background:transparent url('assets/ui/bunian-controls/icon-settings.svg') center top/42px 42px no-repeat;box-shadow:none}
.battle-header .system-button small{position:absolute;bottom:0;left:0;right:0;display:block;font-size:9px;line-height:11px;letter-spacing:0;color:var(--silk-ink)}
.turn-actions .attack-control .combat-emblem{display:none}
.turn-actions .turn-control:focus-visible,.battle-header .system-button:focus-visible{outline:2px solid #d7b879;outline-offset:3px}
.turn-actions .turn-control:not(:disabled):hover,.turn-actions .turn-control:not(:disabled):focus-visible{transform:translateY(-5px) scale(1.06);filter:brightness(1.12) drop-shadow(0 0 9px #e4be7599) drop-shadow(0 10px 7px #0007);box-shadow:none}
.battle-header .system-button:hover{filter:brightness(1.14) drop-shadow(0 3px 6px #0006)}
.turn-actions .turn-control:not(:disabled):active{transform:translateY(-1px) scale(.98);filter:brightness(1.06) drop-shadow(0 0 5px #e4be7577) drop-shadow(0 3px 3px #0006)}
.battle-header .system-button:active{transform:scale(.96)}
.turn-actions .combat-emblem{animation:none;background-position:100% 0}
.turn-actions .turn-control:disabled{opacity:.4;filter:grayscale(.6);transform:none}
.turn-actions .turn-control span{font-size:15px;bottom:-14px}
.selecting-target #map{cursor:url('assets/ui/attack-cursor.svg') 20 20,crosshair}
.mapwrap .target-highlight{z-index:1;pointer-events:none;cursor:inherit}
.board>.mapwrap .maphint{max-width:calc(100% - 310px)}
.mapwrap .cancel-attack{left:190px;bottom:84px}
@media(max-width:650px){
  .battle-header .chronicle-tool{width:38px;height:38px;background-size:30px 30px}
  .battle-header .system-button{background-size:30px 30px}
  .battle-header .system-button small{font-size:8px}
  .turn-actions{right:12px;bottom:31px;gap:12px}
  .turn-actions .turn-control{width:74px;height:74px}
  .turn-actions .turn-control span{font-size:13px;bottom:-14px}
  .board>.mapwrap .maphint{bottom:15px;max-width:calc(100% - 195px)}
  .mapwrap .cancel-attack{left:12px;bottom:125px;max-width:calc(100% - 190px);padding:9px 15px}
}
@media(max-width:450px){
  #app>header.battle-header{grid-template-columns:32px minmax(0,1fr) auto;padding-left:12px;padding-right:12px}
  .battle-header .chronicle-tool{width:28px;height:38px;background-size:28px 28px}
  .battle-header .system-button{background-size:28px 28px}
}
@media(prefers-reduced-motion:reduce){.turn-actions .turn-control{transition:none}}