/* Only the explicitly selected action buttons receive automatic shine. */
html body #app [data-fh-attention]{position:relative!important;isolation:isolate;overflow:hidden!important}
html body #app [data-fh-attention]::after{
 content:"";position:absolute;inset:-50% auto auto -50%;width:32%;height:200%;
 background:linear-gradient(90deg,transparent,rgba(255,255,232,.55),transparent);
 transform:translateX(0) skewX(-20deg);opacity:0;pointer-events:none;z-index:2;animation:none;
}
html body #app [data-fh-attention="pro"]::after{background:linear-gradient(90deg,transparent,rgba(255,225,157,.65),transparent)}
html body #app [data-fh-attention="pro"]{border-color:#d1ae58!important}
html body #app [data-fh-attention].fhAttentionShine::after{animation:fh-primary-shine .85s ease-in-out both}
@keyframes fh-primary-shine{
 0%{transform:translateX(0) skewX(-20deg);opacity:0}
 12%{opacity:.85}82%{opacity:.85}
 100%{transform:translateX(650%) skewX(-20deg);opacity:0}
}
/* One clear response to deliberate pointer/keyboard interaction in catalogues. */
@media(hover:hover) and (pointer:fine){
 html body a.replayCard.approvedMockupCard:hover,
 html body a.tank-catalog-card:hover,
 html body .fd-replay-card:hover,
 html body a.replay-card.recorded-battle:hover{box-shadow:0 0 0 1px #b7d47799,0 0 19px #aaca4726!important}
 html body a.replayCard.approvedMockupCard:hover .cardFootActions>b,
 html body a.tank-catalog-card:hover .catalog-open{color:#e0f3b5!important;text-shadow:0 0 9px #bfdc7670}
}
html body a.replayCard.approvedMockupCard:focus-visible,
html body a.tank-catalog-card:focus-visible,
html body a.replay-card.recorded-battle:focus-visible{outline:2px solid #bed47c!important;outline-offset:3px}
html body .fd-replay-card:focus-within{box-shadow:0 0 0 1px #b7d47799,0 0 19px #aaca4726!important}
@media(prefers-reduced-motion:reduce){html body [data-fh-attention]::after{content:none!important;animation:none!important}}