/* Living card motion: Play pill under the profile card, clip drawn over the static card. */
.player-card-visual:has(>.card-motion-play){grid-template-rows:auto auto;row-gap:6px;align-content:center}
.card-motion-play{display:inline-grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:5px;min-height:22px;min-width:76px;padding:0 10px 0 16px;border:1px solid rgba(255,255,255,.85);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font:700 12px/1.2 Anuphan,sans-serif;cursor:pointer;transition:background .18s,border-color .18s}
.card-motion-play:hover,.card-motion-play[aria-pressed="true"]{background:rgba(255,255,255,.16);border-color:#fff}
.card-motion-play svg{justify-self:end;width:10px;height:10px;fill:#ff4d4d}
.card-motion-canvas{position:absolute;z-index:4;pointer-events:none;opacity:1;transition:opacity .3s ease}
.card-motion-canvas.is-leaving{opacity:0}
.card-motion-source{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ps-card-overlay>img{transition:opacity .3s ease}
.ps-card-overlay.is-motion-playing>img{opacity:0}
.ps-card-overlay.is-motion-playing::after,.ps-card-overlay.is-motion-playing::before{animation:none!important;opacity:0!important}
.ps-card-overlay.is-motion-playing>:not(img):not(.card-motion-canvas):not(.card-motion-source){visibility:hidden}