.technique-card{--acc-soft: color-mix(in srgb, var(--acc) 20%, transparent);--acc-line: color-mix(in srgb, var(--acc) 32%, transparent);--acc-edge: color-mix(in srgb, var(--acc) 50%, transparent);perspective:1100px}.technique-card.is-dealt{animation:technique-deal .6s cubic-bezier(.16,1,.3,1) both}.technique-card__inner{position:relative;display:grid;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.16,1,.3,1)}.technique-card__face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden}.technique-card__back,.technique-card[data-flipped=true] .technique-card__inner{transform:rotateY(180deg)}.technique-card__icon{animation:technique-float 3.2s ease-in-out infinite}.technique-deck.is-pending .technique-card{opacity:0}@keyframes technique-deal{0%{opacity:0;transform:translateY(40px) rotate(-6deg) scale(.9)}to{opacity:1;transform:none}}@keyframes technique-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.technique-card__inner{transition:none}.technique-card.is-dealt,.technique-card__icon{animation:none}.technique-card[data-flipped=true] .technique-card__inner,.technique-card__back{transform:none}.technique-card[data-flipped=true] .technique-card__face:not(.technique-card__back),.technique-card:not([data-flipped=true]) .technique-card__back{visibility:hidden}}