.character-card{transition:transform .32s ease,border-color .3s,box-shadow .3s;isolation:isolate}
.character-card img{transition:transform .5s cubic-bezier(.2,.65,.3,1),filter .4s}
.character-card:hover,.character-card:focus-visible{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 14px 35px #0005,0 0 0 1px #d9b57618}
.character-card:hover img{transform:scale(1.055) translateY(-4px);filter:drop-shadow(0 0 15px #d7c08228)}
.character-card:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffff0b 48%,transparent 65%);transform:translateX(-110%);transition:transform .65s;z-index:3;pointer-events:none}
.character-card:hover:before{transform:translateX(110%)}
.item-card{transition:transform .25s,border-color .25s,background .25s}
.item-card img{transition:transform .3s;filter:drop-shadow(0 3px 5px #0005)}
.item-card img{width:84px;height:84px}
.v3 .item-card img{width:72px;height:72px}
.item-card:hover{transform:translateY(-3px);border-color:#d9b57670;background:#15273ded}
.item-card:hover img{transform:scale(1.1)}
.cta{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#efd09a,#c99a53);box-shadow:0 5px 18px #ce9e4926;transition:transform .25s,box-shadow .25s,filter .25s}
.cta:before{content:'';position:absolute;top:0;bottom:0;width:45%;left:-60%;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:skewX(-20deg);animation:buttonGleam 6s ease-in-out infinite;pointer-events:none}
.cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d4a95d48;filter:brightness(1.08)}
.cta:active{transform:translateY(0)}
@keyframes buttonGleam{0%,70%{left:-60%}90%,100%{left:145%}}
.hero-art img:first-child{left:-4%;bottom:0;width:66%;height:430px;z-index:1}
.hero-art img:last-child{right:-5%;bottom:12px;width:63%;height:455px;z-index:2}
.hero-art img{animation:characterArrival .8s ease-out both}
.hero-art img:last-child{animation-delay:.12s}
@keyframes characterArrival{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.character-copy small{font-size:11px}
.hero .intro{max-width:430px;font-size:16px}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:850px){.hero-art img:first-child{height:320px}.hero-art img:last-child{height:340px;bottom:0}}