/* Cosmetic edge-only fog: no filter or overlay is applied to the artwork itself. */
.trading-card.effect-mist,.battle-card.effect-mist{overflow:visible}
.effect-mist>.card-art,.effect-mist>.card-shine{border-radius:inherit}
.card-art-clip{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.battle-card>.card-art-clip{z-index:-2}
/* The mask leaves the entire face clear; only a narrow edge may overlap. */
.card-effect{position:absolute;inset:-8%;pointer-events:none;z-index:5;border-radius:inherit;isolation:isolate;contain:layout style;clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,8% 8%,8% 92%,92% 92%,92% 8%,8% 8%)}
.card-effect::before{content:"";position:absolute;inset:7%;border-radius:inherit;border:1px solid #c998ff88;box-shadow:0 0 7px #d3a2ff99,0 0 17px #7134bccc,inset 0 0 9px #a95ced55;animation:mist-heartbeat 4s ease-in-out infinite}
.mist-veil,.mist-wisps{position:absolute;inset:0;background:url('./shadow-mist.svg?v=3') center/100% 100% no-repeat;transform-origin:center;animation:mist-rise 7s ease-in-out infinite alternate}
.mist-veil{filter:blur(3px);opacity:.45;transform:scale(1.04)}
.mist-wisps{animation:mist-curl 5s ease-in-out -2s infinite alternate;opacity:.85}
.mist-sparks{position:absolute;inset:4%;background:radial-gradient(circle at 7% 22%,#efe0ff 0 1px,#b769ff99 2px,transparent 5px),radial-gradient(circle at 95% 65%,#efe0ff 0 1px,#b769ff99 2px,transparent 5px),radial-gradient(circle at 30% 96%,#e2c2ff 0 1px,transparent 4px),radial-gradient(circle at 73% 4%,#e2c2ff 0 1px,transparent 4px);filter:drop-shadow(0 0 4px #be7bff);animation:mist-embers 4s ease-in-out infinite}
@keyframes mist-rise{from{transform:translateY(1.5%) scale(1.04);opacity:.35}to{transform:translateY(-1.5%) scale(1.08);opacity:.6}}
@keyframes mist-curl{0%{transform:translate(-1%,1%) scaleX(1.02)}50%{transform:translate(1%,-1%) scaleX(.98)}100%{transform:translate(-.5%,-2%) scaleX(1.03)}}
@keyframes mist-heartbeat{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes mist-embers{0%,100%{transform:translateY(2%);opacity:.25}50%{transform:translateY(-3%);opacity:.85}}
.rune-inventory{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:13px}.rune-balance{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #bda7d0;border-radius:7px;background:#eee7f5;color:#49325e}.rune-balance strong{font-size:16px}.rune-icon{color:#8643b8;font-size:20px;text-shadow:0 0 9px #b071d855}
.effect-slot{margin:20px 0;padding:18px;border:1px solid #b7a5c9;border-radius:10px;background:linear-gradient(120deg,#f5f1f8,#eae4f0)}
.effect-slot h3{margin:0 0 8px}.effect-slot p{line-height:1.5}.effect-slot label{display:block;font-weight:700;margin:12px 0 6px}.effect-slot select{width:100%;padding:11px;border:1px solid #b7a5c9;border-radius:6px;background:#fff;color:#162330}.effect-slot .effect-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.effect-slot .muted{font-size:.85rem}.effect-preview-label{font-weight:700;color:#6b467f;margin-top:12px}.effect-slot button:disabled{opacity:.5;cursor:not-allowed}
.solo-art.effect-mist{position:relative;overflow:visible}.solo-art .card-effect{inset:-10%;padding:11%}.solo-art .mist-veil{filter:none}.solo-art .mist-sparks{display:none}
@media(prefers-reduced-motion:reduce){.card-effect::before,.card-effect *{animation:none}}
@media(min-width:601px){#card-detail-content>.detail-art{align-self:start;position:sticky;top:12px;margin-top:12px}}

.event-chat-progress{display:block;margin-top:12px;font-size:13px;font-weight:400;line-height:1.7}.event-chat-progress a{text-decoration:underline;text-underline-offset:3px}

/* Prisma surrounds the silhouette; the face and text remain unobscured. */
.trading-card.effect-prism,.battle-card.effect-prism,.solo-art.effect-prism{overflow:visible}
.solo-art.effect-prism{position:relative}
.effect-prism>.card-shine{border-radius:inherit}
/* Flowing spectral light around a clear centre; no fixed crystal graphics. */
.prism-effect{inset:-9.75%;clip-path:none;overflow:visible;--spectrum:conic-gradient(from 45deg,#54efff,#8064ff,#ff65db,#ffe99c,#63ffe2,#54efff)}
.prism-effect::before{inset:7.908%;border:1.5px solid #c4fbff;box-shadow:0 0 6px #fff,0 0 14.25px #59eaff,0 0 25.5px #925cffaa,inset 0 0 3.75px #e8fcff;border-radius:inherit;animation:prism-power 3.8s ease-in-out infinite}
.prism-effect::after{content:"";position:absolute;inset:2.372%;border-radius:14%;background:conic-gradient(from 0deg,transparent,#55eaffaa,transparent 22%,#ac70ffaa,transparent 48%,#ff7bc9aa,transparent 73%,#66fff4aa,transparent);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:6.326%;filter:blur(6.75px);animation:prism-power 4s ease-in-out -2s infinite;z-index:-1}
.prism-ring{position:absolute;inset:7.117%;border-radius:inherit;background:linear-gradient(125deg,#60f9ff,#9762ff,#ffc0e8,#fff2b0,#65ffff,#9762ff);background-size:350% 350%;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:2.25px;animation:prism-flow 5s linear infinite;box-shadow:0 0 10.5px #98c9ff}
.prism-shards{position:absolute;inset:3.163%;border-radius:inherit;padding:6.326%;background:linear-gradient(130deg,transparent 12%,#27efffcc 24%,#9255ff 33%,transparent 43%,transparent 57%,#ff55cf 68%,#74fff0cc 78%,transparent 90%);background-size:300% 300%;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;filter:blur(3.75px);animation:prism-liquid 4s ease-in-out infinite alternate}
.prism-stars{position:absolute;inset:6.326%;border-radius:inherit;padding:2.768%;background:linear-gradient(115deg,transparent 35%,#76efff 43%,#fff 46%,#f78cff 49%,transparent 55%);background-size:350% 350%;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;filter:drop-shadow(0 0 3px #c0eaff);animation:prism-flow 3.1s linear infinite reverse}
@keyframes prism-flow{0%{background-position:0% 0%}100%{background-position:100% 100%}}
@keyframes prism-liquid{0%{background-position:0% 15%;transform:scale(.98);opacity:.7}50%{opacity:1}100%{background-position:100% 85%;transform:scale(1.03);opacity:.8}}
@keyframes prism-power{0%,100%{opacity:.65}50%{opacity:1}}
@keyframes prism-drift{0%,100%{transform:translateY(1%) scale(.985)}50%{transform:translateY(-1%) scale(1.025)}}
@keyframes prism-sparkle{0%,100%{opacity:.35;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}
.rune-balance[data-rune="prism"]{background:linear-gradient(120deg,#dffaff,#ece3ff,#fff0e3);border-color:#a8addc;color:#364376}
.rune-balance[data-rune="prism"] .rune-icon{color:#526dc0;text-shadow:0 0 7px #51d5db}
@keyframes prism-pulse{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes prism-float{0%,100%{transform:translateY(1%) scale(.98)}50%{transform:translateY(-1%) scale(1.025)}}
@media(prefers-reduced-motion:reduce){.prism-effect::before,.prism-effect *{animation:none}}

.pawn.effect-prism{overflow:visible}

@media(prefers-reduced-motion:reduce){.prism-effect::after,.prism-effect::before,.prism-effect *{animation:none}}