/* All movement belongs to portrait children; carousel hit targets stay fixed. */
.coin-arena-card[data-arena-piece]{background:linear-gradient(155deg,var(--arena-wash),var(--arena-ink));border-color:var(--arena-accent);isolation:isolate}
.coin-arena-card[data-arena-piece] .arena-card-sky{background-image:linear-gradient(150deg,color-mix(in srgb,var(--arena-wash) 25%,transparent),color-mix(in srgb,var(--arena-ink) 55%,transparent)),url('/assets/sky-kingdom-v2.png');background-size:cover;background-position:center;opacity:.64}
.coin-arena-card[data-arena-piece] .arena-card-heading small{color:var(--arena-accent);text-shadow:0 1px 5px #071b3b}
.coin-arena-card[data-arena-piece].selected{box-shadow:0 0 0 2px #e8f7ff45,0 14px 35px #071b4e77,0 0 30px color-mix(in srgb,var(--arena-accent) 25%,transparent)}
.arena-card-crest.tier-portrait{filter:none;overflow:visible;pointer-events:none}.arena-card-crest.tier-portrait:before{display:none}
.arena-artwork{position:relative;display:block;width:100%;height:100%;perspective:600px;isolation:isolate}
.arena-art-halo{position:absolute;inset:0 -18%;border-radius:50%;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--arena-accent) 55%,transparent),transparent 69%);animation:arena-halo 4s ease-in-out infinite}
.arena-art-orbit{position:absolute;left:3%;right:3%;bottom:0;height:25%;border:2px solid var(--arena-accent);border-radius:50%;box-shadow:0 0 15px color-mix(in srgb,var(--arena-accent) 45%,transparent);opacity:.55;animation:arena-orbit 3.8s ease-in-out infinite}
.arena-art-pedestal{position:absolute;left:10%;right:10%;bottom:1%;height:17%;border:1px solid #ffffff7d;border-radius:50%;background:linear-gradient(180deg,#e3eeff90,var(--arena-wash) 40%,var(--arena-ink) 60%);box-shadow:0 5px 0 var(--arena-ink),0 10px 16px #05142c66}
.arena-art-character{position:absolute;inset:0 0 5%;display:block;transform-origin:50% 94%;filter:drop-shadow(0 7px 5px #07142c77);will-change:transform}
.arena-art-character>.piece{display:block;width:100%;height:100%;transition:filter .25s,scale .25s;transform-origin:50% 90%}
.coin-arena-card:hover .arena-art-character>.piece,.coin-arena-card:focus-visible .arena-art-character>.piece{filter:brightness(1.12);scale:1.05}
.arena-art-rune{position:absolute;left:-10%;top:0;width:120%;height:100%;stroke:var(--arena-accent);stroke-width:1.4;opacity:0;animation:arena-rune 15s linear infinite}
.arena-art-particles{position:absolute;inset:-5% -8%}.arena-art-particles>i{position:absolute;left:calc(8% + var(--spark-index)*16%);bottom:calc(3% + var(--spark-index)*4%);width:5px;height:5px;border-radius:50%;background:var(--arena-accent);box-shadow:0 0 9px var(--arena-accent);animation:arena-mote 3.6s ease-in-out infinite;animation-delay:calc(var(--spark-index)*-.57s)}
.arena-art-lightning{display:none;position:absolute;inset:0}.arena-art-lightning>i{position:absolute;top:9%;left:0;width:23%;height:58%;background:linear-gradient(#edffff,var(--arena-accent));clip-path:polygon(62% 0,10% 53%,47% 53%,30% 100%,100% 35%,62% 35%);animation:arena-flash 3.2s ease-out infinite}.arena-art-lightning>i+i{left:auto;right:0;top:18%;scale:-.8 .8;animation-delay:.25s}
.portrait-pawn .arena-art-character{animation:arena-pawn 3.5s ease-in-out infinite}.portrait-pawn .arena-art-orbit{border-style:dashed}
.portrait-knight .arena-art-character{animation:arena-knight 2.9s ease-in-out infinite}.portrait-knight .arena-art-particles>i{width:3px;height:10px;border-radius:1px;animation-duration:2.2s}
.portrait-bishop .arena-art-character{animation:arena-bishop 4.8s ease-in-out infinite}.portrait-bishop .arena-art-rune{opacity:.45}
.portrait-rook .arena-art-character{animation:arena-rook 4.6s ease-in-out infinite}.portrait-rook .arena-art-orbit{border-radius:18%;border-width:3px}.portrait-rook .arena-art-particles>i{border-radius:1px;rotate:45deg}
.portrait-kid .arena-art-character{animation:arena-kid 2.8s ease-in-out infinite}.portrait-kid .arena-art-lightning{display:block}
.portrait-queen .arena-art-character{animation:arena-queen 5.2s ease-in-out infinite}.portrait-queen .arena-art-rune{opacity:.25;animation-direction:reverse}.portrait-queen .arena-art-particles>i{width:9px;height:9px;clip-path:polygon(50% 0,62% 36%,100% 50%,62% 62%,50% 100%,36% 62%,0 50%,36% 36%)}
.portrait-king .arena-art-character{animation:arena-king 5.6s ease-in-out infinite}.portrait-king .arena-art-rune{opacity:.35}.portrait-king .arena-art-orbit{border-width:3px;box-shadow:0 0 22px #ffdf9177}
.coin-arena-card:not(.selected) .arena-artwork *{animation-play-state:paused}
@keyframes arena-pawn{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-4px) rotate(1.5deg)}}
@keyframes arena-knight{0%,100%{transform:translateY(0) rotate(-2deg)}30%{transform:translateY(-9px) rotate(3deg)}60%{transform:translateY(-2px) rotate(-2deg)}}
@keyframes arena-bishop{0%,100%{transform:translateY(-2px) rotate(-1deg)}50%{transform:translateY(-11px) rotate(1.5deg)}}
@keyframes arena-rook{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(-3px) scale(1.025,.99)}70%{transform:translateY(0) scale(.99,1.015)}}
@keyframes arena-kid{0%,100%{transform:translateY(0) rotate(-3deg)}45%{transform:translateY(-12px) rotate(4deg)}70%{transform:translateY(-4px) rotate(0)}}
@keyframes arena-queen{0%,100%{transform:translateY(-2px) rotate(-1.5deg) scale(1)}50%{transform:translateY(-9px) rotate(2deg) scale(1.035)}}
@keyframes arena-king{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-6px) rotate(-1deg) scale(1.04)}75%{transform:translateY(-3px) rotate(1deg) scale(1.02)}}
@keyframes arena-halo{0%,100%{opacity:.55;scale:.92}50%{opacity:.95;scale:1.08}}
@keyframes arena-orbit{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:.7;transform:scale(1.05)}}
@keyframes arena-rune{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes arena-mote{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:.85}80%{opacity:.65}100%{opacity:0;transform:translateY(-58px) scale(.2)}}
@keyframes arena-flash{0%,67%,100%{opacity:0;transform:scale(.7)}72%,80%{opacity:.85;transform:scale(1)}76%,85%{opacity:.1}}
@media(prefers-reduced-motion:reduce){.arena-artwork *{animation:none!important;transition:none!important;transform:none!important;scale:1!important;will-change:auto}.arena-art-particles,.arena-art-lightning{display:none}}
body.reduced .arena-artwork *{animation:none!important;transition:none!important;transform:none!important;scale:1!important;will-change:auto}body.reduced .arena-art-particles,body.reduced .arena-art-lightning{display:none}
