/* Play credit card: black holographic look (31 Oct ticket-holo) + holographic emblem. Deliberately NOT a payment card: no number, dates, chip or network marks. */
.pw-pc{margin:10px 0}
.pw-pc-card{position:relative;width:min(320px,90%);aspect-ratio:1.4;margin:8px 0;border-radius:14px;padding:14px;box-sizing:border-box;cursor:pointer;
 overflow:hidden;isolation:isolate;
 background:linear-gradient(135deg,#050507 0%,#121218 45%,#08080b 100%);box-shadow:0 6px 18px rgba(0,0,0,.35),inset 0 0 0 1px rgba(212,175,55,.45);color:#f5f1e6;display:flex;flex-direction:column;justify-content:center}
.pw-pc-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.16;mix-blend-mode:screen;
 background:linear-gradient(115deg,transparent 20%,#ff7ad9 32%,#7af0ff 42%,#b6ff7a 52%,#ffe27a 62%,transparent 75%);background-size:300% 300%;background-position:0% 50%;
 animation:pw-pc-holo 6s ease-in-out infinite alternate}
@keyframes pw-pc-holo{from{background-position:0% 50%}to{background-position:100% 50%}}
.pw-pc-card:focus-visible{outline:3px solid #2a6df4;outline-offset:3px}
.pw-pc-face{font:900 clamp(22px,6vw,34px)/1 system-ui;letter-spacing:.06em;text-align:center;color:#f3d27a;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.pw-pc-not{text-align:center;font:800 12px/1.2 system-ui;letter-spacing:.08em;color:#f5f1e6;margin-top:6px}
.pw-pc-amt{text-align:center;font:600 14px system-ui;margin-top:8px}
.pw-pc-brand{position:absolute;left:14px;bottom:10px;font:700 12px system-ui;color:#e6dcc0}
.pw-pc-holo{position:absolute;right:14px;top:12px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:20px;color:#fff;
 background:conic-gradient(#ff7ad9,#7af0ff,#b6ff7a,#ffe27a,#ff7ad9);box-shadow:0 0 8px rgba(255,255,255,.8)}
.pw-pc-label{font-weight:600}
@keyframes pw-pc-drop{0%{transform:translateY(-120px) rotate(-25deg)}30%{transform:translateY(0) rotate(80deg)}45%{transform:translateY(-30px) rotate(170deg)}
 60%{transform:translateY(0) rotate(265deg)}72%{transform:translateY(-12px) rotate(330deg)}84%{transform:translateY(0) rotate(356deg)}92%{transform:translateY(-4px) rotate(360deg)}100%{transform:translateY(0) rotate(360deg)}}
@keyframes pw-pc-fade{from{opacity:.3}to{opacity:1}}
.pw-pc-drop{animation:pw-pc-drop 1.4s cubic-bezier(.3,.7,.4,1) both}
.pw-pc-fade{animation:pw-pc-fade .4s ease both}
@media (prefers-reduced-motion: reduce){.pw-pc-drop{animation:pw-pc-fade .4s ease both}.pw-pc-card::before{animation:none;background-position:50% 50%}}