.hand-card:not(.selected) {
 animation:hand-living 6s ease-in-out infinite;
 animation-delay:calc(var(--hand-clock,0s) + var(--drift-delay,0s));
}
.hand-card:nth-child(2n) {--drift-delay:-1.8s}
.hand-card:nth-child(3n) {--drift-delay:-3.7s}
.hand-card:nth-child(4n) {--drift-delay:-.7s}
.hand-card:hover,.hand-card:focus-visible,.hand-card.selected {
 animation:none;translate:0 0;rotate:0deg;
}
body.dragging-cards .hand-card {animation-play-state:paused}
.threat-wrap {animation:enemy-living 6s ease-in-out infinite;animation-delay:var(--hand-clock,0s)}
.deck-stack {animation:deck-living 6s ease-in-out infinite;animation-delay:var(--hand-clock,0s)}
.drag-follower {border:2px solid #e6c58a;object-fit:fill}
.drop-active .event-panel {outline:3px dashed #aacd8a;outline-offset:4px}
.drop-hover .event-panel {outline-style:solid}
.resource-choice {display:flex;align-items:center;gap:7px;min-height:48px}
.resource-choice .symbol {width:28px;height:28px}
.combat-slash {position:fixed;width:190px;height:14px;background:#fff2ca;clip-path:polygon(0 55%,16% 12%,85% 36%,100% 50%,72% 77%,10% 84%);border-top:3px solid #bf5940;filter:drop-shadow(0 2px 2px #2d1e1470);transform-origin:50% 50%}
.combat-arrow {position:fixed;width:130px;height:25px;object-fit:contain;filter:drop-shadow(2px 3px 1px #23170c70)}
.combat-ring {position:fixed;width:140px;height:140px;border:5px double #80c5dd;border-radius:50%;box-shadow:0 0 0 10px #80c5dd15,inset 0 0 0 14px #80c5dd15}
.combat-ring::before,.combat-ring::after {content:'';position:absolute;inset:19px;border:3px dashed currentColor;transform:rotate(25deg);color:#c2e6ed;border-radius:25%}
.combat-ring::after {inset:38px;transform:rotate(-20deg);border-style:solid}
.combat-ring.heal {border-color:#c0d792;box-shadow:0 0 0 10px #c0d79220;color:#d9e7a7}
.combat-ring.shield {border-color:#efcc6e;box-shadow:0 0 0 10px #efcc6e20;color:#ffe2a0}
.combat-ring.jump {border-color:#ba93ce;box-shadow:0 0 0 10px #ba93ce20;color:#dfc0e9}
.combat-token {position:fixed;width:30px;height:30px;object-fit:contain}
@keyframes hand-living {0%,100%{translate:0 0;rotate:-.35deg}30%{translate:1px -4px;rotate:.45deg}65%{translate:-1px -2px;rotate:-.2deg}}
@keyframes enemy-living {0%,100%{translate:0 0;rotate:-.35deg}50%{translate:0 -5px;rotate:.45deg}}
@keyframes deck-living {0%,100%{translate:0 0}50%{translate:0 -3px}}
@media(max-width:720px){.resource-choice{padding:6px 10px;font-size:.85rem}.combat-slash{width:150px}.combat-ring{width:120px;height:120px}}
@media(prefers-reduced-motion:reduce){.hand-card,.threat-wrap,.deck-stack{animation:none!important;translate:0 0!important;rotate:0deg!important}.combat-slash,.combat-arrow,.combat-ring,.combat-token{display:none!important}}
body.calm .hand-card,body.calm .threat-wrap,body.calm .deck-stack{animation:none!important;translate:0 0!important;rotate:0deg!important}