/* Battle-local history, bounded by the same formation area as the portraits. */
body[data-pacing=focused] .battle-action-ribbon{display:none!important}
#battleArena>.arena-playback{width:96px!important;max-width:96px!important;overflow:visible}
#battleArena>.arena-playback:has(#battlePause[aria-pressed=true])::after{display:none!important}
#battleArena .battle-lineups{top:50px!important;bottom:48px!important;grid-template-rows:minmax(0,1fr) 52px minmax(0,1fr)!important;min-width:0!important}
#battleArena .battle-lineup-divider{position:relative!important;min-width:0!important;overflow:visible!important}
#battleArena #actionReceipt{position:absolute!important;inset:0 4px!important;width:auto!important;max-width:calc(100% - 8px)!important;min-width:0!important;height:52px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;padding:5px 10px!important;z-index:15;text-align:center;border:0!important;border-block:1px solid #bba36b44!important;border-radius:4px;background:linear-gradient(90deg,#10222b22,#10222bf2 12%,#10222bf2 88%,#10222b22);color:#f4dfb4;pointer-events:none;animation:receipt-fade254c 2.5s ease both;overflow:hidden!important;transform:none!important}
#battleArena #actionReceipt strong{font:13px/1.2 Georgia!important;color:#f5dfb1!important;display:block!important;white-space:normal!important}
#battleArena #actionReceipt>span{position:static!important;inset:auto!important;display:block!important;width:auto!important;max-width:100%!important;font:11px/1.3 system-ui!important;letter-spacing:0!important;color:#deece3!important;white-space:normal!important;overflow-wrap:anywhere!important;transform:none!important}
#actionReceipt[data-paused=true]{animation-play-state:paused!important}
@keyframes receipt-fade254c{0%,75%{opacity:1}100%{opacity:0}}
#battleArena #battleHistory{position:absolute!important;left:16px!important;right:308px!important;bottom:4px!important;top:auto!important;width:auto!important;max-width:none!important;height:40px!important;box-sizing:border-box!important;z-index:25;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:2px 6px!important;background:linear-gradient(90deg,transparent,#10222bea 20%,#10222bea 80%,transparent);color:#ead6ac;border:0!important;transform:none!important}
#battleArena #battleHistory[hidden]{display:none!important}
#battleArena #battleHistory button{flex:0 0 auto!important;width:40px!important;height:36px!important;min-height:36px!important;padding:0!important;box-sizing:border-box!important;border:1px solid #b49a6555!important;border-radius:5px!important;background:#1c333c!important;color:#f8e4bb!important;font:17px Georgia!important;touch-action:manipulation;cursor:pointer}
#battleArena #battleHistory [data-replay-live]{width:62px!important;font-size:12px!important}
#battleArena #battleHistory button:disabled{opacity:.35;cursor:default}
#battleArena #replayPosition{position:static!important;width:auto!important;min-width:0!important;max-width:190px!important;flex:0 1 190px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font:11px/1.2 system-ui!important;text-align:center!important;color:#d7dfd4!important;transform:none!important}
#battleArena[data-reviewing=true] .arena-creature{animation:none!important;transition:none!important;cursor:default!important}
#battleArena[data-reviewing=true] .history-source{filter:drop-shadow(0 0 7px #f3d089)!important}
#battleArena[data-reviewing=true] .history-target{outline:1px solid #9ddbe1;outline-offset:3px;border-radius:8px}
#battleArena[data-reviewing=true] .portrait-status-layer{display:none!important}
@media(prefers-reduced-motion:reduce){#actionReceipt{animation:none!important}}
/* Relic layouts also own these rules in the baseline: override that specificity. */
#battleArena[data-has-relics] .battle-lineups{top:14px!important;bottom:46px!important;grid-template-rows:minmax(0,1fr) 52px minmax(0,1fr)!important}
#battleArena[data-has-relics] .battle-lineups .arena-team{gap:3px!important}
#battleArena .battle-lineup-divider>span{display:none!important}
#battleArena{overflow:clip!important}
#battleArena #actionReceipt>span{background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
#battleResultOverlay.history-hidden{display:none!important}
#battleArena #battleHistory [data-replay-results]{width:66px!important;font-size:12px!important}
#battleArena #battleHistory [data-replay-results][hidden]{display:none!important}
#battleArena #battleHistory button:focus-visible{outline:2px solid #f8db97;outline-offset:1px}
@media(max-height:450px){
#battleArena>.arena-playback{width:116px!important;max-width:116px!important}
#battleArena>.arena-playback button,#battleArena>.arena-playback button[aria-pressed=true]{flex-basis:56px!important;width:56px!important;height:56px!important;min-height:56px!important}
#battleArena[data-has-relics] .battle-lineups{bottom:64px!important;grid-template-rows:minmax(0,1fr) 58px minmax(0,1fr)!important}
#battleArena .battle-lineups .arena-front{height:82px!important;min-height:82px!important;max-height:82px!important;flex-basis:82px!important}
#battleArena .battle-lineups .arena-reserves{height:60px!important;min-height:60px!important;max-height:60px!important;flex-basis:60px!important}
#battleArena .battle-lineups .arena-front .arena-creature{height:82px!important;grid-template-rows:58px 12px 12px!important}
#battleArena .battle-lineups .arena-front .creature-sigil{width:58px!important;height:58px!important}
#battleArena #actionReceipt{height:58px!important}
#battleArena #actionReceipt strong{font-size:16px!important}
#battleArena #actionReceipt>span{font-size:14px!important}
#battleArena #battleHistory{height:58px!important}
#battleArena #battleHistory button{width:54px!important;height:54px!important;min-height:54px!important}
#battleArena #replayPosition{font-size:14px!important}
}

/* The result backdrop is a separate sibling of the result panel. Remove both
   the blur and its input shield only while reviewing the battlefield. */
#battleArena[data-reviewing=true] > #battleResultBackdrop{display:none!important;pointer-events:none!important}