.clanova-hero-v2{position:relative;width:min(330px,88vw);height:500px;margin:0 auto;overflow:visible;user-select:none}.clanova-hero-v2 .hero-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.hero-shadow{position:absolute;left:50%;bottom:16px;width:210px;height:34px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.76),rgba(0,0,0,.20),transparent 72%);filter:blur(2px);z-index:0}.layer-aura{z-index:1;animation:v2Aura 2.8s ease-in-out infinite}.layer-cape{z-index:2;transform-origin:50% 22%;animation:v2Cape 2.1s ease-in-out infinite}.layer-body{z-index:3;animation:v2Idle 2.6s ease-in-out infinite}.layer-armor{z-index:4;animation:v2Idle 2.6s ease-in-out infinite}.layer-boots{z-index:5;animation:v2Idle 2.6s ease-in-out infinite}.layer-shield{z-index:7;animation:v2Shield 2.6s ease-in-out infinite}.layer-weapon{z-index:8;transform-origin:70% 80%;animation:v2Weapon 2.6s ease-in-out infinite}.layer-helmet{z-index:9;animation:v2Idle 2.6s ease-in-out infinite}@keyframes v2Idle{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.01)}}@keyframes v2Cape{0%,100%{transform:translateY(0) skewX(0deg) scale(1)}50%{transform:translateY(-4px) skewX(-3deg) scale(1.01)}}@keyframes v2Weapon{0%,100%{transform:translateY(0) rotate(0deg);filter:drop-shadow(0 0 5px rgba(255,211,107,.25))}50%{transform:translateY(-7px) rotate(2deg);filter:drop-shadow(0 0 14px rgba(255,211,107,.65))}}@keyframes v2Shield{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(-1deg)}}@keyframes v2Aura{0%,100%{opacity:.68;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}.hero-v2-card{border:2px solid #d4a63c;border-radius:24px;padding:14px 12px 18px;background:radial-gradient(circle at 50% 8%,rgba(255,211,107,.16),transparent 26%),linear-gradient(180deg,rgba(11,14,21,.97),rgba(2,3,7,.98));box-shadow:0 16px 32px rgba(0,0,0,.66),inset 0 0 0 1px rgba(255,255,255,.04);overflow:hidden}.hero-v2-title{text-align:center;color:#ffd36b;font-size:32px;font-weight:900;text-shadow:0 3px 6px #000;margin-bottom:4px;font-family:Georgia,"Times New Roman",serif}.hero-v2-subtitle{text-align:center;color:#fff0c4;font-family:Arial,sans-serif;font-size:15px;font-weight:900;margin-bottom:8px}.hero-v2-stage{position:relative;border:1px solid rgba(212,166,60,.35);border-radius:22px;background:radial-gradient(ellipse at 50% 60%,rgba(255,120,45,.16),transparent 45%),rgba(0,0,0,.22);overflow:hidden;padding-top:8px}.hero-v2-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}.hero-v2-stat{border:1px solid rgba(212,166,60,.42);border-radius:13px;padding:9px 6px;background:rgba(0,0,0,.26);color:#ffe3a3;text-align:center;font-family:Arial,sans-serif}.hero-v2-stat b{display:block;color:#fff;font-size:18px}.hero-v2-stat span{display:block;color:#ffd36b;font-size:10px;font-weight:900;margin-top:3px;text-transform:uppercase}


/* V16_ATTACK_ANIMATION */
.clanova-hero-v2.attack .layer-body,
.clanova-hero-v2.attack .layer-armor,
.clanova-hero-v2.attack .layer-boots,
.clanova-hero-v2.attack .layer-helmet{animation:v2AttackBody .75s ease-in-out 1!important}
.clanova-hero-v2.attack .layer-weapon{animation:v2AttackWeapon .75s ease-in-out 1!important}
.clanova-hero-v2.attack .layer-shield{animation:v2AttackShield .75s ease-in-out 1!important}
.clanova-hero-v2.attack .layer-cape{animation:v2AttackCape .75s ease-in-out 1!important}
.clanova-hero-v2.attack:after{
  content:"";position:absolute;right:42px;top:180px;width:150px;height:92px;z-index:12;
  background:radial-gradient(ellipse at 40% 50%,rgba(255,255,255,.95),rgba(255,211,107,.78) 28%,rgba(255,80,35,.38) 58%,transparent 72%);
  clip-path:polygon(0 45%,70% 0,55% 38%,100% 50%,55% 62%,70% 100%);
  opacity:0;animation:v2Slash .75s ease-out 1;pointer-events:none}
@keyframes v2AttackBody{0%{transform:translateY(0) translateX(0) scale(1)}28%{transform:translateY(-4px) translateX(-8px) scale(1.01)}55%{transform:translateY(-8px) translateX(18px) scale(1.035)}100%{transform:translateY(0) translateX(0) scale(1)}}
@keyframes v2AttackWeapon{0%{transform:translateY(0) rotate(0deg);filter:drop-shadow(0 0 5px rgba(255,211,107,.25))}25%{transform:translateY(-12px) translateX(-16px) rotate(-18deg)}52%{transform:translateY(-4px) translateX(46px) rotate(28deg);filter:drop-shadow(0 0 22px rgba(255,211,107,.95))}100%{transform:translateY(0) rotate(0deg);filter:drop-shadow(0 0 5px rgba(255,211,107,.25))}}
@keyframes v2AttackShield{0%{transform:translateY(0) rotate(0deg)}35%{transform:translateY(-4px) translateX(-12px) rotate(-8deg)}60%{transform:translateY(-7px) translateX(10px) rotate(4deg)}100%{transform:translateY(0) rotate(0deg)}}
@keyframes v2AttackCape{0%{transform:translateY(0) skewX(0deg) scale(1)}30%{transform:translateY(-4px) skewX(8deg) scale(1.02)}60%{transform:translateY(-6px) skewX(-10deg) scale(1.03)}100%{transform:translateY(0) skewX(0deg) scale(1)}}
@keyframes v2Slash{0%{opacity:0;transform:scale(.55) rotate(-18deg) translateX(-35px)}30%{opacity:1}58%{opacity:.92;transform:scale(1.12) rotate(8deg) translateX(28px)}100%{opacity:0;transform:scale(1.35) rotate(16deg) translateX(58px)}}
.hero-v2-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.hero-v2-action-btn{height:46px;border:2px solid #d4a63c;border-radius:12px;background:linear-gradient(180deg,#173a6c,#0d2446);color:#ffe3a3;font-family:Georgia,"Times New Roman",serif;font-size:18px;font-weight:900}
.hero-v2-action-btn.attack-btn{background:linear-gradient(180deg,#8d1d1d,#3c0808)}