:root {
    --color-1: #226ED7;
    --color-2: #E041FB;
    --color-3: #130F26;
    --color-4: #42FBFC;
    --color-5: #FDD4FD;
    --v21-bg: var(--color-3);
    --v21-panel: #12101c;
    --v21-panel-2: #181323;
    --v21-line: rgba(255, 255, 255, .11);
    --v21-text: #f3eff8;
    --v21-muted: #afa6bc;
    --v21-purple: var(--color-2);
    --v21-purple-soft: var(--color-5);
    --v21-green: #73e5a7;
    --v21-red: #e1808b;
    /* A teljes oldal együtt lélegzik a viewporttal: nagy kijelzőn sincs
       1180px-re szűkített, középre zárt tartalomoszlop. */
    --v21-page-gutter: clamp(21px, 3vw, 72px);
}

.v21-fear-showcase { margin:28px 0; padding:28px; border:1px solid rgba(255,142,42,.28); border-radius:20px; background:radial-gradient(circle at 12% 0,rgba(255,111,24,.12),transparent 35%),#0d0912; }
.v21-fear-showcase > header small { color:#ff9a35; font-weight:900; letter-spacing:.16em; }.v21-fear-showcase > header h3{margin:6px 0 8px;font-size:clamp(24px,3vw,42px)}.v21-fear-showcase > header p{max-width:850px;color:#c9bfd1;line-height:1.65}
.v21-fear-skin-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(185px,1fr)); gap:12px; margin-top:22px; }
.v21-fear-skin-card { position:relative; min-height:210px; padding:16px; overflow:hidden; border:1px solid color-mix(in srgb,var(--fear-accent),transparent 55%); border-radius:16px; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(21,7,18,.88)); text-align:center; box-shadow:inset 0 0 24px color-mix(in srgb,var(--fear-accent),transparent 88%); }
.v21-fear-skin-card > span { position:absolute; top:12px; left:14px; color:var(--fear-accent); font:900 11px/1 system-ui; }.v21-fear-skin-card img{width:112px;height:112px;margin-inline:auto;object-fit:contain;filter:drop-shadow(0 0 13px var(--fear-accent));}.v21-fear-skin-card small{color:var(--fear-accent);font-weight:900;letter-spacing:.12em}.v21-fear-skin-card h4{margin:5px 0 2px;font-size:17px}.v21-fear-skin-card p{margin:0;color:#a99fb2;font-size:13px}

.v21-battery-showcase{margin:28px 0;padding:28px;border:1px solid rgba(79,211,255,.3);border-radius:20px;background:radial-gradient(circle at 12% 0,rgba(35,190,255,.14),transparent 38%),#080d17}
.v21-battery-showcase>header small{color:#70dcff;font-weight:900;letter-spacing:.16em}.v21-battery-showcase>header h3{margin:6px 0 8px;font-size:clamp(24px,3vw,42px)}.v21-battery-showcase>header p{max-width:900px;color:#c4c9d8;line-height:1.65}
.v21-battery-skin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:22px}
.v21-battery-skin-card{position:relative;min-height:330px;padding:16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--battery-a),transparent 52%);border-radius:16px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--battery-a),transparent 80%),transparent 55%),rgba(255,255,255,.025);text-align:center;box-shadow:inset 0 0 26px color-mix(in srgb,var(--battery-b),transparent 90%)}
.v21-battery-skin-card>span{position:absolute;top:12px;left:14px;color:var(--battery-a);font:900 11px/1 system-ui}.v21-battery-skin-card>img{width:150px;height:238px;margin-inline:auto;object-fit:contain;filter:drop-shadow(0 0 10px var(--battery-a)) drop-shadow(0 0 18px color-mix(in srgb,var(--battery-b),transparent 35%));animation:v21BatteryFloat 2.5s ease-in-out infinite alternate}.v21-battery-skin-card small{color:var(--battery-b);font-weight:900;letter-spacing:.12em}.v21-battery-skin-card h4{margin:5px 0 2px;font-size:16px}.v21-battery-skin-card p{margin:0;color:#a9afbf;font-size:12px}
@keyframes v21BatteryFloat{to{transform:translateY(-5px);filter:drop-shadow(0 0 15px var(--battery-a)) drop-shadow(0 0 26px var(--battery-c)) brightness(1.12)}}

/* Kitty skinfüggő Feltöltöttség-ikonjai: lebegő ikon + elektromos ívek */
.v21-charge-showcase{margin:28px 0;padding:28px;border:1px solid rgba(120,225,255,.3);border-radius:20px;background:radial-gradient(circle at 88% 0,rgba(120,225,255,.13),transparent 42%),#080f18}
.v21-charge-showcase>header small{color:#8fe6ff;font-weight:900;letter-spacing:.16em}.v21-charge-showcase>header h3{margin:6px 0 8px;font-size:clamp(24px,3vw,42px)}.v21-charge-showcase>header p{max-width:900px;color:#c4c9d8;line-height:1.65}
.v21-charge-skin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:22px}
.v21-charge-skin-card{position:relative;min-height:250px;padding:16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--charge-a),transparent 52%);border-radius:16px;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--charge-a),transparent 82%),transparent 58%),rgba(255,255,255,.025);text-align:center;box-shadow:inset 0 0 26px color-mix(in srgb,var(--charge-b),transparent 90%)}
.v21-charge-skin-card>span{position:absolute;top:12px;left:14px;color:var(--charge-a);font:900 11px/1 system-ui}
.v21-charge-icon-stage{position:relative;display:grid;place-items:center;height:150px;margin-bottom:6px}
.v21-charge-icon-stage img{width:132px;height:132px;object-fit:contain;filter:drop-shadow(0 0 10px var(--charge-a)) drop-shadow(0 0 20px color-mix(in srgb,var(--charge-c),transparent 40%));animation:v21ChargeIconFloat 2.8s ease-in-out infinite alternate}
.v21-charge-arc{position:absolute;inset:12%;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--charge-b),transparent 25%);opacity:0;animation:v21ChargeArc 2.2s ease-out infinite}
.v21-charge-arc:nth-of-type(2){animation-delay:1.1s;border-color:color-mix(in srgb,var(--charge-a),transparent 25%)}
.v21-charge-skin-card small{color:var(--charge-b);font-weight:900;letter-spacing:.12em}.v21-charge-skin-card h4{margin:5px 0 2px;font-size:16px}.v21-charge-skin-card p{margin:0;color:#a9afbf;font-size:12px}
@keyframes v21ChargeIconFloat{to{transform:translateY(-6px) rotate(1.5deg);filter:drop-shadow(0 0 16px var(--charge-a)) drop-shadow(0 0 28px var(--charge-c)) brightness(1.14)}}
@keyframes v21ChargeArc{0%{opacity:0;transform:scale(.72)}22%{opacity:.85}100%{opacity:0;transform:scale(1.28)}}
@media (prefers-reduced-motion:reduce){.v21-charge-icon-stage img,.v21-charge-arc{animation:none}.v21-charge-arc{opacity:.25}}
/* Valtiel skinfüggő préda-kerete és Vérpecsét-ikonja: a keret, benne a démonszem,
   a jobb alsó sarokban a három rovásírásos pecsét-pötty (ugyanaz a felépítés,
   mint a hőskártyán – lásd .valtiel-prey-frame, css/battlev3.css). */
.v21-prey-showcase{margin:28px 0;padding:28px;border:1px solid rgba(255,108,88,.32);border-radius:20px;background:radial-gradient(circle at 88% 0,rgba(210,31,44,.16),transparent 44%),#140508}
.v21-prey-showcase>header small{color:#ff9b7a;font-weight:900;letter-spacing:.16em}.v21-prey-showcase>header h3{margin:6px 0 8px;font-size:clamp(24px,3vw,42px)}.v21-prey-showcase>header p{max-width:900px;color:#d8c6c0;line-height:1.65}
.v21-prey-skin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:22px}
.v21-prey-skin-card{position:relative;min-height:300px;padding:16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--prey-a),transparent 50%);border-radius:16px;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--prey-a),transparent 80%),transparent 58%),rgba(255,255,255,.025);text-align:center;box-shadow:inset 0 0 28px color-mix(in srgb,var(--prey-a),transparent 88%)}
.v21-prey-skin-card>span{position:absolute;top:12px;left:14px;color:var(--prey-b);font:900 11px/1 system-ui}
.v21-prey-stage{position:relative;width:190px;height:190px;margin:4px auto 10px}
.v21-prey-stage .v21-prey-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 12px var(--prey-a)) drop-shadow(0 0 24px color-mix(in srgb,var(--prey-b),transparent 45%));animation:v21PreyFrameFloat 3s ease-in-out infinite alternate}
.v21-prey-stage .v21-prey-eye{position:absolute;left:28%;right:28%;top:28%;bottom:25%;width:44%;height:47%;object-fit:contain;filter:drop-shadow(0 0 10px var(--prey-a));animation:v21PreyEyePulse 1.9s ease-in-out infinite alternate}
.v21-prey-seals{position:absolute;right:2px;bottom:12px;display:flex;flex-direction:column;gap:5px}
.v21-prey-seals b{width:17px;height:17px;border-radius:50%;border:1.6px solid var(--prey-a);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--prey-a),#fff 20%),#56060c 60%,#1a0104);box-shadow:inset 0 0 5px rgba(255,214,160,.5),0 0 9px var(--prey-a);animation:v21PreySealGlow 1.5s ease-in-out infinite alternate}
.v21-prey-seals b:nth-child(2){animation-delay:.2s}.v21-prey-seals b:nth-child(3){animation-delay:.4s}
.v21-prey-skin-card small{color:var(--prey-b);font-weight:900;letter-spacing:.12em}.v21-prey-skin-card h4{margin:5px 0 2px;font-size:16px}.v21-prey-skin-card p{margin:0;color:#bda9a4;font-size:12px}
@keyframes v21PreyFrameFloat{to{transform:translateY(-6px) scale(1.03);filter:drop-shadow(0 0 20px var(--prey-a)) drop-shadow(0 0 34px var(--prey-c)) brightness(1.12)}}
@keyframes v21PreyEyePulse{from{opacity:.72;transform:scale(.94)}to{opacity:1;transform:scale(1.04)}}
@keyframes v21PreySealGlow{to{box-shadow:inset 0 0 7px rgba(255,224,180,.85),0 0 16px var(--prey-b);transform:scale(1.14)}}
@media (prefers-reduced-motion:reduce){.v21-prey-stage .v21-prey-frame,.v21-prey-stage .v21-prey-eye,.v21-prey-seals b{animation:none}}

/* Acid két külön gyűjteménye: skinfüggő képességikonok és 0–V. Átokszint-sorok. */
.v21-curseeye-showcase{margin:28px 0 65px;padding:clamp(22px,3vw,38px);overflow:hidden;border:1px solid rgba(210,168,58,.32);border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(122,30,90,.2),transparent 38rem),radial-gradient(circle at 8% 72%,rgba(80,40,148,.12),transparent 32rem),#100912;box-shadow:0 24px 55px rgba(0,0,0,.26)}
.v21-curseeye-showcase>header{max-width:980px}.v21-curseeye-showcase>header>small{color:#f4c542;font-size:.65rem;font-weight:900;letter-spacing:.17em}.v21-curseeye-showcase>header>h3{margin:7px 0 10px;font-size:clamp(1.8rem,3.5vw,3.25rem);letter-spacing:-.035em}.v21-curseeye-showcase>header>p{max-width:850px;margin:0;color:#c9b9c6;line-height:1.7}
.v21-curseeye-group{margin-top:38px;padding-top:30px;border-top:1px solid rgba(244,197,66,.17)}
.v21-curseeye-group>header{display:grid;grid-template-columns:48px minmax(0,720px);gap:16px;align-items:start;margin-bottom:20px}.v21-curseeye-group>header>span{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(244,197,66,.4);border-radius:50%;color:#f4c542;font-size:.66rem;font-weight:900;box-shadow:inset 0 0 18px rgba(244,197,66,.08)}.v21-curseeye-group>header small{color:#f4c542;font-size:.58rem;font-weight:900;letter-spacing:.15em}.v21-curseeye-group>header h4{margin:3px 0 5px;font-size:clamp(1.35rem,2.5vw,2rem)}.v21-curseeye-group>header p{margin:0;color:#a99aa9;font-size:.86rem;line-height:1.6}
.v21-curseeye-skin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v21-curseeye-skin-card{position:relative;min-width:0;min-height:355px;overflow:hidden;border:1px solid color-mix(in srgb,var(--curseeye-a),transparent 56%);border-radius:16px;background:#0c0710;box-shadow:inset 0 0 30px color-mix(in srgb,var(--curseeye-a),transparent 90%);isolation:isolate}
.v21-curseeye-skin-card::before{position:absolute;z-index:-3;inset:0;background:var(--curseeye-card) center 18%/cover no-repeat;opacity:.2;filter:saturate(.8);content:""}.v21-curseeye-skin-card::after{position:absolute;z-index:-2;inset:0;background:linear-gradient(0deg,#0c0710 0%,rgba(12,7,16,.88) 58%,rgba(12,7,16,.38));content:""}
.v21-curseeye-skin-card>header{display:flex;align-items:center;gap:11px;padding:17px 18px}.v21-curseeye-skin-card>header>span{color:var(--curseeye-a);font-size:.65rem;font-weight:900}.v21-curseeye-skin-card>header>div{padding-left:11px;border-left:1px solid color-mix(in srgb,var(--curseeye-a),transparent 64%)}.v21-curseeye-skin-card>header small{color:var(--curseeye-a);font-size:.53rem;font-weight:900;letter-spacing:.13em}.v21-curseeye-skin-card>header h4{margin:2px 0 0;font-size:1rem}
.v21-curseeye-icon-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:5px 13px 17px}.v21-curseeye-icon-pair figure{min-width:0;margin:0;padding:10px 7px 12px;border:1px solid color-mix(in srgb,var(--curseeye-a),transparent 75%);border-radius:12px;background:rgba(5,3,9,.58);text-align:center;backdrop-filter:blur(6px)}.v21-curseeye-icon-pair figure>div{display:grid;aspect-ratio:1;place-items:center}.v21-curseeye-icon-pair img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 11px color-mix(in srgb,var(--curseeye-a),transparent 28%));transition:transform .35s ease,filter .35s ease}.v21-curseeye-icon-pair figure:hover img{transform:translateY(-4px) scale(1.055);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--curseeye-a),transparent 12%)) brightness(1.08)}.v21-curseeye-icon-pair figcaption{min-height:27px;color:#d6c8d4;font-size:.62rem;font-weight:800;line-height:1.35}
.v21-curseeye-group--levels{margin-top:46px}.v21-curse-level-list{display:grid;gap:16px}
.v21-curse-level-track{overflow:hidden;border:1px solid color-mix(in srgb,var(--curselevel-a),transparent 62%);border-radius:16px;background:linear-gradient(115deg,color-mix(in srgb,var(--curselevel-c),transparent 91%),rgba(6,4,10,.9));box-shadow:inset 0 0 35px color-mix(in srgb,var(--curselevel-b),transparent 94%)}
.v21-curse-level-track>header{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid color-mix(in srgb,var(--curselevel-a),transparent 78%);background:rgba(255,255,255,.018)}.v21-curse-level-track>header>span{color:var(--curselevel-a);font-size:.64rem;font-weight:900}.v21-curse-level-track>header>div{padding-left:12px;border-left:1px solid color-mix(in srgb,var(--curselevel-a),transparent 68%)}.v21-curse-level-track>header small{color:var(--curselevel-a);font-size:.54rem;font-weight:900;letter-spacing:.13em}.v21-curse-level-track>header h4{margin:2px 0 0;font-size:1.05rem}.v21-curse-level-track>header>b{padding:6px 9px;border:1px solid color-mix(in srgb,var(--curselevel-a),transparent 55%);border-radius:5px;color:var(--curselevel-a);font-size:.62rem;letter-spacing:.12em}
.v21-curse-level-rail{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:16px 10px 28px}.v21-curse-level-rail::before{position:absolute;top:42px;right:8%;left:8%;height:1px;background:linear-gradient(90deg,transparent,var(--curselevel-a),var(--curselevel-b),transparent);opacity:.32;content:""}
.v21-curse-level-rail figure{position:relative;min-width:0;margin:0;padding:0 5px;text-align:center}.v21-curse-level-rail figure>span{position:relative;z-index:2;display:grid;width:32px;height:32px;margin:0 auto 7px;place-items:center;border:1px solid color-mix(in srgb,var(--curselevel-a),transparent 48%);border-radius:50%;background:#0c0810;color:var(--curselevel-a);font-size:.59rem;font-weight:900;box-shadow:0 0 var(--curse-glow) color-mix(in srgb,var(--curselevel-b),transparent 62%)}.v21-curse-level-rail figure>div{display:grid;height:clamp(260px,16vw,340px);padding:8px 0 22px;place-items:center}.v21-curse-level-rail img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 0 var(--curse-glow) color-mix(in srgb,var(--curselevel-b),transparent 55%));transition:transform .35s ease,filter .35s ease}.v21-curse-level-rail figure:hover img{transform:scale(1.035);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--curselevel-b),transparent 25%)) brightness(1.08)}.v21-curse-level-rail figcaption{margin-top:7px;color:#aa9baa;font-size:.58rem;font-weight:700;letter-spacing:.04em}
@media(max-width:900px){.v21-curseeye-skin-grid{grid-template-columns:1fr}.v21-curseeye-skin-card{min-height:0}.v21-curseeye-icon-pair figure>div{max-height:220px}.v21-curse-level-rail{grid-template-columns:repeat(6,minmax(145px,1fr));overflow-x:auto;overscroll-behavior-inline:contain}.v21-curse-level-rail::before{display:none}}
@media(max-width:520px){.v21-curseeye-showcase{padding:20px 14px}.v21-curseeye-group>header{grid-template-columns:40px 1fr;gap:11px}.v21-curseeye-group>header>span{width:36px;height:36px}.v21-curseeye-icon-pair{padding-inline:9px}.v21-curseeye-icon-pair figcaption{font-size:.56rem}.v21-curse-level-track>header{grid-template-columns:26px 1fr}.v21-curse-level-track>header>b{display:none}.v21-curse-level-rail figure>div{height:230px}}
@media(prefers-reduced-motion:reduce){.v21-curseeye-icon-pair img,.v21-curse-level-rail img{transition:none}}


* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.v21-body {
    margin: 0;
    overflow-x: hidden;
    background: var(--v21-bg);
    color: var(--v21-text);
    font-family: "Segoe UI", Arial, sans-serif;
}
.v21-body a { color: inherit; text-decoration: none; }
.v21-body img { display: block; max-width: 100%; }
.v21-wrap { width: calc(100% - var(--v21-page-gutter) - var(--v21-page-gutter)); margin-inline: auto; }
.v21-progress { position: fixed; z-index: 50; inset: 0 0 auto; height: 3px; background: rgba(255,255,255,.05); }
.v21-progress i { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left; background: linear-gradient(90deg, var(--color-1), var(--color-2), var(--color-4)); }

.v21-back {
    position: fixed;
    z-index: 30;
    top: 22px;
    left: 24px;
    padding: 11px 15px;
    border: 1px solid var(--v21-line);
    border-radius: 9px;
    background: rgba(9, 7, 17, .78);
    backdrop-filter: blur(14px);
    font-size: .78rem;
}
.v21-nav {
    position: fixed;
    z-index: 30;
    top: 22px;
    right: 24px;
    display: flex;
    gap: 3px;
    padding: 5px;
    border: 1px solid var(--v21-line);
    border-radius: 10px;
    background: rgba(9, 7, 17, .78);
    backdrop-filter: blur(14px);
}
.v21-nav a { padding: 8px 12px; border-radius: 6px; color: var(--v21-muted); font-size: .72rem; font-weight: 700; }
.v21-nav a.is-active, .v21-nav a:hover { background: rgba(168, 92, 255, .18); color: #fff; }

.v21-hero {
    position: relative;
    display: grid;
    min-height: 92svh;
    padding: 130px var(--v21-page-gutter) 80px;
    align-items: center;
    overflow: hidden;
    isolation: isolate;
}
.v21-hero-art {
    position: absolute;
    z-index: -3;
    inset: 0;
    background: url("../image/patchnotesv2.webp") 62% center / cover no-repeat;
}
.v21-hero-shade {
    position: absolute;
    z-index: -2;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(19,15,38,.98) 0%, rgba(19,15,38,.93) 29%, rgba(19,15,38,.68) 48%, rgba(19,15,38,.14) 76%),
        linear-gradient(0deg, var(--color-3), transparent 38%);
}
.v21-hero-copy { width: min(720px, 65vw); }
.v21-release { display: flex; align-items: center; gap: 15px; margin-bottom: 28px; }
.v21-release span { padding: 7px 10px; border: 1px solid var(--color-2); border-radius: 4px; color: var(--color-5); font-size: .72rem; font-weight: 800; letter-spacing: .13em; }
.v21-release time { color: var(--v21-muted); font-size: .75rem; }
.v21-kicker, .v21-heading > p, .v21-rework-copy > p:first-child { color: var(--v21-purple-soft); font-size: .72rem; font-weight: 900; letter-spacing: .18em; }
.v21-hero h1 { margin: 0; font-size: clamp(4rem, 8vw, 8.5rem); line-height: .86; letter-spacing: -.065em; }
.v21-body h1 em, .v21-body h2 em { color: var(--v21-purple-soft); font-style: normal; }
.v21-hero-copy > p:last-of-type { max-width: 680px; margin: 28px 0 0; color: #d0c9d9; font-size: 1.05rem; line-height: 1.7; }
.v21-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.v21-actions a { padding: 13px 18px; border: 1px solid var(--color-2); border-radius: 7px; background: color-mix(in srgb, var(--color-1) 32%, var(--color-3)); font-size: .75rem; font-weight: 800; }
.v21-actions a + a { border-color: var(--v21-line); background: rgba(8,6,15,.5); }
.v21-status { position: absolute; right: var(--v21-page-gutter); bottom: 70px; display: grid; width: 245px; gap: 7px; padding: 22px; border: 1px solid color-mix(in srgb, var(--color-4) 38%, transparent); border-radius: 12px; background: rgba(19,15,38,.84); backdrop-filter: blur(14px); }
.v21-status small { color: var(--v21-purple-soft); font-size: .64rem; font-weight: 900; letter-spacing: .15em; }
.v21-status strong { font-size: 1.35rem; }
.v21-status strong b { color: var(--v21-purple-soft); font-size: 2.3rem; }
.v21-status span { color: #d6cede; font-size: .82rem; }
.v21-status em { margin-top: 6px; color: #92899d; font-size: .72rem; line-height: 1.5; }

.v21-intro { padding-block: 120px; }
.v21-heading { max-width: 880px; margin-bottom: 45px; }
.v21-heading h2 { margin: 0; font-size: clamp(3rem, 6vw, 6rem); line-height: .95; letter-spacing: -.055em; }
.v21-principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.v21-principles article { min-height: 235px; padding: 28px; border: 1px solid var(--v21-line); border-radius: 12px; background: var(--v21-panel); }
.v21-principles article > b { color: var(--v21-purple); font-size: 2.1rem; }
.v21-principles h3 { margin: 38px 0 10px; font-size: 1.1rem; }
.v21-principles p { margin: 0; color: var(--v21-muted); line-height: 1.65; }

.v21-reworks { padding: 120px 0; background: #0c0914; }
.v21-roster-console { position: relative; margin-bottom: 70px; padding: 22px; overflow: hidden; border: 1px solid rgba(178,111,255,.34); border-radius: 22px; background: radial-gradient(circle at 12% 0,rgba(168,92,255,.19),transparent 34%),radial-gradient(circle at 91% 105%,rgba(70,197,255,.09),transparent 30%),linear-gradient(145deg,rgba(25,19,38,.98),rgba(10,8,18,.98)); box-shadow: inset 0 1px rgba(255,255,255,.06),0 22px 60px rgba(0,0,0,.34),0 0 55px rgba(104,45,173,.08); isolation: isolate; }
.v21-roster-console::before { position: absolute; z-index: -1; inset: 0; background: linear-gradient(115deg,transparent 8%,rgba(211,173,255,.055) 42%,transparent 58%); transform: translateX(-100%); animation: v21RosterScan 8s ease-in-out infinite; content: ""; pointer-events: none; }
.v21-roster-console::after { position: absolute; z-index: -1; inset: 0; opacity: .25; background-image: linear-gradient(rgba(211,173,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(211,173,255,.04) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg,#000,transparent 72%); content: ""; pointer-events: none; }
.v21-roster-aura { position: absolute; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; }
.v21-roster-aura::before,.v21-roster-aura::after { position: absolute; width: 230px; height: 230px; border: 1px solid rgba(211,173,255,.13); border-radius: 50%; content: ""; }
.v21-roster-aura::before { top: -165px; left: 13%; box-shadow: 0 0 70px rgba(168,92,255,.18),inset 0 0 70px rgba(168,92,255,.08); }
.v21-roster-aura::after { right: 6%; bottom: -195px; }
.v21-roster-aura i { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #eee1ff; box-shadow: 0 0 8px #c68aff; animation: v21RosterMote 4.8s ease-in-out infinite; }
.v21-roster-aura i:nth-child(1){left:7%;top:30%;animation-delay:-1s}.v21-roster-aura i:nth-child(2){left:26%;top:76%;animation-delay:-3.2s}.v21-roster-aura i:nth-child(3){left:46%;top:18%;animation-delay:-2.1s}.v21-roster-aura i:nth-child(4){left:65%;top:68%;animation-delay:-4s}.v21-roster-aura i:nth-child(5){left:83%;top:24%;animation-delay:-.4s}.v21-roster-aura i:nth-child(6){left:95%;top:78%;animation-delay:-2.7s}
.v21-roster-head { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; padding-bottom: 17px; border-bottom: 1px solid rgba(211,173,255,.14); }
.v21-roster-head > div { display: flex; align-items: center; gap: 13px; }
.v21-roster-sigil { display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid rgba(211,173,255,.5); border-radius: 50%; background: radial-gradient(circle,rgba(168,92,255,.34),rgba(168,92,255,.05) 65%); color: #f7eeff; font-size: 1.2rem; box-shadow: 0 0 22px rgba(168,92,255,.24),inset 0 0 14px rgba(211,173,255,.14); animation: v21RosterSigil 3s ease-in-out infinite; }
.v21-roster-head small,.v21-roster-current small { display: block; color: #bc86fa; font-size: .57rem; font-weight: 900; letter-spacing: .18em; }
.v21-roster-head h3 { margin: 3px 0 0; font-size: 1.2rem; }
.v21-roster-head > p { display: flex; align-items: baseline; gap: 6px; margin: 0; color: var(--v21-muted); font-size: .67rem; text-transform: uppercase; letter-spacing: .12em; }
.v21-roster-head > p b { color: var(--v21-purple-soft); font-size: 1.45rem; letter-spacing: -.03em; }
.v21-roster-toolbar { position: relative; display: grid; grid-template-columns: minmax(240px,1fr) auto; gap: 12px; margin-bottom: 16px; }
.v21-roster-search { position: relative; display: flex; min-height: 54px; align-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; background: rgba(5,4,10,.58); transition: border-color .2s ease,box-shadow .2s ease,background .2s ease; }
.v21-roster-search:focus-within { border-color: rgba(196,143,255,.75); background: rgba(15,9,25,.88); box-shadow: 0 0 0 3px rgba(168,92,255,.1),0 0 28px rgba(168,92,255,.12); }
.v21-roster-search > span { position: relative; width: 17px; height: 17px; margin-left: 17px; border: 1.7px solid #b59bcf; border-radius: 50%; }
.v21-roster-search > span::after { position: absolute; right: -5px; bottom: -3px; width: 7px; height: 1.7px; border-radius: 9px; background: #b59bcf; transform: rotate(45deg); content: ""; }
.v21-roster-search input { min-width: 0; width: 100%; height: 52px; padding: 0 42px 0 14px; border: 0; outline: 0; background: transparent; color: var(--v21-text); font: 700 .86rem/1 inherit; }
.v21-roster-search input::placeholder { color: #756b80; }
.v21-roster-search button { position: absolute; right: 9px; display: grid; width: 31px; height: 31px; padding: 0; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; background: rgba(255,255,255,.04); color: #bfaed1; cursor: pointer; font: 400 1.15rem/1 inherit; }
.v21-roster-search button[hidden],.v21-roster[hidden],.v21-roster-empty[hidden] { display: none; }
.v21-roster-current { display: grid; min-width: 280px; grid-template-columns: 38px 42px 1fr 38px; align-items: center; gap: 10px; padding: 5px 7px; border: 1px solid rgba(168,92,255,.24); border-radius: 13px; background: rgba(168,92,255,.07); }
.v21-roster-current > button { display: grid; width: 36px; height: 36px; padding: 0; place-items: center; border: 1px solid rgba(211,173,255,.2); border-radius: 9px; background: rgba(7,5,12,.5); color: #d8c2ee; cursor: pointer; transition: border-color .2s ease,background .2s ease,transform .2s ease; }
.v21-roster-current > button:hover { border-color: rgba(211,173,255,.65); background: rgba(168,92,255,.16); transform: translateY(-1px); }
.v21-roster-current img { width: 42px; height: 42px; border: 1px solid rgba(211,173,255,.45); border-radius: 10px; object-fit: cover; box-shadow: 0 0 14px rgba(168,92,255,.25); }
.v21-roster-current b { display: block; max-width: 120px; margin-top: 2px; overflow: hidden; color: #f6f0fb; font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
.v21-roster { position: relative; display: grid; grid-template-columns: repeat(auto-fill,minmax(128px,1fr)); gap: 8px; max-height: 292px; padding: 2px 7px 2px 2px; overflow-y: auto; scrollbar-color: rgba(168,92,255,.55) rgba(255,255,255,.025); scrollbar-width: thin; overscroll-behavior: contain; }
.v21-roster::-webkit-scrollbar { width: 6px; }.v21-roster::-webkit-scrollbar-track { border-radius: 99px; background: rgba(255,255,255,.025); }.v21-roster::-webkit-scrollbar-thumb { border-radius: 99px; background: rgba(168,92,255,.55); }
.v21-roster-card { position: relative; display: grid; min-width: 0; min-height: 64px; grid-template-columns: 48px minmax(0,1fr); align-items: center; gap: 9px; overflow: hidden; padding: 7px; border: 1px solid rgba(168,92,255,.19); border-radius: 12px; background: linear-gradient(135deg,rgba(255,255,255,.035),rgba(6,5,11,.55)); color: var(--v21-text); cursor: pointer; font: inherit; text-align: left; transition: border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease; }
.v21-roster-card::before { position: absolute; inset: 0; opacity: 0; background: linear-gradient(105deg,transparent 20%,rgba(230,205,255,.16) 48%,transparent 70%); transform: translateX(-75%); content: ""; transition: opacity .2s ease; pointer-events: none; }
.v21-roster-card:hover { z-index: 2; border-color: rgba(211,173,255,.62); background: rgba(168,92,255,.1); box-shadow: 0 8px 18px rgba(0,0,0,.28),inset 0 0 22px rgba(168,92,255,.06); transform: translateY(-2px); }
.v21-roster-card:hover::before { opacity: 1; animation: v21RosterCardShine .7s ease-out; }
.v21-roster-card.is-active { border-color: #d3adff; background: linear-gradient(135deg,rgba(168,92,255,.24),rgba(71,28,112,.12)); box-shadow: 0 0 0 1px rgba(168,92,255,.34),0 0 24px rgba(168,92,255,.28),inset 0 0 24px rgba(211,173,255,.07); }
.v21-roster-card.is-active::after { position: absolute; top: 50%; right: 8px; width: 5px; height: 5px; border-radius: 50%; background: #fff; box-shadow: 0 0 5px #fff,0 0 13px var(--v21-purple); transform: translateY(-50%); content: ""; animation: v21RosterPulse 1.8s ease-in-out infinite; }
.v21-roster-card:focus-visible,.v21-roster-current button:focus-visible,.v21-roster-search button:focus-visible { outline: 3px solid rgba(211,173,255,.45); outline-offset: 2px; }
.v21-roster-card img { width: 48px; height: 48px; border: 1px solid rgba(211,173,255,.22); border-radius: 9px; object-fit: cover; transition: filter .2s ease,transform .2s ease; }
.v21-roster-card:hover img,.v21-roster-card.is-active img { filter: brightness(1.12) saturate(1.1); transform: scale(1.045); }
.v21-roster-card span { min-width: 0; padding-right: 8px; }
.v21-roster-card b,.v21-roster-card small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v21-roster-card b { font-size: .72rem; }.v21-roster-card small { margin-top: 4px; color: #81758d; font-size: .47rem; font-weight: 900; letter-spacing: .11em; }.v21-roster-card.is-active small { color: #c69af8; }
.v21-roster-empty { margin: 0; padding: 28px 15px; border: 1px dashed rgba(211,173,255,.22); border-radius: 12px; color: var(--v21-muted); text-align: center; }
.v21-roster-console > footer { display: flex; justify-content: space-between; gap: 14px; margin-top: 15px; color: #766c80; font-size: .62rem; }
.v21-roster-console > footer span:first-child { color: #a591ba; }.v21-roster-console kbd { padding: 2px 6px; border: 1px solid rgba(211,173,255,.28); border-radius: 4px; background: rgba(168,92,255,.08); color: #d3adff; font: 800 .62rem/1 inherit; }
@keyframes v21RosterScan { 0%,22%{transform:translateX(-110%)}58%,100%{transform:translateX(110%)} }
@keyframes v21RosterMote { 0%,100%{opacity:.18;transform:translateY(7px) scale(.7)}50%{opacity:.85;transform:translateY(-7px) scale(1.25)} }
@keyframes v21RosterSigil { 50%{transform:rotate(45deg);box-shadow:0 0 30px rgba(168,92,255,.34),inset 0 0 18px rgba(211,173,255,.2)} }
@keyframes v21RosterCardShine { to{transform:translateX(85%)} }
@keyframes v21RosterPulse { 50%{opacity:.45;transform:translateY(-50%) scale(1.8)} }
@media (prefers-reduced-motion:reduce) { .v21-roster-console::before,.v21-roster-aura i,.v21-roster-sigil,.v21-roster-card.is-active::after { animation:none; } }

.v21-hero-rework { scroll-margin-top: 80px; }
.v21-rework-cover {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    min-height: clamp(520px, 40vw, 900px);
    align-items: end;
    overflow: hidden;
    border: 1px solid rgba(168,92,255,.28);
    border-radius: 16px;
    background: var(--v21-panel);
    isolation: isolate;
}
.v21-rework-cover::before { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, rgba(10,7,16,.96), rgba(10,7,16,.7) 60%, rgba(10,7,16,.2)), var(--hero-banner) center top/cover; content: ""; }
.v21-rework-cover::after { position: absolute; z-index: -1; inset: 0; background: linear-gradient(0deg, #110d1a, transparent 50%); content: ""; }
.v21-rework-copy { position: relative; z-index: 4; padding: 50px; }
.v21-rework-copy h2 { margin: 3px 0 0; font-size: clamp(4.8rem, 9vw, 8rem); line-height: .9; letter-spacing: -.06em; }
.v21-rework-copy > span { display: block; margin: 11px 0 40px; color: #bcb1c8; font-size: .78rem; }
.v21-rework-copy h3 { margin: 0 0 12px; font-size: 1.45rem; }
.v21-rework-copy > p:last-child { max-width: 680px; margin: 0; color: #c8bfce; line-height: 1.7; }
.v21-rework-card { position: relative; z-index: 1; width: 100%; max-height: 470px; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 20px 28px rgba(0,0,0,.5)); }
.v21-cover-special { position: absolute; z-index: 3; inset: 0; overflow: hidden; pointer-events: none; }
.v21-cover-special img { position: absolute; object-fit: contain; filter: drop-shadow(0 15px 24px rgba(0,0,0,.7)); }
.v21-cover-special--goat-army img:nth-child(1) { right: 225px; bottom: -52px; width: 330px; opacity: .88; }
.v21-cover-special--goat-army img:nth-child(2) { right: 52px; bottom: -45px; width: 250px; opacity: .72; transform: scaleX(-1); }
.v21-cover-special--goat-army img:nth-child(3) { right: 505px; bottom: -44px; width: 205px; opacity: .4; transform: scaleX(-1); }
.v21-cover-special--toxy-arsenal { z-index: 0; }
.v21-cover-special--toxy-arsenal img { width: 350px; opacity: .2; filter: saturate(.8) drop-shadow(0 12px 22px rgba(0,0,0,.5)); }
.v21-cover-special--toxy-arsenal img:nth-child(1) { right: 555px; bottom: 5px; transform: rotate(-9deg); }
.v21-cover-special--toxy-arsenal img:nth-child(2) { right: 335px; bottom: 88px; opacity: .17; transform: rotate(8deg); }
.v21-cover-special--brenky-brushes { z-index: 0; }
.v21-cover-special--brenky-brushes img { width: 520px; opacity: .2; mix-blend-mode: screen; filter: saturate(1.15) drop-shadow(0 10px 24px rgba(37,150,255,.45)); }
.v21-cover-special--brenky-brushes img:nth-child(1) { left: 235px; bottom: -155px; transform: rotate(-12deg); }
.v21-cover-special--brenky-brushes img:nth-child(2) { left: 485px; top: -190px; transform: rotate(158deg); }
.v21-cover-special--nunu-frost { z-index: 0; }
.v21-cover-special--nunu-frost img { opacity: .24; mix-blend-mode: screen; filter: saturate(1.1) drop-shadow(0 10px 26px rgba(96,190,255,.5)); }
.v21-cover-special--nunu-frost img:nth-child(1) { right: 105px; bottom: -120px; width: 430px; transform: rotate(-8deg); }
.v21-cover-special--nunu-frost img:nth-child(2) { right: 420px; top: -140px; width: 300px; opacity: .18; transform: rotate(14deg); }
.v21-cover-special--nunu-frost img:nth-child(3) { right: 640px; bottom: -60px; width: 190px; opacity: .13; transform: rotate(-20deg); }
.v21-cover-special--xamandra-relics { z-index: 0; }
.v21-cover-special--xamandra-relics img { opacity: .22; filter: saturate(1.1) drop-shadow(0 12px 26px rgba(240,207,114,.45)); }
.v21-cover-special--xamandra-relics img:nth-child(1) { right: 120px; bottom: -110px; width: 380px; transform: rotate(-7deg); }
.v21-cover-special--xamandra-relics img:nth-child(2) { right: 400px; top: -130px; width: 290px; opacity: .17; transform: rotate(11deg); }
.v21-cover-special--xamandra-relics img:nth-child(3) { right: 600px; bottom: -50px; width: 200px; opacity: .13; transform: rotate(-18deg); }
.v21-cover-special--valtiel-prey { z-index: 0; }
.v21-cover-special--valtiel-prey img { opacity: .24; filter: saturate(1.1) drop-shadow(0 12px 26px rgba(210,31,44,.5)); }
.v21-cover-special--valtiel-prey img:nth-child(1) { right: 110px; bottom: -125px; width: 400px; transform: rotate(-6deg); }
.v21-cover-special--valtiel-prey img:nth-child(2) { right: 430px; top: -120px; width: 250px; opacity: .18; transform: rotate(12deg); }
.v21-cover-special--valtiel-prey img:nth-child(3) { right: 640px; bottom: -40px; width: 165px; opacity: .12; transform: rotate(-16deg); }
.v21-pillars { display: grid; grid-template-columns: repeat(3, 1fr); margin: 16px 0 65px; border: 1px solid var(--v21-line); border-radius: 10px; background: var(--v21-panel); }
.v21-pillars div { display: flex; min-height: 100px; align-items: center; justify-content: center; gap: 13px; padding: 20px; text-align: center; }
.v21-pillars div + div { border-left: 1px solid var(--v21-line); }
.v21-pillars strong { color: var(--v21-purple-soft); font-size: 2.3rem; }
.v21-pillars span { max-width: 140px; color: var(--v21-muted); font-size: .78rem; line-height: 1.35; }
.v21-summon-showcase { margin: -35px 0 65px; padding: 30px; border: 1px solid rgba(168,92,255,.28); border-radius: 13px; background: radial-gradient(circle at 12% 8%,rgba(168,92,255,.12),transparent 25rem),var(--v21-panel); }
.v21-summon-showcase-head { max-width: 810px; margin-bottom: 25px; }
.v21-summon-showcase-head small { color: var(--v21-purple-soft); font-size: .65rem; font-weight: 900; letter-spacing: .16em; }
.v21-summon-showcase-head h3 { margin: 7px 0 8px; font-size: clamp(1.7rem,3vw,2.65rem); letter-spacing: -.035em; }
.v21-summon-showcase-head p { margin: 0; color: var(--v21-muted); line-height: 1.6; }
.v21-summon-skin-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.v21-summon-skin-card { overflow: hidden; border: 1px solid color-mix(in srgb,var(--summon-accent) 42%,transparent); border-radius: 11px; background: #0b0911; box-shadow: 0 18px 40px rgba(0,0,0,.23); }
.v21-summon-stage { position: relative; height: clamp(310px, 24vw, 560px); overflow: hidden; isolation: isolate; background: var(--summon-banner) center top/cover no-repeat; }
.v21-summon-stage-shade { position: absolute; z-index: 0; inset: 0; background: linear-gradient(0deg,#0b0911 0%,transparent 54%),linear-gradient(90deg,rgba(7,5,11,.34),transparent); }
.v21-summon-stage::after { position: absolute; z-index: 3; inset: auto 0 0; height: 3px; background: linear-gradient(90deg,transparent,var(--summon-accent),transparent); box-shadow: 0 0 15px var(--summon-accent); content: ""; }
.v21-summon-warrior { position: absolute; z-index: 1; right: -4%; bottom: -13%; width: 78%; max-height: 110%; object-fit: contain; filter: drop-shadow(0 14px 18px rgba(0,0,0,.72)) drop-shadow(0 0 10px color-mix(in srgb,var(--summon-accent) 50%,transparent)); transition: transform .5s; }
.v21-summon-skin-card:hover .v21-summon-warrior { transform: translateY(-5px) scale(1.035); }
.v21-summon-avatar { position: absolute; z-index: 2; left: 17px; top: 17px; width: 66px; aspect-ratio: 1; border: 2px solid var(--summon-accent); border-radius: 50%; object-fit: cover; box-shadow: 0 0 20px color-mix(in srgb,var(--summon-accent) 44%,transparent); }
.v21-summon-stage > span { position: absolute; z-index: 2; left: 17px; bottom: 16px; padding: 7px 9px; border: 1px solid color-mix(in srgb,var(--summon-accent) 48%,transparent); border-radius: 5px; background: rgba(8,6,13,.72); color: #fff; font-size: .62rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(7px); }
.v21-summon-skin-card > header { padding: 18px; border-bottom: 1px solid var(--v21-line); }
.v21-summon-skin-card > header small { color: var(--summon-accent); font-size: .57rem; font-weight: 900; letter-spacing: .14em; }
.v21-summon-skin-card h4 { margin: 4px 0 0; font-size: 1.12rem; }
.v21-summon-assets { display: grid; grid-template-columns: .68fr .82fr 1.5fr; gap: 1px; background: var(--v21-line); }
.v21-summon-assets figure { position: relative; display: grid; height: clamp(120px, 10vw, 230px); margin: 0; place-items: center; overflow: hidden; background: #100d18; }
.v21-summon-assets img { width: 100%; height: 100%; object-fit: contain; }
.v21-summon-assets figure:last-child img { object-fit: cover; }
.v21-summon-assets figcaption { position: absolute; inset: auto 5px 5px; padding: 4px; border-radius: 3px; background: rgba(7,5,11,.8); color: #b9afc1; font-size: .49rem; font-weight: 800; text-align: center; }
.v21-weapon-showcase { margin: -35px 0 65px; padding: 30px; overflow: hidden; border: 1px solid rgba(168,92,255,.28); border-radius: 13px; background: radial-gradient(circle at 90% 5%,rgba(168,92,255,.1),transparent 23rem),var(--v21-panel); }
.v21-weapon-showcase-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 24px; }
.v21-weapon-showcase-head > div { max-width: 760px; }
.v21-weapon-showcase-head small { color: var(--v21-purple-soft); font-size: .65rem; font-weight: 900; letter-spacing: .16em; }
.v21-weapon-showcase-head h3 { margin: 7px 0 8px; font-size: clamp(1.7rem,3vw,2.65rem); letter-spacing: -.035em; }
.v21-weapon-showcase-head p { margin: 0; color: var(--v21-muted); line-height: 1.6; }
.v21-weapon-showcase-head nav { display: flex; flex: 0 0 auto; gap: 7px; }
.v21-weapon-showcase-head button { display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid rgba(168,92,255,.4); border-radius: 7px; background: rgba(168,92,255,.1); color: #fff; cursor: pointer; font: inherit; transition: .2s; }
.v21-weapon-showcase-head button:hover { border-color: var(--v21-purple); background: rgba(168,92,255,.22); transform: translateY(-2px); }
.v21-weapon-skin-rail { display: grid; grid-auto-columns: minmax(330px,38%); grid-auto-flow: column; gap: 13px; overflow-x: auto; overscroll-behavior-inline: contain; padding: 2px 2px 13px; scroll-behavior: smooth; scroll-snap-type: inline mandatory; scrollbar-color: var(--v21-purple) rgba(255,255,255,.06); scrollbar-width: thin; }
.v21-weapon-skin-card { overflow: hidden; border: 1px solid var(--v21-line); border-radius: 10px; background: #0c0913; scroll-snap-align: start; }
.v21-weapon-skin-card > header { display: flex; min-height: 61px; align-items: center; gap: 12px; padding: 13px 16px; border-bottom: 1px solid var(--v21-line); }
.v21-weapon-skin-card > header span { color: rgba(211,173,255,.45); font-size: 1.35rem; font-weight: 900; }
.v21-weapon-skin-card h4 { margin: 0; font-size: .92rem; line-height: 1.25; }
.v21-weapon-pair { display: grid; grid-template-columns: 1fr 1fr; }
.v21-weapon-pair figure { position: relative; display: grid; min-width: 0; aspect-ratio: 1; margin: 0; place-items: center; overflow: hidden; background: radial-gradient(circle,rgba(168,92,255,.12),transparent 65%); }
.v21-weapon-pair figure + figure { border-left: 1px solid var(--v21-line); }
.v21-weapon-pair img { width: 94%; height: 94%; object-fit: contain; filter: drop-shadow(0 12px 15px rgba(0,0,0,.55)); transition: transform .35s,filter .35s; }
.v21-weapon-pair figure:hover img { transform: scale(1.08) rotate(-2deg); filter: drop-shadow(0 14px 19px rgba(168,92,255,.3)); }
.v21-weapon-pair figcaption { position: absolute; inset: auto 7px 7px; padding: 5px 7px; border: 1px solid rgba(255,255,255,.1); border-radius: 4px; background: rgba(9,7,17,.78); color: #a89eaf; font-size: .52rem; font-weight: 900; letter-spacing: .1em; text-align: center; }
.v21-brush-showcase { margin: -35px 0 65px; padding: 30px; border: 1px solid rgba(91,183,255,.25); border-radius: 13px; background: radial-gradient(circle at 80% 0,rgba(58,163,255,.12),transparent 27rem),var(--v21-panel); }
.v21-brush-showcase-head { max-width: 820px; margin-bottom: 25px; }
.v21-brush-showcase-head small { color: #77c9ff; font-size: .65rem; font-weight: 900; letter-spacing: .16em; }
.v21-brush-showcase-head h3 { margin: 7px 0 8px; font-size: clamp(1.7rem,3vw,2.65rem); letter-spacing: -.035em; }
.v21-brush-showcase-head p { margin: 0; color: var(--v21-muted); line-height: 1.6; }
.v21-brush-skin-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.v21-brush-skin-card { overflow: hidden; border: 1px solid color-mix(in srgb,var(--brush-accent) 44%,transparent); border-radius: 11px; background: #0a0910; box-shadow: 0 18px 40px rgba(0,0,0,.22); }
.v21-brush-stage { position: relative; height: clamp(330px, 24vw, 580px); overflow: hidden; isolation: isolate; background: radial-gradient(circle at 60% 45%,color-mix(in srgb,var(--brush-accent) 15%,transparent),transparent 58%),#07070c; }
.v21-brush-card-art { position: absolute; z-index: 0; right: -2%; bottom: -34%; width: 58%; height: 140%; background: var(--brush-card) center/contain no-repeat; opacity: .68; filter: saturate(.78) brightness(.72); }
.v21-brush-stage::after { position: absolute; z-index: 3; inset: auto 0 0; height: 3px; background: linear-gradient(90deg,transparent,var(--brush-accent),transparent); box-shadow: 0 0 17px var(--brush-accent); content: ""; }
.v21-brush-stage > img { position: absolute; z-index: 2; left: -12%; top: -9%; width: 112%; height: 112%; object-fit: contain; filter: saturate(1.16) drop-shadow(0 0 16px color-mix(in srgb,var(--brush-accent) 72%,transparent)); transform: rotate(-8deg); transition: transform .5s,filter .5s; }
.v21-brush-skin-card:nth-child(2) .v21-brush-stage > img { left: -17%; top: -5%; transform: rotate(8deg); }
.v21-brush-skin-card:hover .v21-brush-stage > img { filter: saturate(1.3) drop-shadow(0 0 24px color-mix(in srgb,var(--brush-accent) 86%,transparent)); transform: rotate(-5deg) scale(1.045); }
.v21-brush-skin-card:nth-child(2):hover .v21-brush-stage > img { transform: rotate(5deg) scale(1.045); }
.v21-brush-stage > span { position: absolute; z-index: 4; left: 17px; bottom: 16px; padding: 7px 9px; border: 1px solid color-mix(in srgb,var(--brush-accent) 55%,transparent); border-radius: 5px; background: rgba(7,6,12,.78); color: #fff; font-size: .62rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(7px); }
.v21-brush-skin-card > header { display: flex; min-height: 83px; align-items: center; gap: 14px; padding: 16px 18px; }
.v21-brush-skin-card > header > span { color: color-mix(in srgb,var(--brush-accent) 65%,transparent); font-size: 1.55rem; font-weight: 900; }
.v21-brush-skin-card header small { color: var(--brush-accent); font-size: .55rem; font-weight: 900; letter-spacing: .12em; }
.v21-brush-skin-card h4 { margin: 3px 0 2px; font-size: 1.08rem; }
.v21-brush-skin-card header p { margin: 0; color: var(--v21-muted); font-size: .7rem; }
.v21-note-legend { margin: -35px 0 65px; padding: 30px; border: 1px solid rgba(168,92,255,.28); border-radius: 13px; background: radial-gradient(circle at 12% 0,rgba(168,92,255,.14),transparent 24rem),radial-gradient(circle at 92% 100%,rgba(255,66,206,.12),transparent 26rem),var(--v21-panel); }
.v21-note-legend-head { max-width: 820px; margin-bottom: 22px; }
.v21-note-legend-head small { color: var(--v21-purple-soft); font-size: .65rem; font-weight: 900; letter-spacing: .16em; }
.v21-note-legend-head h3 { margin: 7px 0 8px; font-size: clamp(1.7rem,3vw,2.65rem); letter-spacing: -.035em; }
.v21-note-legend-head p { margin: 0; color: var(--v21-muted); line-height: 1.6; }
.v21-note-legend-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.v21-note-legend-card { --note-rgb: 255,255,255; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 24px 16px; border: 1px solid color-mix(in srgb,rgb(var(--note-rgb)) 40%,transparent); border-radius: 11px; background: radial-gradient(circle at 50% 0%,color-mix(in srgb,rgb(var(--note-rgb)) 18%,transparent),transparent 65%),#0a0910; text-align: center; transition: transform .25s,box-shadow .25s; }
.v21-note-legend-card:hover { box-shadow: 0 14px 30px color-mix(in srgb,rgb(var(--note-rgb)) 22%,transparent); transform: translateY(-3px); }
.v21-note-legend-card[data-note-type="purple"] { --note-rgb: 178,110,255; }
.v21-note-legend-card[data-note-type="blue"] { --note-rgb: 77,170,255; }
.v21-note-legend-card[data-note-type="green"] { --note-rgb: 71,224,120; }
.v21-note-legend-card[data-note-type="pink"] { --note-rgb: 255,66,206; }
.v21-note-legend-card img { width: 112px; height: 112px; object-fit: contain; filter: drop-shadow(0 0 10px rgb(var(--note-rgb))); }
.v21-note-legend-card h4 { margin: 0; color: rgb(var(--note-rgb)); font-size: .95rem; }
.v21-note-legend-card p { margin: 0; color: var(--v21-muted); font-size: .74rem; line-height: 1.55; }

/* NUNU · FAGYFOK – a háromszintes lépcső: fokozatonként eggyel több jégkristály. */
.v21-frost-legend { margin: -35px 0 65px; padding: 30px; border: 1px solid rgba(120,205,255,.28); border-radius: 13px; background: radial-gradient(circle at 10% 0,rgba(96,190,255,.16),transparent 25rem),radial-gradient(circle at 95% 100%,rgba(168,232,255,.1),transparent 26rem),var(--v21-panel); }
.v21-frost-legend-head { max-width: 860px; margin-bottom: 22px; }
.v21-frost-legend-head small { color: #8fdcff; font-size: .65rem; font-weight: 900; letter-spacing: .16em; }
.v21-frost-legend-head h3 { margin: 7px 0 8px; font-size: clamp(1.7rem,3vw,2.65rem); letter-spacing: -.035em; }
.v21-frost-legend-head p { margin: 0; color: var(--v21-muted); line-height: 1.6; }
.v21-frost-legend-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.v21-frost-legend-card { --frost-rgb: 143,220,255; display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 26px 18px; border: 1px solid color-mix(in srgb,rgb(var(--frost-rgb)) 38%,transparent); border-radius: 11px; background: radial-gradient(circle at 50% 0%,color-mix(in srgb,rgb(var(--frost-rgb)) 16%,transparent),transparent 66%),#080b12; text-align: center; transition: transform .25s,box-shadow .25s; }
.v21-frost-legend-card:hover { box-shadow: 0 14px 32px color-mix(in srgb,rgb(var(--frost-rgb)) 24%,transparent); transform: translateY(-3px); }
.v21-frost-legend-card[data-stacks="2"] { --frost-rgb: 118,196,255; }
.v21-frost-legend-card[data-stacks="3"] { --frost-rgb: 96,160,255; }
.v21-frost-stack { display: flex; align-items: center; justify-content: center; min-height: 62px; gap: 6px; }
.v21-frost-stack img { width: 54px; height: 54px; object-fit: contain; filter: drop-shadow(0 0 9px rgb(var(--frost-rgb))); }
.v21-frost-legend-card[data-stacks="2"] .v21-frost-stack img { width: 46px; height: 46px; }
.v21-frost-legend-card[data-stacks="3"] .v21-frost-stack img { width: 40px; height: 40px; }
.v21-frost-legend-card span { display: block; color: rgb(var(--frost-rgb)); font-size: .62rem; font-weight: 900; letter-spacing: .1em; }
.v21-frost-legend-card h4 { margin: 6px 0 6px; color: #eaf7ff; font-size: 1.05rem; }
.v21-frost-legend-card p { margin: 0; color: var(--v21-muted); font-size: .74rem; line-height: 1.55; }

/* NUNU · skinfüggő jégkristály – ugyanaz a kártya-nyelv, mint Brenky ecsetvonásainál. */
.v21-crystal-showcase { margin: -35px 0 65px; padding: 30px; border: 1px solid rgba(120,205,255,.25); border-radius: 13px; background: radial-gradient(circle at 80% 0,rgba(96,190,255,.12),transparent 27rem),var(--v21-panel); }
.v21-crystal-showcase-head { max-width: 860px; margin-bottom: 25px; }
.v21-crystal-showcase-head small { color: #8fdcff; font-size: .65rem; font-weight: 900; letter-spacing: .16em; }
.v21-crystal-showcase-head h3 { margin: 7px 0 8px; font-size: clamp(1.7rem,3vw,2.65rem); letter-spacing: -.035em; }
.v21-crystal-showcase-head p { margin: 0; color: var(--v21-muted); line-height: 1.6; }
.v21-crystal-skin-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.v21-crystal-skin-card { overflow: hidden; border: 1px solid color-mix(in srgb,var(--crystal-accent) 44%,transparent); border-radius: 11px; background: #080a11; box-shadow: 0 18px 40px rgba(0,0,0,.22); }
.v21-crystal-stage { position: relative; height: clamp(330px, 24vw, 580px); overflow: hidden; isolation: isolate; background: radial-gradient(circle at 40% 45%,color-mix(in srgb,var(--crystal-accent) 16%,transparent),transparent 60%),#06070c; }
.v21-crystal-card-art { position: absolute; z-index: 0; right: -3%; bottom: -30%; width: 56%; height: 138%; background: var(--crystal-card) center/contain no-repeat; opacity: .6; filter: saturate(.8) brightness(.7); }
.v21-crystal-stage::after { position: absolute; z-index: 3; inset: auto 0 0; height: 3px; background: linear-gradient(90deg,transparent,var(--crystal-accent),transparent); box-shadow: 0 0 17px var(--crystal-accent); content: ""; }
.v21-crystal-stage > img { position: absolute; z-index: 2; left: -6%; top: 4%; width: 78%; height: 88%; object-fit: contain; filter: saturate(1.12) drop-shadow(0 0 20px color-mix(in srgb,var(--crystal-accent) 70%,transparent)); transition: transform .5s,filter .5s; }
.v21-crystal-skin-card:hover .v21-crystal-stage > img { filter: saturate(1.28) drop-shadow(0 0 30px color-mix(in srgb,var(--crystal-accent) 88%,transparent)); transform: rotate(6deg) scale(1.05); }
.v21-crystal-stage > span { position: absolute; z-index: 4; left: 17px; bottom: 16px; padding: 7px 9px; border: 1px solid color-mix(in srgb,var(--crystal-accent) 55%,transparent); border-radius: 5px; background: rgba(6,7,12,.78); color: #fff; font-size: .62rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(7px); }
.v21-crystal-skin-card > header { display: flex; min-height: 83px; align-items: center; gap: 14px; padding: 16px 18px; }
.v21-crystal-skin-card > header > span { color: color-mix(in srgb,var(--crystal-accent) 65%,transparent); font-size: 1.55rem; font-weight: 900; }
.v21-crystal-skin-card header small { color: var(--crystal-accent); font-size: .55rem; font-weight: 900; letter-spacing: .12em; }
.v21-crystal-skin-card h4 { margin: 3px 0 2px; font-size: 1.08rem; }
.v21-crystal-skin-card header p { margin: 0; color: var(--v21-muted); font-size: .7rem; }
/* Xamandra "Fáraó Ereklyék" – skinenként egy kártya, benne mind a három
   ereklye-ikon egy sorban (lásd renderRelicSkinShowcase). */
.v21-relic-guide { margin: -35px 0 22px; overflow: hidden; border: 1px solid rgba(240,207,114,.3); border-radius: 13px; background: radial-gradient(circle at 88% 0,rgba(240,207,114,.13),transparent 30rem),linear-gradient(145deg,#120d08,#090711 65%); box-shadow: 0 25px 60px rgba(0,0,0,.25); }
.v21-relic-guide-head { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 28px; padding: 32px; border-bottom: 1px solid rgba(240,207,114,.18); }
.v21-relic-guide-head > div:first-child { max-width: 760px; }
.v21-relic-guide-head small { color: #f0cf72; font-size: .65rem; font-weight: 900; letter-spacing: .16em; }
.v21-relic-guide-head h3 { margin: 7px 0 8px; font-size: clamp(1.7rem,3vw,2.65rem); letter-spacing: -.035em; }
.v21-relic-guide-head p { margin: 0; color: var(--v21-muted); line-height: 1.6; }
.v21-relic-guide-order { display: flex; align-items: center; gap: 7px; }
.v21-relic-guide-order span { display: flex; align-items: center; gap: 7px; padding: 7px 9px; border: 1px solid rgba(240,207,114,.2); border-radius: 5px; background: rgba(7,5,3,.58); color: #d9cdaf; font-size: .59rem; font-weight: 800; white-space: nowrap; }
.v21-relic-guide-order span b { display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; background: rgba(240,207,114,.13); color: #f0cf72; font-size: .58rem; }
.v21-relic-guide-order i { color: rgba(240,207,114,.48); font-style: normal; }
.v21-relic-guide-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: rgba(240,207,114,.12); }
.v21-relic-guide-card { min-width: 0; padding: 25px; background: radial-gradient(circle at 82% 9%,color-mix(in srgb,var(--guide-accent) 12%,transparent),transparent 14rem),#0b0810; }
.v21-relic-guide-card > header { display: grid; grid-template-columns: 28px 70px 1fr; align-items: center; gap: 12px; }
.v21-relic-guide-card > header > span { align-self: start; color: color-mix(in srgb,var(--guide-accent) 56%,transparent); font-size: 1.15rem; font-weight: 900; }
.v21-relic-guide-card > header img { display: block; width: 70px; height: 70px; border: 2px solid color-mix(in srgb,var(--guide-accent) 65%,transparent); border-radius: 10px; object-fit: cover; box-shadow: 0 0 22px color-mix(in srgb,var(--guide-accent) 25%,transparent); }
.v21-relic-guide-card > header small { color: var(--guide-accent); font-size: .53rem; font-weight: 900; letter-spacing: .1em; }
.v21-relic-guide-card h4 { margin: 4px 0 0; font-size: 1.12rem; }
.v21-relic-guide-stats { display: flex; flex-wrap: wrap; gap: 6px; margin: 20px 0 14px; }
.v21-relic-guide-stats b { padding: 6px 8px; border: 1px solid color-mix(in srgb,var(--guide-accent) 38%,transparent); border-radius: 5px; background: color-mix(in srgb,var(--guide-accent) 8%,transparent); color: color-mix(in srgb,var(--guide-accent) 78%,white); font-size: .64rem; }
.v21-relic-guide-card > p { min-height: 68px; margin: 0; color: #d7cddd; font-size: .79rem; line-height: 1.55; }
.v21-relic-guide-card aside { margin-top: 18px; padding-top: 17px; border-top: 1px solid color-mix(in srgb,var(--guide-accent) 22%,transparent); }
.v21-relic-guide-card aside strong { color: var(--guide-accent); font-size: .57rem; letter-spacing: .13em; }
.v21-relic-guide-card aside ul { margin: 12px 0 0; padding-left: 18px; color: var(--v21-muted); font-size: .72rem; line-height: 1.52; }
.v21-relic-guide-card aside li + li { margin-top: 8px; }
.v21-relic-guide-card aside li::marker { color: var(--guide-accent); }
.v21-relic-guide > footer { display: flex; align-items: center; gap: 14px; padding: 17px 30px; border-top: 1px solid rgba(240,207,114,.18); background: rgba(240,207,114,.045); color: var(--v21-muted); font-size: .72rem; line-height: 1.45; }
.v21-relic-guide > footer b { flex: 0 0 auto; color: #f0cf72; font-size: .58rem; letter-spacing: .13em; }

.v21-relic-showcase { margin: 0 0 65px; padding: 30px; border: 1px solid rgba(240,207,114,.28); border-radius: 13px; background: radial-gradient(circle at 80% 0,rgba(240,207,114,.12),transparent 27rem),var(--v21-panel); }
.v21-relic-showcase-head { max-width: 860px; margin-bottom: 25px; }
.v21-relic-showcase-head small { color: #f0cf72; font-size: .65rem; font-weight: 900; letter-spacing: .16em; }
.v21-relic-showcase-head h3 { margin: 7px 0 8px; font-size: clamp(1.7rem,3vw,2.65rem); letter-spacing: -.035em; }
.v21-relic-showcase-head p { margin: 0; color: var(--v21-muted); line-height: 1.6; }
.v21-relic-skin-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.v21-relic-skin-card { overflow: hidden; border: 1px solid color-mix(in srgb,var(--relic-accent) 44%,transparent); border-radius: 11px; background: #0b0803; box-shadow: 0 18px 40px rgba(0,0,0,.22); }
.v21-relic-stage { position: relative; height: clamp(260px, 18vw, 430px); overflow: hidden; isolation: isolate; background: radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--relic-accent) 16%,transparent),transparent 62%),#08060b; }
.v21-relic-card-art { position: absolute; z-index: 0; right: -12%; bottom: -22%; width: 78%; height: 128%; background: var(--relic-card) center/contain no-repeat; opacity: .42; filter: saturate(.85) brightness(.7); }
.v21-relic-stage::after { position: absolute; z-index: 3; inset: auto 0 0; height: 3px; background: linear-gradient(90deg,transparent,var(--relic-accent),transparent); box-shadow: 0 0 17px var(--relic-accent); content: ""; }
.v21-relic-icons {
    position: absolute;
    z-index: 2;
    inset: 22px 16px 52px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: clamp(12px, 1vw, 22px);
}
.v21-relic-icons figure { display: flex; align-items: center; gap: 12px; margin: 0; }
.v21-relic-icons img { width: clamp(54px, 3vw, 72px); height: clamp(54px, 3vw, 72px); flex: 0 0 auto; border: 2px solid color-mix(in srgb,var(--relic-accent) 70%,transparent); border-radius: 8px; object-fit: cover; filter: drop-shadow(0 0 14px color-mix(in srgb,var(--relic-accent) 55%,transparent)); transition: transform .4s, filter .4s; }
.v21-relic-skin-card:hover .v21-relic-icons img { filter: drop-shadow(0 0 22px color-mix(in srgb,var(--relic-accent) 85%,transparent)); transform: scale(1.06); }
.v21-relic-icons figcaption { color: #e8dcc0; font-size: .68rem; font-weight: 800; letter-spacing: .04em; }
.v21-relic-stage > span { position: absolute; z-index: 4; left: 16px; bottom: 14px; padding: 7px 9px; border: 1px solid color-mix(in srgb,var(--relic-accent) 55%,transparent); border-radius: 5px; background: rgba(8,6,4,.8); color: #fff; font-size: .6rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(7px); }
.v21-relic-skin-card > header { display: flex; min-height: 83px; align-items: center; gap: 14px; padding: 16px 18px; }
.v21-relic-skin-card > header > span { color: color-mix(in srgb,var(--relic-accent) 65%,transparent); font-size: 1.55rem; font-weight: 900; }
.v21-relic-skin-card header small { color: var(--relic-accent); font-size: .55rem; font-weight: 900; letter-spacing: .12em; }
.v21-relic-skin-card h4 { margin: 3px 0 2px; font-size: 1.08rem; }
.v21-relic-skin-card header p { margin: 0; color: var(--v21-muted); font-size: .7rem; }

.v21-kit-label { display: flex; justify-content: space-between; margin-bottom: 15px; padding-bottom: 12px; border-bottom: 1px solid var(--v21-line); color: var(--v21-muted); font-size: .7rem; letter-spacing: .13em; }
.v21-kit-label b { color: var(--v21-purple-soft); }

.v21-ability { margin-bottom: 22px; overflow: hidden; border: 1px solid var(--v21-line); border-radius: 13px; background: var(--v21-panel); }
.v21-ability-head { display: grid; grid-template-columns: 44px auto 1fr auto; align-items: center; gap: 16px; padding: 18px 22px; border-bottom: 1px solid var(--v21-line); background: var(--v21-panel-2); }
.v21-ability-number { color: rgba(211,173,255,.4); font-size: 1.5rem; font-weight: 900; }
.v21-ability-icons { display: flex; align-items: center; gap: 7px; }
.v21-ability-icons figure { position: relative; width: 66px; margin: 0; }
.v21-ability-icons img { display: block; width: 66px; aspect-ratio: 1; border: 1px solid rgba(211,173,255,.35); border-radius: 8px; object-fit: cover; }
.v21-ability-icons > span { color: var(--v21-purple-soft); font-weight: 900; }
.v21-ability-icons figcaption { position: absolute; right: 3px; bottom: 3px; left: 3px; padding: 2px; border-radius: 3px; background: rgba(7,5,13,.82); color: #aaa0b5; font-size: .43rem; font-weight: 900; letter-spacing: .08em; text-align: center; }
.v21-ability-icons .is-upgraded img { border-color: rgba(98,226,185,.75); box-shadow: 0 0 15px rgba(48,205,169,.22); }
.v21-ability-icons .is-upgraded figcaption { color: #8ff0d0; }
.v21-ability-head small { color: var(--v21-purple-soft); font-size: .64rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.v21-ability-head h3 { margin: 4px 0 0; font-size: 1.55rem; }
.v21-meta { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.v21-meta span { padding: 6px 8px; border: 1px solid var(--v21-line); border-radius: 5px; color: #bdb4c7; font-size: .65rem; }
.v21-comparison { display: grid; grid-template-columns: 1fr 48px 1fr; align-items: stretch; }
.v21-version { padding: 29px; border-top: 3px solid; }
.v21-version--old { border-color: var(--v21-red); background: rgba(144,53,65,.055); }
.v21-version--new { border-color: var(--v21-green); background: rgba(62,150,104,.055); }
.v21-version-label { margin: 0 0 15px; font-size: .65rem; font-weight: 900; letter-spacing: .16em; }
.v21-version--old .v21-version-label { color: var(--v21-red); }
.v21-version--new .v21-version-label { color: var(--v21-green); }
.v21-version > strong { display: block; min-height: 47px; font-size: 1rem; line-height: 1.45; }
.v21-version ul, .v21-visuals ul { margin: 20px 0 0; padding-left: 20px; color: var(--v21-muted); }
.v21-version li, .v21-visuals li { margin: 0 0 10px; padding-left: 4px; line-height: 1.55; }
.v21-version li::marker { color: currentColor; }
.v21-arrow { display: grid; place-items: center; border-inline: 1px solid var(--v21-line); color: var(--v21-purple-soft); font-size: 1.4rem; }
.v21-visuals { display: grid; grid-template-columns: 190px 1fr; gap: 20px; padding: 22px 29px; border-top: 1px solid rgba(168,92,255,.25); background: rgba(96,43,145,.08); }
.v21-visuals b { color: var(--v21-purple-soft); font-size: .65rem; letter-spacing: .14em; }
.v21-visuals ul { margin-top: 0; }

.v21-skin-art { padding: 120px 0 35px; background: radial-gradient(circle at 85% 8%, rgba(64,196,255,.08), transparent 34rem), #08070e; scroll-margin-top: 45px; }
.v21-skin-art-heading > p:last-child { max-width: 760px; margin: 24px 0 0; color: var(--v21-muted); font-size: 1rem; font-weight: 400; letter-spacing: 0; line-height: 1.7; }
.v21-skin-feature { position: relative; display: grid; min-height: clamp(480px, 40vw, 900px); grid-template-columns: minmax(0,1.6fr) minmax(280px,.7fr); align-items: end; margin-bottom: 70px; overflow: hidden; border: 1px solid rgba(255,72,187,.38); border-radius: 17px; background: #100912; box-shadow: 0 28px 70px rgba(0,0,0,.34); }
.v21-skin-feature::after { position: absolute; inset: 0; background: linear-gradient(90deg, transparent 38%, rgba(10,7,14,.42) 65%, #0a070e 100%), linear-gradient(0deg, rgba(8,5,11,.72), transparent 45%); content: ""; pointer-events: none; }
.v21-skin-feature > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform .8s ease; }
.v21-skin-feature:hover > img { transform: scale(1.025); }
.v21-skin-feature > div { position: relative; z-index: 2; grid-column: 2; padding: 45px 38px; }
.v21-skin-feature small { display: block; margin-top: 18px; color: #ff86d0; font-size: .64rem; font-weight: 900; letter-spacing: .16em; }
.v21-skin-feature h3 { margin: 7px 0 12px; font-size: clamp(2.2rem,4vw,4.3rem); line-height: .94; letter-spacing: -.045em; }
.v21-skin-feature p { margin: 0; color: #cbc2cf; line-height: 1.65; }
.v21-skin-badge { position: absolute; z-index: 3; top: 14px; right: 14px; padding: 7px 10px; border: 1px solid rgba(255,218,112,.58); border-radius: 5px; background: rgba(26,18,5,.84); color: #ffe49a; font-size: .58rem; font-weight: 900; letter-spacing: .12em; backdrop-filter: blur(8px); }
.v21-skin-badge--upgrade { position: static; display: inline-block; border-color: rgba(255,76,190,.6); background: rgba(112,15,77,.32); color: #ffb0df; }

.v21-wind-showcase { margin:52px 0; padding:32px; border:1px solid rgba(108,224,255,.25); border-radius:18px; background:radial-gradient(circle at 50% 0,rgba(80,188,255,.12),transparent 42%),rgba(5,11,24,.82); }
.v21-wind-showcase>header { max-width:780px; margin-bottom:24px; }.v21-wind-showcase>header small{color:#75eaff;font-weight:900;letter-spacing:.16em}.v21-wind-showcase>header h3{margin:7px 0;font-size:clamp(1.45rem,3vw,2.35rem)}.v21-wind-showcase>header p{color:#aebed1;line-height:1.7}
.v21-wind-skin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v21-wind-skin-card{position:relative;min-height:330px;overflow:hidden;border:1px solid color-mix(in srgb,var(--wind-a),transparent 48%);border-radius:14px;background:linear-gradient(0deg,rgba(2,6,15,.96),rgba(2,6,15,.2)),var(--wind-card) center/cover;box-shadow:inset 0 0 30px rgba(0,0,0,.35)}.v21-wind-skin-card>span{position:absolute;top:12px;left:12px;color:var(--wind-b);font-weight:900}.v21-wind-skin-card>div:last-child{position:absolute;right:16px;bottom:16px;left:16px}.v21-wind-skin-card h4{margin:4px 0;color:#fff}.v21-wind-skin-card p,.v21-wind-skin-card small{margin:0;color:var(--wind-b);font-size:.62rem}.v21-wind-skin-art{position:absolute;top:20px;right:18px;display:grid;width:76px;height:76px;place-items:center;border:1px solid var(--wind-b);border-radius:50%;background:rgba(3,8,18,.78);box-shadow:0 0 22px var(--wind-a)}.v21-wind-skin-art img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 6px var(--wind-b))}
@media(max-width:900px){.v21-wind-skin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.v21-wind-skin-grid{grid-template-columns:1fr}.v21-wind-showcase{padding:20px}}
.v21-skin-collection { --skin-accent:#91dcff; margin-bottom: 60px; }
.v21-skin-collection--cyber { --skin-accent:#ff5cca; }
.v21-skin-collection--academy { --skin-accent:#cba6ff; }
.v21-skin-collection--adventurer { --skin-accent:#edbd63; }
.v21-skin-collection--horror { --skin-accent:#c86bff; }
.v21-skin-collection--stone { --skin-accent:#d6a44c; }
.v21-skin-collection > header { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 17px; padding-bottom: 16px; border-bottom: 1px solid color-mix(in srgb,var(--skin-accent) 28%,transparent); }
.v21-skin-collection > header small { color: var(--skin-accent); font-size: .62rem; font-weight: 900; letter-spacing: .16em; }
.v21-skin-collection > header h3 { margin: 3px 0 0; font-size: clamp(2rem,4vw,3.5rem); letter-spacing: -.04em; }
.v21-skin-collection > header > span { color: var(--v21-muted); font-size: .7rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.v21-skin-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.v21-skin-grid--compact { grid-template-columns: repeat(2,minmax(0,1fr)); }
.v21-skin-card { position: relative; min-width: 0; margin: 0; overflow: hidden; border: 1px solid color-mix(in srgb,var(--skin-accent) 26%,var(--v21-line)); border-radius: 11px; background: var(--v21-panel); box-shadow: 0 16px 35px rgba(0,0,0,.2); }
.v21-skin-card::after { position: absolute; inset: auto 0 0; height: 55%; background: linear-gradient(0deg,rgba(7,5,11,.96),transparent); content: ""; pointer-events: none; }
.v21-skin-card > img { width: 100%; aspect-ratio: 16/10; object-fit: cover; object-position: center top; transition: filter .45s ease, transform .65s ease; }
.v21-skin-card:hover > img { filter: saturate(1.12) brightness(1.06); transform: scale(1.035); }
.v21-skin-card figcaption { position: absolute; z-index: 2; right: 18px; bottom: 16px; left: 18px; display: grid; gap: 3px; }
.v21-skin-card figcaption small { color: var(--skin-accent); font-size: .55rem; font-weight: 900; letter-spacing: .14em; }
.v21-skin-card figcaption b { font-size: 1.12rem; }
.v21-skin-card--vip { border-color: rgba(255,218,112,.38); box-shadow: inset 0 0 28px rgba(255,210,80,.055), 0 16px 35px rgba(0,0,0,.2); }
.v21-skin-card--vip figcaption small { color: #f3d77e; }

.v21-skin-tiers { padding: 120px 0; background: radial-gradient(circle at 12% 15%,rgba(239,189,80,.1),transparent 32rem),radial-gradient(circle at 88% 80%,rgba(168,92,255,.08),transparent 28rem),#0c0914; scroll-margin-top:45px; }
.v21-skin-tier-heading > p:last-child { max-width: 820px; margin: 24px 0 0; color: var(--v21-muted); font-size: 1rem; font-weight: 400; letter-spacing: 0; line-height: 1.75; }
.v21-tier-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.v21-tier-grid > .v21-tier-card:last-child:nth-child(odd) { grid-column:1 / -1; width:calc(50% - 8px); justify-self:center; }
.v21-tier-card { position:relative; min-height:330px; overflow:hidden; border:1px solid rgba(239,189,80,.34); border-radius:14px; background:#120e16; box-shadow:0 20px 45px rgba(0,0,0,.27); isolation:isolate; }
.v21-tier-card::after { position:absolute; z-index:-1; inset:0; background:linear-gradient(0deg,rgba(8,6,10,.98) 0%,rgba(8,6,10,.76) 34%,transparent 72%); content:""; }
.v21-tier-card > img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; object-position:center top; transition:filter .45s ease,transform .65s ease; }
.v21-tier-card:hover > img { filter:saturate(1.1) brightness(1.06); transform:scale(1.035); }
.v21-tier-card > div { position:absolute; right:0; bottom:0; left:0; padding:25px; }
.v21-tier-card small { color:#efbd50; font-size:.6rem; font-weight:900; letter-spacing:.15em; }
.v21-tier-card h3 { margin:6px 0 16px; font-size:clamp(1.55rem,3vw,2.45rem); letter-spacing:-.035em; }
.v21-tier-card p { display:flex; align-items:center; gap:10px; margin:0; }
.v21-tier-card p span { padding:7px 11px; border:1px solid var(--v21-line); border-radius:6px; font-size:.68rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.v21-tier-card p .is-old { color:#b996e3; text-decoration:line-through; text-decoration-color:rgba(185,150,227,.58); }
.v21-tier-card p .is-new { border-color:rgba(239,189,80,.56); background:rgba(105,73,12,.28); color:#ffe39a; box-shadow:inset 0 0 18px rgba(239,189,80,.06); }
.v21-tier-card p i { color:#efbd50; font-style:normal; }
.v21-tier-card--ultra{border-color:rgba(209,112,255,.48);box-shadow:0 20px 45px rgba(0,0,0,.27),0 0 34px rgba(174,72,255,.13)}
.v21-tier-card--ultra small,.v21-tier-card--ultra p i{color:#e3a2ff}.v21-tier-card--ultra p .is-new{border-color:rgba(209,112,255,.58);background:rgba(103,32,139,.3);color:#f4ceff;box-shadow:inset 0 0 18px rgba(209,112,255,.09)}
.v21-tier-card--mythic{border-color:rgba(99,205,255,.5);box-shadow:0 20px 45px rgba(0,0,0,.27),0 0 34px rgba(55,177,255,.14)}
.v21-tier-card--mythic small,.v21-tier-card--mythic p i{color:#9eeaff}.v21-tier-card--mythic p .is-new{border-color:rgba(99,205,255,.6);background:rgba(22,91,132,.32);color:#dff8ff;box-shadow:inset 0 0 18px rgba(99,205,255,.1)}

.v21-roadmap { margin-block: 110px; padding: 65px; border: 1px solid rgba(168,92,255,.28); border-radius: 15px; background: radial-gradient(circle at 90% 20%, rgba(168,92,255,.13), transparent 28rem), var(--v21-panel); text-align: center; }
.v21-roadmap > span { color: var(--v21-purple-soft); font-size: .68rem; font-weight: 900; letter-spacing: .16em; }
.v21-roadmap h2 { margin: 12px 0; font-size: clamp(2.5rem, 5vw, 5rem); letter-spacing: -.05em; }
.v21-roadmap p { max-width: 690px; margin: auto; color: var(--v21-muted); line-height: 1.7; }
.v21-footer { display: flex; min-height: 110px; align-items: center; gap: 18px; padding: 25px var(--v21-page-gutter); border-top: 1px solid var(--v21-line); color: #918899; font-size: .7rem; }
.v21-footer img { width: 48px; }
.v21-footer b { margin-left: auto; color: #b8afc1; }
.v21-footer a { color: var(--v21-purple-soft); }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
.reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 900px) {
    .v21-nav { display: none; }
    .v21-hero { min-height: 100svh; padding-top: 120px; }
    .v21-hero-copy { width: 100%; }
    .v21-hero h1 { font-size: clamp(3.7rem, 16vw, 6.5rem); }
    .v21-status { position: static; width: min(100%, 420px); margin-top: 45px; }
    .v21-principles { grid-template-columns: 1fr; }
    .v21-rework-cover { min-height: 520px; grid-template-columns: 1fr; }
    .v21-rework-card { position: absolute; right: -40px; bottom: 0; z-index: 1; width: 45%; opacity: .42; }
    .v21-cover-special { z-index: 2; opacity: .72; }
    .v21-cover-special--goat-army img:nth-child(1) { right: -30px; width: 270px; }
    .v21-cover-special--goat-army img:nth-child(2) { right: 145px; width: 185px; }
    .v21-cover-special--goat-army img:nth-child(3) { display: none; }
    .v21-cover-special--toxy-arsenal { z-index: 0; }
    .v21-cover-special--toxy-arsenal img { width: 250px; }
    .v21-cover-special--toxy-arsenal img:nth-child(1) { right: 200px; bottom: -5px; }
    .v21-cover-special--toxy-arsenal img:nth-child(2) { right: 40px; bottom: 95px; }
    .v21-brush-skin-grid { grid-template-columns: 1fr; }
    .v21-note-legend-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .v21-cover-special--nunu-frost img:nth-child(1) { right: -40px; bottom: -90px; width: 290px; }
    .v21-cover-special--nunu-frost img:nth-child(2) { right: 165px; top: -90px; width: 200px; }
    .v21-cover-special--nunu-frost img:nth-child(3) { display: none; }
    .v21-cover-special--xamandra-relics img:nth-child(1) { right: -30px; bottom: -80px; width: 260px; }
    .v21-cover-special--xamandra-relics img:nth-child(2) { right: 160px; top: -80px; width: 190px; }
    .v21-cover-special--xamandra-relics img:nth-child(3) { display: none; }
    .v21-relic-skin-grid { grid-template-columns: 1fr; }
    .v21-relic-guide-head { grid-template-columns: 1fr; }
    .v21-relic-guide-order { justify-content: flex-start; }
    .v21-relic-guide-grid { grid-template-columns: 1fr; }
    .v21-frost-legend-grid { grid-template-columns: 1fr; }
    .v21-crystal-skin-grid { grid-template-columns: 1fr; }
    .v21-skin-feature { min-height: 430px; grid-template-columns: 1fr; align-items: end; }
    .v21-skin-feature::after { background: linear-gradient(0deg,#0a070e 0%,rgba(10,7,14,.75) 42%,transparent 78%); }
    .v21-skin-feature > div { grid-column: 1; padding: 35px 30px; }
    .v21-skin-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .v21-tier-card { min-height:300px; }
    .v21-comparison { grid-template-columns: 1fr; }
    .v21-arrow { min-height: 42px; border-block: 1px solid var(--v21-line); border-inline: 0; transform: rotate(90deg); }
}

@media (max-width: 620px) {
    .v21-wrap { width: calc(100% - 26px); }
    .v21-back { top: 14px; left: 13px; }
    .v21-hero { padding-inline: 18px; }
    .v21-release { align-items: flex-start; flex-direction: column; }
    .v21-roster-console { margin-inline: -13px; padding: 18px 13px; border-inline: 0; border-radius: 0; }
    .v21-roster-head { align-items: flex-start; }
    .v21-roster-sigil { width: 38px; height: 38px; }
    .v21-roster-toolbar { grid-template-columns: 1fr; }
    .v21-roster-current { min-width: 0; grid-template-columns: 38px 42px 1fr 38px; }
    .v21-roster { grid-template-columns: repeat(2,minmax(0,1fr)); max-height: 304px; }
    .v21-roster-card { min-height: 61px; grid-template-columns: 44px minmax(0,1fr); gap: 8px; padding: 7px; }
    .v21-roster-card img { width: 44px; height: 44px; }
    .v21-roster-console > footer { align-items: flex-start; flex-direction: column; gap: 6px; }
    .v21-heading h2 { font-size: 2.75rem; }
    .v21-rework-copy { padding: 32px 24px; }
    .v21-rework-copy h2 { font-size: 5rem; }
    .v21-cover-special { opacity: .4; }
    .v21-pillars { grid-template-columns: 1fr; }
    .v21-pillars div + div { border-top: 1px solid var(--v21-line); border-left: 0; }
    .v21-summon-showcase { margin-top: -35px; padding: 22px 15px; }
    .v21-summon-skin-grid { grid-template-columns: 1fr; }
    .v21-summon-stage { height: 280px; }
    .v21-summon-assets figure { height: 120px; }
    .v21-weapon-showcase { margin-top: -35px; padding: 22px 15px; }
    .v21-weapon-showcase-head { align-items: flex-start; flex-direction: column; gap: 17px; }
    .v21-weapon-skin-rail { grid-auto-columns: minmax(280px,88%); }
    .v21-note-legend { margin-top: -35px; padding: 22px 15px; }
    .v21-note-legend-grid { grid-template-columns: 1fr; }
    .v21-frost-legend { margin-top: -35px; padding: 22px 15px; }
    .v21-crystal-showcase { margin-top: -35px; padding: 22px 15px; }
    .v21-crystal-stage { height: 280px; }
    .v21-relic-guide-head { padding: 24px 20px; }
    .v21-relic-guide-order { flex-wrap: wrap; }
    .v21-relic-guide-order i { display: none; }
    .v21-relic-guide-card { padding: 22px 18px; }
    .v21-relic-guide-card > header { grid-template-columns: 24px 62px 1fr; gap: 9px; }
    .v21-relic-guide-card > header img { width: 62px; height: 62px; }
    .v21-relic-guide-card > p { min-height: 0; }
    .v21-relic-guide > footer { align-items: flex-start; flex-direction: column; padding: 17px 20px; }
    .v21-skin-art { padding-top: 85px; }
    .v21-skin-feature { min-height: 470px; }
    .v21-skin-feature > img { object-position: 40% top; }
    .v21-skin-feature > div { padding: 28px 21px; }
    .v21-skin-grid, .v21-skin-grid--compact { grid-template-columns: 1fr; }
    .v21-skin-collection > header { align-items: flex-start; flex-direction: column; gap: 8px; }
    .v21-skin-card > img { aspect-ratio: 16/11; }
    .v21-skin-tiers { padding-block:85px; }
    .v21-tier-grid { grid-template-columns:1fr; }
    .v21-tier-grid > .v21-tier-card:last-child:nth-child(odd) { grid-column:auto; width:auto; }
    .v21-tier-card { min-height:360px; }
    .v21-ability-head { grid-template-columns: 35px auto 1fr; padding: 14px; }
    .v21-ability-icons figure, .v21-ability-icons img { width: 54px; }
    .v21-ability-icons { gap: 4px; }
    .v21-meta { grid-column: 2 / -1; justify-content: flex-start; }
    .v21-version { padding: 23px 20px; }
    .v21-visuals { grid-template-columns: 1fr; padding: 22px 20px; }
    .v21-roadmap { margin-block: 70px; padding: 45px 24px; }
    .v21-footer { flex-wrap: wrap; }
    .v21-footer b { width: 100%; margin-left: 0; }
}

@media (min-width: 621px) and (max-width: 900px) {
    .v21-roster-toolbar { grid-template-columns: 1fr; }
    .v21-roster-current { min-width: 0; }
    .v21-roster { grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .reveal { opacity: 1; transform: none; transition: none; }
}
.v21-body .ability-inline-icon { display:inline-block;width:1.55em;height:1.55em;margin:-.28em .16em -.25em .08em;object-fit:contain;vertical-align:baseline;pointer-events:none;filter:drop-shadow(0 0 .25em rgba(255,255,255,.32)) }
.ability-inline-icon.is-weapon{width:2.15em;height:1.65em}.ability-inline-icon.is-brush{width:2em;height:1.6em}
.v21-body .ability-inline-icon.is-eda-bounty{width:1.5em;height:1.5em;filter:drop-shadow(0 0 .28em rgba(224,27,44,.72)) drop-shadow(0 0 .5em rgba(255,200,87,.38))}
.ability-inline-icon-pair{display:inline-flex;align-items:center;margin:0 .16em 0 .08em;vertical-align:middle;white-space:nowrap}.ability-inline-icon-pair .ability-inline-icon{margin-right:-.28em}.ability-inline-icon-pair .ability-inline-icon:last-child{margin-right:0}

/* APRIL · VARÁZSBUBORÉK – a négy buboréktípus és a skinenkénti buborék-ikon. */
.v21-bubble-legend { margin: -35px 0 65px; padding: 30px; border: 1px solid rgba(140,215,255,.3); border-radius: 13px; background: radial-gradient(circle at 12% 0,rgba(140,215,255,.15),transparent 25rem),radial-gradient(circle at 92% 100%,rgba(255,168,232,.12),transparent 26rem),var(--v21-panel); }
.v21-bubble-legend-head { max-width: 860px; margin-bottom: 22px; }
.v21-bubble-legend-head small { color: #9fdcff; font-size: .65rem; font-weight: 900; letter-spacing: .16em; }
.v21-bubble-legend-head h3 { margin: 7px 0 8px; font-size: clamp(1.7rem,3vw,2.65rem); letter-spacing: -.035em; }
.v21-bubble-legend-head p { margin: 0; color: var(--v21-muted); line-height: 1.6; }
.v21-bubble-legend-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.v21-bubble-legend-card { --bubble-rgb: 140,215,255; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 24px 16px; border: 1px solid color-mix(in srgb,rgb(var(--bubble-rgb)) 40%,transparent); border-radius: 11px; background: radial-gradient(circle at 50% 0%,color-mix(in srgb,rgb(var(--bubble-rgb)) 18%,transparent),transparent 65%),#070d14; text-align: center; transition: transform .25s,box-shadow .25s; }
.v21-bubble-legend-card:hover { box-shadow: 0 14px 30px color-mix(in srgb,rgb(var(--bubble-rgb)) 22%,transparent); transform: translateY(-3px); }
.v21-bubble-legend-card[data-bubble-type="normal"] { --bubble-rgb: 140,215,255; }
.v21-bubble-legend-card[data-bubble-type="reinforced"] { --bubble-rgb: 176,88,255; }
.v21-bubble-legend-card[data-bubble-type="queen"] { --bubble-rgb: 206,140,255; }
.v21-bubble-legend-card[data-bubble-type="giant"] { --bubble-rgb: 255,206,71; }
.v21-bubble-legend-card h4 { margin: 0; color: rgb(var(--bubble-rgb)); font-size: .95rem; }
.v21-bubble-legend-card p { margin: 0; color: var(--v21-muted); font-size: .74rem; line-height: 1.55; }

@media (max-width: 900px) { .v21-bubble-legend-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .v21-bubble-legend-grid { grid-template-columns: 1fr; } }

/* Bunny – April skin-színpadának megfelelő banner + skinfüggő Répa ikon. */
.v21-bunny-skins{margin:-35px 0 28px;padding:30px;overflow:hidden;border:1px solid rgba(251,92,13,.28);border-radius:13px;background:radial-gradient(circle at 10% 0,rgba(251,92,13,.12),transparent 28rem),radial-gradient(circle at 94% 100%,rgba(93,149,30,.1),transparent 25rem),var(--v21-panel)}
.v21-bunny-skins>header,.v21-bunny-extras>header{max-width:880px;margin-bottom:24px}.v21-bunny-skins>header small,.v21-bunny-extras>header small{color:#ff9a58;font-size:.65rem;font-weight:900;letter-spacing:.16em}.v21-bunny-skins>header h3,.v21-bunny-extras>header h3{margin:7px 0 8px;font-size:clamp(1.7rem,3vw,2.65rem);letter-spacing:-.035em}.v21-bunny-skins>header p,.v21-bunny-extras>header p{margin:0;color:var(--v21-muted);line-height:1.65}
.v21-bunny-skin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v21-bunny-skin-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--bunny-accent) 48%,transparent);border-radius:12px;background:#080b0b;box-shadow:0 18px 40px rgba(0,0,0,.25);transition:transform .25s,box-shadow .25s}.v21-bunny-skin-card:hover{box-shadow:0 20px 42px color-mix(in srgb,var(--bunny-accent) 20%,rgba(0,0,0,.4));transform:translateY(-3px)}
.v21-bunny-skin-stage{position:relative;height:clamp(255px,20vw,390px);overflow:hidden;isolation:isolate;background:#06080b}.v21-bunny-banner-art{position:absolute;z-index:0;inset:0;background-image:linear-gradient(180deg,rgba(4,7,10,.06),rgba(4,7,10,.18) 48%,rgba(4,7,10,.9)),var(--bunny-banner);background-position:center;background-size:cover;filter:saturate(.92) brightness(.8);transform:scale(1.02);transition:filter .25s,transform .4s}.v21-bunny-skin-card:hover .v21-bunny-banner-art{filter:saturate(1.08) brightness(.9);transform:scale(1.055)}.v21-bunny-skin-stage::after{position:absolute;z-index:3;inset:auto 0 0;height:3px;background:linear-gradient(90deg,transparent,var(--bunny-accent),transparent);box-shadow:0 0 18px var(--bunny-accent);content:""}
.v21-bunny-loadout-stage{position:absolute;z-index:2;left:50%;top:54%;width:clamp(170px,15vw,250px);height:clamp(150px,13vw,220px);transform:translate(-50%,-50%)}.v21-bunny-loadout-stage::before{position:absolute;inset:-13%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--bunny-glow) 34%,transparent),color-mix(in srgb,var(--bunny-accent) 14%,transparent) 42%,transparent 69%);content:"";animation:v21BunnyCarrotHalo 2.6s ease-in-out infinite}.v21-bunny-loadout-stage i{position:absolute;inset:3% 10%;border:2px solid color-mix(in srgb,var(--bunny-accent) 76%,transparent);border-radius:50%;filter:drop-shadow(0 0 8px var(--bunny-accent));animation:v21BunnyCarrotRing 5s linear infinite}.v21-bunny-loadout-stage img{position:absolute;z-index:1;object-fit:contain;filter:drop-shadow(0 0 12px var(--bunny-accent)) drop-shadow(0 0 28px var(--bunny-glow))}.v21-bunny-backpack{inset:4% 7% 1%;width:86%;height:92%;animation:v21BunnyCarrotFloat 2.4s ease-in-out infinite}.v21-bunny-carrot{right:0;bottom:2%;width:35%;height:35%;animation:v21BunnyCarrotBadge 2s ease-in-out infinite}
.v21-bunny-skin-stage>span{position:absolute;z-index:4;left:15px;bottom:14px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--bunny-accent) 58%,transparent);border-radius:5px;background:rgba(5,7,10,.78);color:#fff;font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(7px)}.v21-bunny-skin-card>header{display:grid;min-height:88px;grid-template-columns:auto 1fr;align-items:center;gap:13px;padding:15px 17px}.v21-bunny-skin-card>header>b{color:color-mix(in srgb,var(--bunny-accent) 68%,transparent);font-size:1.45rem}.v21-bunny-skin-card>header small{color:var(--bunny-accent);font-size:.54rem;font-weight:900;letter-spacing:.12em}.v21-bunny-skin-card>header h4{margin:3px 0 2px;font-size:1rem}.v21-bunny-skin-card>header p{margin:0;color:var(--v21-muted);font-size:.69rem}
.v21-bunny-extras{margin:0 0 65px;padding:30px;border:1px solid rgba(122,202,76,.26);border-radius:13px;background:radial-gradient(circle at 88% 0,rgba(122,202,76,.11),transparent 28rem),var(--v21-panel)}.v21-bunny-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.v21-bunny-extra-card{display:grid;grid-template-columns:clamp(92px,9vw,132px) 1fr;align-items:center;gap:20px;min-height:190px;padding:22px;border:1px solid rgba(251,92,13,.26);border-radius:12px;background:linear-gradient(135deg,rgba(251,92,13,.08),rgba(5,8,12,.9));box-shadow:0 17px 35px rgba(0,0,0,.2)}.v21-bunny-extra-card.is-easter{border-color:rgba(93,149,30,.38);background:linear-gradient(135deg,rgba(93,149,30,.12),rgba(5,8,12,.9))}.v21-bunny-extra-icon{position:relative;display:grid;aspect-ratio:1;place-items:center}.v21-bunny-extra-icon i{position:absolute;inset:2%;border:2px solid #fb6b24;border-radius:50%;box-shadow:0 0 18px rgba(251,92,13,.55);animation:v21BunnyExtraPulse 2.2s ease-in-out infinite}.is-easter .v21-bunny-extra-icon i{border-color:#7bca4e;box-shadow:0 0 18px rgba(123,202,78,.58)}.v21-bunny-extra-icon img{position:relative;z-index:1;width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 0 12px rgba(251,92,13,.75))}.is-easter .v21-bunny-extra-icon img{filter:drop-shadow(0 0 12px rgba(123,202,78,.8))}.v21-bunny-extra-card small{color:#ff9a58;font-size:.56rem;font-weight:900;letter-spacing:.13em}.v21-bunny-extra-card.is-easter small{color:#9ae56f}.v21-bunny-extra-card h4{margin:5px 0 8px;font-size:1.25rem}.v21-bunny-extra-card p{margin:0;color:var(--v21-muted);font-size:.76rem;line-height:1.62}
@keyframes v21BunnyCarrotHalo{0%,100%{opacity:.55;transform:scale(.88)}50%{opacity:1;transform:scale(1.08)}}@keyframes v21BunnyCarrotRing{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes v21BunnyCarrotFloat{0%,100%{transform:translateY(4px) rotate(-3deg)}50%{transform:translateY(-7px) rotate(4deg)}}@keyframes v21BunnyCarrotBadge{0%,100%{transform:translateY(2px) rotate(8deg) scale(.94)}50%{transform:translateY(-7px) rotate(-8deg) scale(1.08)}}@keyframes v21BunnyExtraPulse{0%,100%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}
@media(max-width:1100px){.v21-bunny-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.v21-bunny-extra-grid{grid-template-columns:1fr}}@media(max-width:560px){.v21-bunny-skin-grid{grid-template-columns:1fr}.v21-bunny-skins,.v21-bunny-extras{padding:22px 15px}.v21-bunny-skin-stage{height:310px}.v21-bunny-extra-card{grid-template-columns:84px 1fr;padding:17px;gap:15px}}
@media(prefers-reduced-motion:reduce){.v21-bunny-loadout-stage *,.v21-bunny-extra-icon i{animation:none!important}}

/* Toxy – Bunny skinfüggőség-kártyáival azonos banneres fegyverbemutató. */
.v21-toxy-skins{margin-bottom:65px;border-color:rgba(168,92,255,.3);background:radial-gradient(circle at 10% 0,rgba(82,235,177,.1),transparent 28rem),radial-gradient(circle at 94% 100%,rgba(236,76,175,.12),transparent 25rem),var(--v21-panel)}
.v21-toxy-skins>header small{color:#d4a7ff}.v21-toxy-skins .v21-bunny-skin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.v21-toxy-weapon-stage{position:absolute;z-index:2;inset:18% 7% 12%;filter:drop-shadow(0 14px 18px rgba(0,0,0,.75))}
.v21-toxy-weapon-stage>i{position:absolute;inset:7% 2%;border:1px solid color-mix(in srgb,var(--bunny-accent) 75%,transparent);border-radius:50%;box-shadow:0 0 24px color-mix(in srgb,var(--bunny-accent) 65%,transparent),inset 0 0 34px color-mix(in srgb,var(--bunny-glow) 25%,transparent);animation:v21BunnyCarrotRing 9s linear infinite}
.v21-toxy-weapon-stage figure{position:absolute;width:72%;height:66%;margin:0}.v21-toxy-weapon-stage figure.is-green{left:-2%;top:0;transform:rotate(-9deg)}.v21-toxy-weapon-stage figure.is-pink{right:-2%;bottom:0;transform:rotate(9deg)}
.v21-toxy-weapon-stage img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 9px var(--bunny-accent)) drop-shadow(0 0 20px var(--bunny-glow));animation:v21ToxyWeaponFloat 2.8s ease-in-out infinite}.v21-toxy-weapon-stage .is-pink img{animation-delay:-1.4s}
.v21-toxy-weapon-stage figcaption{position:absolute;right:8%;bottom:3%;padding:4px 7px;border:1px solid color-mix(in srgb,var(--bunny-accent) 55%,transparent);border-radius:4px;background:rgba(5,7,10,.8);color:#fff;font-size:.48rem;font-weight:900;letter-spacing:.1em;backdrop-filter:blur(5px)}
@keyframes v21ToxyWeaponFloat{0%,100%{transform:translateY(4px) scale(.98)}50%{transform:translateY(-7px) scale(1.04)}}
@media(max-width:1100px){.v21-toxy-skins .v21-bunny-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.v21-toxy-skins .v21-bunny-skin-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.v21-toxy-weapon-stage>i,.v21-toxy-weapon-stage img{animation:none!important}}

/* Egységes Bunny-féle skinfüggőség-kártyák a hősspecifikus gameplay artokhoz. */
.v21-dependency-skins{margin-bottom:65px;border-color:color-mix(in srgb,var(--dependency-accent,#a85cff) 34%,transparent)}
.v21-dependency-skins .v21-bunny-skin-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),460px));justify-content:center}
.v21-dependency-card{min-width:0}.v21-dependency-card .v21-bunny-skin-stage{height:clamp(270px,20vw,390px)}
.v21-dependency-stage{position:absolute;z-index:2;inset:18% 8% 14%;display:flex;align-items:center;justify-content:center;gap:3%;filter:drop-shadow(0 14px 18px rgba(0,0,0,.72))}
.v21-dependency-stage--tristan-acorn>i{border-color:var(--bunny-glow);background:radial-gradient(circle,color-mix(in srgb,var(--bunny-accent) 26%,transparent),transparent 70%);box-shadow:0 0 30px var(--bunny-accent)}
.v21-dependency-stage--tristan-acorn img{width:min(72%,250px);height:auto;max-height:78%;filter:drop-shadow(0 0 15px var(--bunny-accent)) drop-shadow(0 0 24px var(--bunny-glow));animation:v21DependencyFloat 3.6s ease-in-out infinite}
.v21-dependency-stage>i{position:absolute;inset:2%;border:1px solid color-mix(in srgb,var(--bunny-accent) 76%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--bunny-glow) 26%,transparent),transparent 67%);box-shadow:0 0 26px color-mix(in srgb,var(--bunny-accent) 58%,transparent),inset 0 0 34px color-mix(in srgb,var(--bunny-glow) 18%,transparent);animation:v21BunnyCarrotRing 10s linear infinite}
.v21-dependency-stage figure{position:relative;z-index:1;display:grid;min-width:0;height:100%;flex:1;margin:0;place-items:center}.v21-dependency-stage img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 9px var(--bunny-accent)) drop-shadow(0 0 22px var(--bunny-glow));animation:v21DependencyFloat 2.8s ease-in-out infinite}.v21-dependency-stage figure:nth-of-type(even) img{animation-delay:-1.4s}
.v21-dependency-stage figcaption{position:absolute;right:2px;bottom:0;left:2px;padding:4px 5px;border:1px solid color-mix(in srgb,var(--bunny-accent) 52%,transparent);border-radius:4px;background:rgba(5,7,10,.8);color:#fff;font-size:.45rem;font-weight:900;letter-spacing:.07em;text-align:center;backdrop-filter:blur(5px)}
.v21-dependency-stage[data-assets="1"] figure{max-width:82%}.v21-dependency-stage[data-assets="2"] figure{max-width:52%}.v21-dependency-stage[data-assets="3"]{right:3%;left:3%;gap:0}.v21-dependency-stage[data-assets="3"] figure{max-width:35%}
.v21-dependency-stage--battery figure{max-width:60%!important}
/* A nagy, egyedi artok körül biztos belső tér marad, így egyik részletük sem
   fut bele a banner alsó vágásába vagy a kártya szélébe. */
.v21-dependency-stage--brush figure,.v21-dependency-stage--crystal figure,.v21-dependency-stage--bubble figure,.v21-dependency-stage--wind figure{width:100%;height:100%;max-width:none!important;flex:none}
.v21-dependency-stage--brush img{width:clamp(210px,18vw,350px);height:auto;max-height:68%}
.v21-dependency-stage--crystal img{width:clamp(170px,13vw,250px);height:auto;max-height:72%}
.v21-dependency-stage--bubble img{width:clamp(170px,13vw,250px);height:auto;max-height:72%}
.v21-dependency-stage--wind img{width:clamp(150px,11vw,220px);height:auto;max-height:68%}
.v21-dependency-stage--prey figure.is-frame{position:absolute;inset:0;width:100%;height:100%;max-width:none;flex:none}
.v21-dependency-stage--prey figure.is-frame img{width:clamp(250px,20vw,370px);height:auto;max-height:78%}
.v21-dependency-stage--prey figure.is-icon{width:100%;height:100%;max-width:none;flex:none}
.v21-dependency-stage--prey figure.is-icon img{z-index:2;width:clamp(82px,7vw,125px);height:auto;max-height:32%}
.v21-dependency-stage--companions figure{max-width:52%}.v21-dependency-stage--relic{inset:23% 4% 14%}.v21-dependency-stage--relic figure{height:82%}.v21-dependency-stage--curseeye figure{max-width:52%}
.v21-dependency-skins--fear{--dependency-accent:#ff8a25}.v21-dependency-skins--charge,.v21-dependency-skins--battery{--dependency-accent:#55d8ff}.v21-dependency-skins--wind{--dependency-accent:#75eaff}.v21-dependency-skins--companions{--dependency-accent:#90e9ff}.v21-dependency-skins--bubble{--dependency-accent:#9fdcff}.v21-dependency-skins--prey{--dependency-accent:#ff765f}.v21-dependency-skins--brush{--dependency-accent:#ff8ee7}.v21-dependency-skins--crystal{--dependency-accent:#8fdcff}.v21-dependency-skins--relic{--dependency-accent:#f0cf72}.v21-dependency-skins--curseeye{--dependency-accent:#f4c542}
.v21-dependency-skins--fear>header small{color:#ff9a35}.v21-dependency-skins--charge>header small,.v21-dependency-skins--battery>header small{color:#8fe6ff}.v21-dependency-skins--wind>header small{color:#75eaff}.v21-dependency-skins--companions>header small{color:#90e9ff}.v21-dependency-skins--bubble>header small{color:#9fdcff}.v21-dependency-skins--prey>header small{color:#ff9b7a}.v21-dependency-skins--brush>header small{color:#ff9ee8}.v21-dependency-skins--crystal>header small{color:#9ddfff}.v21-dependency-skins--relic>header small{color:#f0cf72}.v21-dependency-skins--curseeye>header small{color:#f4c542}
.v21-curseeye-level-showcase{margin-top:-38px}.v21-curseeye-level-showcase .v21-curseeye-group{margin-top:0;padding-top:0;border-top:0}
@keyframes v21DependencyFloat{0%,100%{transform:translateY(4px) scale(.97)}50%{transform:translateY(-7px) scale(1.04)}}
@media(max-width:560px){.v21-dependency-skins .v21-bunny-skin-grid{grid-template-columns:1fr}.v21-dependency-card .v21-bunny-skin-stage{height:310px}.v21-dependency-stage--brush img{width:min(78%,320px)}.v21-dependency-stage--crystal img,.v21-dependency-stage--bubble img{width:min(66%,230px)}.v21-dependency-stage--wind img{width:min(58%,200px)}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage>i,.v21-dependency-stage img{animation:none!important}}
.v21-laguna-skins{border-color:rgba(83,232,243,.3);background:radial-gradient(circle at 10% 0,rgba(83,232,243,.12),transparent 28rem),radial-gradient(circle at 94% 100%,rgba(226,163,29,.11),transparent 25rem),var(--v21-panel)}.v21-laguna-skins>header small{color:#65edf5}.v21-laguna-star-stage .v21-bunny-carrot{inset:8%;width:84%;height:84%;animation:v21BunnyCarrotFloat 2.4s ease-in-out infinite}.v21-laguna-star-stage::after{position:absolute;inset:21%;border:1px solid var(--bunny-glow);border-radius:50%;box-shadow:0 0 24px var(--bunny-glow);content:"";animation:v21BunnyExtraPulse 2s ease-in-out infinite}

/* 🫧 April buborék-színpad: PONTOSAN az a körvonal-animáció, ami a harcban is
   fut a hőskártya buborék-tárolóján (lásd css/battlev3.css .april-bubble-ring),
   csak nagyobb méretben – forgó kúpos fénycsóva, lebegő buborék-ikonnal. */
.v21-bubble-stage { position: relative; display: grid; place-items: center; width: 112px; height: 112px; }
.v21-bubble-stage img { position: relative; z-index: 2; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 8px rgba(163,220,255,.9)) drop-shadow(0 0 18px rgba(255,214,245,.6)); animation: v21BubbleFloat 2.1s ease-in-out infinite; }
.v21-bubble-ring { position: absolute; z-index: 1; inset: -6px; border-radius: 50%; pointer-events: none; background: conic-gradient(from 0deg,rgba(255,255,255,0) 0deg,rgba(163,220,255,.95) 70deg,rgba(255,255,255,0) 150deg,rgba(255,255,255,0) 360deg); -webkit-mask: radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px)); mask: radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px)); animation: v21BubbleRingSpin 2.4s linear infinite; }
.v21-bubble-stage::after { position: absolute; z-index: 0; inset: -14px; border-radius: 50%; background: radial-gradient(circle,rgba(163,220,255,.22),transparent 68%); content: ""; animation: v21BubbleHalo 2.8s ease-in-out infinite; }
.v21-bubble-crown { position: absolute; z-index: 3; top: -13px; left: 50%; width: 42px; height: 28px; transform: translateX(-50%); fill: #ffd76a; stroke: #b058ff; stroke-width: .8; filter: drop-shadow(0 0 6px rgba(176,88,255,.95)); animation: v21BubbleCrownGlow 2.2s ease-in-out infinite; }

/* 💠 Megerősített: lila + sárga, gyorsabb pörgés (mint a harcban) */
[data-bubble-type="reinforced"] .v21-bubble-ring { background: conic-gradient(from 0deg,rgba(255,255,255,0) 0deg,rgba(176,88,255,.98) 60deg,rgba(255,224,102,.98) 120deg,rgba(255,255,255,0) 190deg,rgba(255,255,255,0) 360deg); animation-duration: 1.7s; }
[data-bubble-type="reinforced"] .v21-bubble-stage img { filter: brightness(1.15) drop-shadow(0 0 8px rgba(176,88,255,.95)) drop-shadow(0 0 20px rgba(255,224,102,.75)); }
[data-bubble-type="reinforced"] .v21-bubble-stage::after { background: radial-gradient(circle,rgba(176,88,255,.24),transparent 68%); }
/* 👑 Királynő: lila fénykoszorú + korona-vektor */
[data-bubble-type="queen"] .v21-bubble-ring { background: conic-gradient(from 0deg,rgba(255,255,255,0) 0deg,rgba(176,88,255,1) 65deg,rgba(226,168,255,.95) 125deg,rgba(255,255,255,0) 195deg,rgba(255,255,255,0) 360deg); filter: drop-shadow(0 0 8px rgba(176,88,255,.9)); }
[data-bubble-type="queen"] .v21-bubble-stage img { filter: brightness(1.12) drop-shadow(0 0 9px rgba(176,88,255,1)) drop-shadow(0 0 22px rgba(206,140,255,.8)); }
[data-bubble-type="queen"] .v21-bubble-stage::after { background: radial-gradient(circle,rgba(206,140,255,.26),transparent 68%); }
/* 🌟 Óriás: a MÉRET nem nő – arany körvonal, erősebb fény, gyorsabb pörgés */
[data-bubble-type="giant"] .v21-bubble-ring { inset: -8px; background: conic-gradient(from 0deg,rgba(255,255,255,0) 0deg,rgba(255,214,92,1) 55deg,rgba(255,247,204,1) 110deg,rgba(255,255,255,0) 185deg,rgba(255,255,255,0) 360deg); filter: drop-shadow(0 0 10px rgba(255,206,71,.95)); animation-duration: 1.35s; }
[data-bubble-type="giant"] .v21-bubble-stage img { filter: brightness(1.25) drop-shadow(0 0 10px rgba(255,206,71,1)) drop-shadow(0 0 26px rgba(255,236,160,.85)); }
[data-bubble-type="giant"] .v21-bubble-stage::after { background: radial-gradient(circle,rgba(255,206,71,.24),transparent 68%); }

@keyframes v21BubbleRingSpin { to { transform: rotate(360deg); } }
@keyframes v21BubbleFloat { 0%,100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-5px) scale(1.05); } }
@keyframes v21BubbleHalo { 0%,100% { opacity: .5; transform: scale(.92); } 50% { opacity: 1; transform: scale(1.06); } }
@keyframes v21BubbleCrownGlow { 0%,100% { filter: drop-shadow(0 0 5px rgba(176,88,255,.9)); } 50% { filter: drop-shadow(0 0 12px rgba(206,140,255,1)); } }

/* 🫧 Skinfüggő buborék-ikon – ugyanaz a nagyméretű art + hőskártya felállás,
   mint Nunu Fagyfok-kristályánál (.v21-crystal-skin-card). */
.v21-bubble-showcase { margin: -35px 0 65px; padding: 30px; border: 1px solid rgba(140,215,255,.3); border-radius: 13px; background: radial-gradient(circle at 88% 0,rgba(140,215,255,.13),transparent 27rem),var(--v21-panel); }
.v21-bubble-showcase > header { max-width: 860px; margin-bottom: 25px; }
.v21-bubble-showcase > header small { color: #9fdcff; font-size: .65rem; font-weight: 900; letter-spacing: .16em; }
.v21-bubble-showcase > header h3 { margin: 7px 0 8px; font-size: clamp(1.7rem,3vw,2.65rem); letter-spacing: -.035em; }
.v21-bubble-showcase > header p { margin: 0; color: var(--v21-muted); line-height: 1.6; }
.v21-bubble-skin-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.v21-bubble-skin-card { overflow: hidden; border: 1px solid color-mix(in srgb,var(--bubble-accent) 44%,transparent); border-radius: 11px; background: #080a11; box-shadow: 0 18px 40px rgba(0,0,0,.22); }
.v21-bubble-skin-stage { position: relative; height: clamp(300px,21vw,480px); overflow: hidden; isolation: isolate; background: radial-gradient(circle at 40% 45%,color-mix(in srgb,var(--bubble-accent) 16%,transparent),transparent 60%),#06070c; }
.v21-bubble-card-art { position: absolute; z-index: 0; right: -4%; bottom: -30%; width: 60%; height: 138%; background: var(--bubble-card) center/contain no-repeat; opacity: .62; filter: saturate(.85) brightness(.72); }
.v21-bubble-skin-stage::after { position: absolute; z-index: 3; inset: auto 0 0; height: 3px; background: linear-gradient(90deg,transparent,var(--bubble-accent),transparent); box-shadow: 0 0 17px var(--bubble-accent); content: ""; }
.v21-bubble-skin-stage .v21-bubble-stage { position: absolute; z-index: 2; left: 4%; top: 48%; width: clamp(140px,13vw,232px); height: clamp(140px,13vw,232px); transform: translateY(-50%); }
.v21-bubble-skin-stage .v21-bubble-ring { background: conic-gradient(from 0deg,rgba(255,255,255,0) 0deg,color-mix(in srgb,var(--bubble-accent) 96%,transparent) 68deg,rgba(255,255,255,0) 150deg,rgba(255,255,255,0) 360deg); }
.v21-bubble-skin-stage .v21-bubble-stage img { filter: drop-shadow(0 0 14px var(--bubble-accent)) drop-shadow(0 0 30px color-mix(in srgb,var(--bubble-glow) 70%,transparent)); }
.v21-bubble-skin-stage .v21-bubble-stage::after { background: radial-gradient(circle,color-mix(in srgb,var(--bubble-accent) 26%,transparent),transparent 68%); }
.v21-bubble-skin-stage > span { position: absolute; z-index: 4; left: 17px; bottom: 16px; padding: 7px 9px; border: 1px solid color-mix(in srgb,var(--bubble-accent) 55%,transparent); border-radius: 5px; background: rgba(6,7,12,.78); color: #fff; font-size: .62rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(7px); }
.v21-bubble-skin-card > header { display: flex; min-height: 83px; align-items: center; gap: 14px; padding: 16px 18px; }
.v21-bubble-skin-card > header > span { color: color-mix(in srgb,var(--bubble-accent) 65%,transparent); font-size: 1.55rem; font-weight: 900; }
.v21-bubble-skin-card header small { color: var(--bubble-accent); font-size: .55rem; font-weight: 900; letter-spacing: .12em; }
.v21-bubble-skin-card h4 { margin: 3px 0 2px; font-size: 1.08rem; }
.v21-bubble-skin-card header p { margin: 0; color: var(--v21-muted); font-size: .7rem; }

@media (max-width: 1100px) { .v21-bubble-skin-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 760px) {
    .v21-bubble-skin-grid { grid-template-columns: 1fr; }
    .v21-bubble-showcase { padding: 22px 15px; }
    .v21-bubble-skin-stage { height: 280px; }
}
/* Lilly – társ-skin bemutató */
.v21-lilly-showcase {
    margin: 28px 0;
    padding: clamp(18px, 3vw, 34px);
    border: 1px solid rgba(148, 211, 255, .24);
    background: linear-gradient(135deg, rgba(31, 84, 119, .16), rgba(91, 35, 104, .17));
}
.v21-lilly-showcase > header small { color: #90e9ff; font-weight: 800; letter-spacing: .16em; }
.v21-lilly-showcase > header h3 { margin: 5px 0 8px; }
.v21-lilly-showcase > header p { max-width: 820px; color: rgba(235, 242, 255, .78); }
.v21-lilly-skin-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
    gap: 14px;
    margin-top: 22px;
}
.v21-lilly-skin-card {
    position: relative;
    min-height: 300px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--lilly-a2) 42%, var(--lilly-b2));
    border-radius: 12px;
    background: var(--lilly-dark);
    box-shadow: 0 12px 28px rgba(0,0,0,.34);
}
.v21-lilly-skin-card > span {
    position: absolute;
    z-index: 5;
    top: 9px;
    left: 10px;
    color: rgba(255,255,255,.78);
    font: 800 .66rem "Montserrat", sans-serif;
}
.v21-lilly-card-art {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(0deg, var(--lilly-dark) 0%, transparent 64%), var(--lilly-card);
    background-size: cover;
    background-position: center top;
    opacity: .58;
}
.v21-lilly-companion-pair {
    position: absolute;
    z-index: 3;
    inset: 78px 9px auto;
    display: flex;
    justify-content: center;
    gap: 4px;
}
.v21-lilly-companion-pair figure { position: relative; width: 48%; margin: 0; text-align: center; }
.v21-lilly-companion-pair figure i {
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--lilly-a) 55%, transparent), transparent 68%);
    box-shadow: 0 0 22px var(--lilly-a);
    animation: v21LillyAura 1.8s ease-in-out infinite alternate;
}
.v21-lilly-companion-pair figure:nth-child(2) i { background: radial-gradient(circle, color-mix(in srgb, var(--lilly-b) 55%, transparent), transparent 68%); box-shadow: 0 0 22px var(--lilly-b); animation-delay: -.9s; }
.v21-lilly-companion-pair img { position: relative; z-index: 2; width: 100%; aspect-ratio: 1; object-fit: contain; animation: v21LillyFloat 2.6s ease-in-out infinite; }
.v21-lilly-companion-pair figure:nth-child(2) img { animation-delay: -1.3s; }
.v21-lilly-companion-pair figcaption { position: relative; z-index: 3; color: #fff; font: 800 .62rem "Montserrat", sans-serif; letter-spacing: .12em; text-shadow: 0 0 7px currentColor; }
.v21-lilly-skin-card footer { position: absolute; z-index: 4; left: 14px; right: 14px; bottom: 13px; }
.v21-lilly-skin-card footer small { color: color-mix(in srgb, var(--lilly-a2) 62%, var(--lilly-b2)); text-transform: uppercase; letter-spacing: .12em; }
.v21-lilly-skin-card footer h4 { margin: 3px 0 0; }
@keyframes v21LillyFloat { 0%,100% { transform:translateY(2px) rotate(-2deg); } 50% { transform:translateY(-8px) rotate(3deg); } }
@keyframes v21LillyAura { from { opacity:.45; transform:scale(.82); } to { opacity:1; transform:scale(1.12); } }
@media (prefers-reduced-motion: reduce) { .v21-lilly-companion-pair img, .v21-lilly-companion-pair figure i { animation:none; } }

/* =========================================================
   🧟 LINDA (heroId 15) – ZOMBIJÁRVÁNY PATCH 2.1 BLOKK
   =========================================================
   A zombi-kinézet showcase szerkezete szándékosan Goat csontvázharcosainak a
   mintája (.v21-summon-*): nagy színpad a skin zombi-bannerével, benne az
   avatar, alatta a három tényleg lecserélt asset. A plusz itt az ötszínű
   járvány-paletta, mert a harci 🧪 ellenszer csík és a zombi keret-VFX színei
   pontosan ebből az öt színből épülnek (lásd css/battlev3.css Linda-blokk). */
.v21-zombie-showcase { margin: -35px 0 65px; padding: 30px; border: 1px solid rgba(76,255,90,.26); border-radius: 13px; background: radial-gradient(circle at 88% 6%,rgba(76,255,90,.1),transparent 24rem),radial-gradient(circle at 8% 12%,rgba(176,38,255,.12),transparent 22rem),var(--v21-panel); }
.v21-zombie-showcase-head { max-width: 830px; margin-bottom: 25px; }
.v21-zombie-showcase-head small { color: #7bff8c; font-size: .65rem; font-weight: 900; letter-spacing: .16em; }
.v21-zombie-showcase-head h3 { margin: 7px 0 8px; font-size: clamp(1.7rem,3vw,2.65rem); letter-spacing: -.035em; }
.v21-zombie-showcase-head p { margin: 0; color: var(--v21-muted); line-height: 1.6; }
.v21-zombie-skin-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(285px,1fr)); gap: 15px; }
.v21-zombie-skin-card { overflow: hidden; border: 1px solid color-mix(in srgb,var(--zombie-1) 40%,transparent); border-radius: 11px; background: #0a0810; box-shadow: 0 18px 40px rgba(0,0,0,.28); }

/* A színpad: hátul a Linda-skin hőskártyája, rajta a zombi-banner, középen a
   zombi hőskártyakeret, benne az avatar – pontosan ez a rétegsorrend látszik
   harc közben is a .linda-zombie-overlay-ben. */
.v21-zombie-stage { position: relative; height: clamp(290px,22vw,430px); overflow: hidden; isolation: isolate; background: #08060d; }
.v21-zombie-card-art { position: absolute; z-index: 0; inset: 0; background: var(--zombie-card) center top/cover no-repeat; filter: saturate(.55) brightness(.62); }
.v21-zombie-stage::before { position: absolute; z-index: 1; inset: 0; background: var(--zombie-banner) center center/cover no-repeat; mix-blend-mode: color-dodge; opacity: .5; content: ""; }
.v21-zombie-stage-shade { position: absolute; z-index: 2; inset: 0; background: linear-gradient(0deg,#0a0810 0%,transparent 58%),radial-gradient(circle at 50% 70%,color-mix(in srgb,var(--zombie-1) 22%,transparent),transparent 60%); }
.v21-zombie-stage::after { position: absolute; z-index: 6; inset: auto 0 0; height: 3px; background: linear-gradient(90deg,transparent,var(--zombie-1),var(--zombie-5),transparent); box-shadow: 0 0 15px var(--zombie-1); content: ""; }
.v21-zombie-frame { position: absolute; z-index: 4; left: 50%; top: 50%; width: 74%; max-height: 88%; object-fit: contain; transform: translate(-50%,-52%); filter: drop-shadow(0 0 14px color-mix(in srgb,var(--zombie-5) 55%,transparent)); transition: transform .5s; }
.v21-zombie-skin-card:hover .v21-zombie-frame { transform: translate(-50%,-55%) scale(1.03); }
.v21-zombie-avatar { position: absolute; z-index: 5; left: 16px; top: 16px; width: 66px; aspect-ratio: 1; border: 2px solid var(--zombie-1); border-radius: 50%; object-fit: cover; box-shadow: 0 0 20px color-mix(in srgb,var(--zombie-1) 50%,transparent); }
.v21-zombie-stage > span { position: absolute; z-index: 5; left: 16px; bottom: 15px; padding: 7px 9px; border: 1px solid color-mix(in srgb,var(--zombie-1) 46%,transparent); border-radius: 5px; background: rgba(6,5,11,.74); color: #fff; font-size: .62rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(7px); }

/* Keringő fertőzés-pettyek – a harci .linda-zombie-spores statikus képes
   megfelelője, hogy a patch oldalon is látszódjon, mi mozog a kártya körül. */
.v21-zombie-spores { position: absolute; z-index: 5; inset: 0; pointer-events: none; }
.v21-zombie-spores b { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--zombie-1); box-shadow: 0 0 9px var(--zombie-1); opacity: .8; animation: v21ZombieSpore 5.5s ease-in-out infinite; }
.v21-zombie-spores b:nth-child(1) { left: 18%; top: 62%; animation-delay: -.2s; }
.v21-zombie-spores b:nth-child(2) { left: 34%; top: 28%; background: var(--zombie-5); box-shadow: 0 0 9px var(--zombie-5); animation-delay: -1.1s; }
.v21-zombie-spores b:nth-child(3) { left: 57%; top: 74%; animation-delay: -2s; }
.v21-zombie-spores b:nth-child(4) { left: 71%; top: 34%; background: var(--zombie-5); box-shadow: 0 0 9px var(--zombie-5); animation-delay: -2.9s; }
.v21-zombie-spores b:nth-child(5) { left: 84%; top: 58%; animation-delay: -3.7s; }
.v21-zombie-spores b:nth-child(6) { left: 47%; top: 48%; background: var(--zombie-3); box-shadow: 0 0 9px var(--zombie-3); animation-delay: -4.4s; }
@keyframes v21ZombieSpore {
    0%, 100% { transform: translate(0,0) scale(.7); opacity: .35; }
    50% { transform: translate(6px,-16px) scale(1.15); opacity: .95; }
}

.v21-zombie-skin-card > header { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-bottom: 1px solid var(--v21-line); }
.v21-zombie-skin-card > header > span { color: color-mix(in srgb,var(--zombie-1) 55%,#fff); font-size: 1.35rem; font-weight: 900; }
.v21-zombie-skin-card > header small { color: var(--zombie-1); font-size: .57rem; font-weight: 900; letter-spacing: .14em; }
.v21-zombie-skin-card h4 { margin: 4px 0 0; font-size: 1.06rem; }
.v21-zombie-skin-card > header p { margin: 3px 0 0; color: var(--v21-muted); font-size: .72rem; line-height: 1.4; }
.v21-zombie-assets { display: grid; grid-template-columns: .8fr .9fr 1.3fr; gap: 1px; background: var(--v21-line); }
.v21-zombie-assets figure { position: relative; display: grid; height: clamp(100px,8vw,170px); margin: 0; place-items: center; overflow: hidden; background: #100d18; }
.v21-zombie-assets img { width: 100%; height: 100%; object-fit: contain; }
.v21-zombie-assets figure:last-child img { object-fit: cover; }
.v21-zombie-assets figcaption { position: absolute; inset: auto 5px 5px; padding: 4px; border-radius: 3px; background: rgba(7,5,11,.8); color: #b9afc1; font-size: .49rem; font-weight: 800; text-align: center; }

/* Az öt járvány-szín: ugyanaz az öt érték megy a harcban a --linda-color-1…5-re. */
.v21-zombie-palette { display: grid; grid-template-columns: repeat(5,1fr); gap: 1px; background: var(--v21-line); }
.v21-zombie-palette b { position: relative; height: 34px; background: var(--swatch); }
.v21-zombie-palette span { position: absolute; inset: auto 0 2px; color: rgba(255,255,255,.92); font-size: .44rem; font-weight: 900; letter-spacing: .04em; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.9); }

/* 🦠 A járvány három állapota – fertőzés → zombi állapot → utófertőzés. */
.v21-plague-legend { margin: -35px 0 65px; padding: 30px; border: 1px solid rgba(176,38,255,.26); border-radius: 13px; background: radial-gradient(circle at 12% 8%,rgba(176,38,255,.12),transparent 24rem),var(--v21-panel); }
.v21-plague-legend-head { max-width: 830px; margin-bottom: 24px; }
.v21-plague-legend-head small { color: #d8a2ff; font-size: .65rem; font-weight: 900; letter-spacing: .16em; }
.v21-plague-legend-head h3 { margin: 7px 0 8px; font-size: clamp(1.6rem,2.7vw,2.35rem); letter-spacing: -.035em; }
.v21-plague-legend-head p { margin: 0; color: var(--v21-muted); line-height: 1.6; }
.v21-plague-legend-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 13px; }
.v21-plague-legend-card { display: grid; grid-template-columns: 76px 1fr; align-items: center; gap: 15px; padding: 16px; border: 1px solid var(--v21-line); border-radius: 10px; background: #0c0913; }
.v21-plague-legend-card[data-plague-type="infection"] { --plague-accent: #4CFF5A; }
.v21-plague-legend-card[data-plague-type="zombie"] { --plague-accent: #B026FF; }
.v21-plague-legend-card[data-plague-type="after"] { --plague-accent: #8A5A2B; }
.v21-plague-legend-card { border-color: color-mix(in srgb,var(--plague-accent) 32%,transparent); }
.v21-plague-stage { position: relative; display: grid; width: 76px; height: 76px; place-items: center; }
.v21-plague-stage i { position: absolute; inset: 0; border: 1px dashed color-mix(in srgb,var(--plague-accent) 55%,transparent); border-radius: 50%; animation: v21PlagueRing 9s linear infinite; }
.v21-plague-stage img { position: relative; z-index: 1; width: 54px; height: 54px; object-fit: contain; filter: drop-shadow(0 0 10px color-mix(in srgb,var(--plague-accent) 62%,transparent)); }
@keyframes v21PlagueRing { to { transform: rotate(360deg); } }
.v21-plague-legend-card small { color: color-mix(in srgb,var(--plague-accent) 70%,#fff); font-size: .58rem; font-weight: 900; letter-spacing: .14em; }
.v21-plague-legend-card h4 { margin: 3px 0 5px; font-size: 1rem; }
.v21-plague-legend-card p { margin: 0; color: var(--v21-muted); font-size: .78rem; line-height: 1.5; }

@media (max-width: 720px) {
    .v21-zombie-showcase, .v21-plague-legend { padding: 20px; }
    .v21-zombie-assets { grid-template-columns: 1fr 1fr; }
    .v21-plague-legend-card { grid-template-columns: 60px 1fr; }
    .v21-plague-stage { width: 60px; height: 60px; }
    .v21-plague-stage img { width: 42px; height: 42px; }
}

/* 🪭 Nitocris Kristálylegyező-showcase: skinenkénti legyező, alatta a hét
   kristály szintbónusz-listája. */
.v21-fan-showcase{margin:28px 0 65px;padding:clamp(22px,3vw,38px);overflow:hidden;border:1px solid rgba(155,69,245,.3);border-radius:20px;background:radial-gradient(circle at 88% 0,rgba(47,123,246,.16),transparent 40rem),radial-gradient(circle at 6% 78%,rgba(224,38,63,.12),transparent 32rem),#0b0912;box-shadow:0 24px 55px rgba(0,0,0,.26)}
.v21-fan-showcase>header{max-width:980px}.v21-fan-showcase>header>small{color:#f2c92c;font-size:.65rem;font-weight:900;letter-spacing:.17em}.v21-fan-showcase>header>h3{margin:7px 0 10px;font-size:clamp(1.8rem,3.5vw,3.25rem);letter-spacing:-.035em}.v21-fan-showcase>header>p{max-width:880px;margin:0;color:#c4c0d6;line-height:1.7}
.v21-fan-skin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:28px}
.v21-fan-skin-card{position:relative;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--fan-a),transparent 55%);border-radius:18px;background:#0a0710;box-shadow:inset 0 0 34px color-mix(in srgb,var(--fan-a),transparent 90%);isolation:isolate}
.v21-fan-skin-card::before{position:absolute;z-index:-3;inset:0;background:var(--fan-card) center 20%/cover no-repeat;opacity:.18;filter:saturate(.85);content:""}
.v21-fan-skin-card::after{position:absolute;z-index:-2;inset:0;background:linear-gradient(0deg,#0a0710 0%,rgba(10,7,16,.9) 56%,rgba(10,7,16,.35));content:""}
.v21-fan-skin-card>header{display:flex;align-items:center;gap:11px;padding:17px 18px}.v21-fan-skin-card>header>span{color:var(--fan-a);font-size:.65rem;font-weight:900}.v21-fan-skin-card>header>div{padding-left:11px;border-left:1px solid color-mix(in srgb,var(--fan-a),transparent 64%)}.v21-fan-skin-card>header small{color:var(--fan-a);font-size:.53rem;font-weight:900;letter-spacing:.13em}.v21-fan-skin-card>header h4{margin:2px 0 0;font-size:1.05rem}.v21-fan-skin-card>header p{margin:2px 0 0;color:#a89dbb;font-size:.72rem}
.v21-fan-stage{position:relative;display:grid;height:clamp(290px,25vw,420px);min-height:0;place-items:center;padding:14px 22px 22px;overflow:hidden}
.v21-fan-art{display:block;width:min(86%,680px);height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--fan-a),transparent 40%)) drop-shadow(0 0 30px color-mix(in srgb,var(--fan-b),transparent 62%));animation:v21FanFloat 3.4s ease-in-out infinite alternate}
.v21-fan-shards{position:absolute;inset:0;pointer-events:none}
.v21-fan-shards b{position:absolute;top:50%;left:50%;width:7px;height:10px;margin:-5px 0 0 -3.5px;background:linear-gradient(150deg,#fff,var(--fan-b) 55%,rgba(0,0,0,.55));clip-path:polygon(50% 0%,100% 32%,80% 100%,20% 100%,0% 32%);filter:drop-shadow(0 0 6px var(--fan-b));animation:v21FanShardOrbit 5.6s linear infinite}
.v21-fan-shards b:nth-child(1){animation-delay:0s}.v21-fan-shards b:nth-child(2){animation-delay:-1.1s}.v21-fan-shards b:nth-child(3){animation-delay:-2.2s}.v21-fan-shards b:nth-child(4){animation-delay:-3.3s}.v21-fan-shards b:nth-child(5){animation-delay:-4.4s}
.v21-fan-crystal-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin:26px 0 0;padding:0;list-style:none}
.v21-fan-crystal-list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:11px;align-items:start;padding:13px 14px;border:1px solid color-mix(in srgb,var(--fan-gem),transparent 66%);border-radius:13px;background:linear-gradient(120deg,color-mix(in srgb,var(--fan-gem),transparent 92%),rgba(255,255,255,.02))}
.v21-fan-crystal-list li>i{width:14px;height:19px;margin-top:2px;background:linear-gradient(150deg,#fff,var(--fan-gem) 55%,rgba(0,0,0,.6));clip-path:polygon(50% 0%,100% 32%,80% 100%,20% 100%,0% 32%);filter:drop-shadow(0 0 7px var(--fan-gem))}
.v21-fan-crystal-list strong{display:block;color:var(--fan-gem);font-size:.78rem;letter-spacing:.06em}
.v21-fan-crystal-list p{margin:4px 0 0;color:#bdb6cc;font-size:.79rem;line-height:1.55}
@keyframes v21FanFloat{to{transform:translateY(-7px) scale(1.025)}}
@keyframes v21FanShardOrbit{from{transform:rotate(0) translateX(86px) rotate(0)}to{transform:rotate(360deg) translateX(86px) rotate(-360deg)}}
@media(max-width:520px){.v21-fan-showcase{padding:20px 14px}.v21-fan-stage{height:clamp(230px,74vw,330px);padding:8px 10px 16px}.v21-fan-art{width:96%}.v21-fan-shards{display:none}}
@media(prefers-reduced-motion:reduce){.v21-fan-art,.v21-fan-shards b{animation:none}}

/* ===================================================
   EDA – VÉRDÍJ-CÉLKERESZT SKINBEMUTATÓ (v2.1)
   =================================================== */
/* A célkereszt itt is a közös vektor (js/ui/edaCrosshairSvg.js), ezért a
   patch notes oldalnak saját animációkat kell adnia hozzá (a battlev3.css
   nem töltődik be ezen az oldalon). Palettát a kártya --eda-* változói
   adják: alapban vörös+arany, az Elegáns Edánál smaragdzöld+arany. */
.v21-eda-skins{margin:-35px 0 28px;padding:30px;overflow:hidden;border:1px solid rgba(224,27,44,.28);border-radius:13px;background:radial-gradient(circle at 8% 0,rgba(224,27,44,.13),transparent 28rem),radial-gradient(circle at 95% 100%,rgba(255,200,87,.1),transparent 26rem),var(--v21-panel)}
.v21-eda-skins>header{max-width:880px;margin-bottom:24px}
.v21-eda-skins>header small{color:#ff8a6a;font-size:.65rem;font-weight:900;letter-spacing:.16em}
.v21-eda-skins>header h3{margin:7px 0 8px;font-size:clamp(1.7rem,3vw,2.65rem);letter-spacing:-.035em}
.v21-eda-skins>header p{margin:0;color:var(--v21-muted);line-height:1.65}

.v21-eda-skin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.v21-eda-skin-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--eda-main) 48%,transparent);border-radius:12px;background:#07090c;box-shadow:0 18px 40px rgba(0,0,0,.28);transition:transform .25s,box-shadow .25s}
.v21-eda-skin-card:hover{box-shadow:0 22px 46px color-mix(in srgb,var(--eda-main) 22%,rgba(0,0,0,.45));transform:translateY(-3px)}

.v21-eda-skin-stage{position:relative;height:clamp(265px,21vw,395px);overflow:hidden;isolation:isolate;background:#05070a}
.v21-eda-banner-art{position:absolute;z-index:0;inset:0;background-image:linear-gradient(180deg,rgba(4,6,9,.1),rgba(4,6,9,.22) 46%,rgba(4,6,9,.92)),var(--eda-banner);background-position:center top;background-size:cover;filter:saturate(.9) brightness(.76);transform:scale(1.02);transition:filter .25s,transform .4s}
.v21-eda-skin-card:hover .v21-eda-banner-art{filter:saturate(1.06) brightness(.88);transform:scale(1.055)}
/* finom szkenner-rács, hogy a "dosszié" hangulat itt is meglegyen */
.v21-eda-skin-stage::before{position:absolute;z-index:1;inset:0;background-image:repeating-linear-gradient(180deg,color-mix(in srgb,var(--eda-main) 16%,transparent) 0 1px,transparent 1px 5px);content:"";opacity:.28;pointer-events:none}
.v21-eda-skin-stage::after{position:absolute;z-index:4;inset:auto 0 0;height:3px;background:linear-gradient(90deg,transparent,var(--eda-main),var(--eda-gold),transparent);box-shadow:0 0 18px var(--eda-main);content:""}

.v21-eda-crosshair-stage{position:absolute;z-index:2;left:50%;top:46%;display:grid;width:min(64%,215px);aspect-ratio:1;place-items:center;transform:translate(-50%,-50%)}
.v21-eda-crosshair-stage .eda-crosshair-svg{width:100%;height:100%;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--eda-glow) 55%,transparent)) drop-shadow(0 0 22px color-mix(in srgb,var(--eda-main) 35%,transparent))}
.v21-eda-skin-card:hover .v21-eda-crosshair-stage{transform:translate(-50%,-50%) scale(1.05);transition:transform .35s}

/* a vektor saját mozgó rétegei */
.v21-eda-skins .eda-crosshair-svg .eda-ch-scan,
.v21-eda-skins .eda-crosshair-svg .eda-ch-brackets,
.v21-eda-skins .eda-crosshair-svg .eda-ch-pulse,
.v21-eda-skins .eda-crosshair-svg .eda-ch-core{transform-origin:50% 50%}
.v21-eda-skins .eda-crosshair-svg.is-animated .eda-ch-scan{animation:v21EdaScanSpin 9s linear infinite}
.v21-eda-skins .eda-crosshair-svg.is-animated .eda-ch-brackets{animation:v21EdaBracketBreathe 3.4s ease-in-out infinite}
.v21-eda-skins .eda-crosshair-svg.is-animated .eda-ch-pulse{animation:v21EdaReticlePulse 2.2s ease-out infinite}
.v21-eda-skins .eda-crosshair-svg.is-animated .eda-ch-core{animation:v21EdaCoreGlow 3.8s ease-in-out infinite}
@keyframes v21EdaScanSpin{to{transform:rotate(360deg)}}
@keyframes v21EdaBracketBreathe{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}}
@keyframes v21EdaReticlePulse{0%{transform:scale(.75);opacity:1}100%{transform:scale(2.5);opacity:0}}
@keyframes v21EdaCoreGlow{0%,100%{opacity:.55}50%{opacity:1}}

/* részecskegyűrű – mindig a célkereszt palettájában */
.v21-eda-crosshair-stage .eda-crosshair-particles{position:absolute;z-index:3;inset:0;display:block;pointer-events:none}
.v21-eda-crosshair-stage .eda-crosshair-particles i{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:var(--eda-gold);box-shadow:0 0 8px var(--eda-glow),0 0 14px color-mix(in srgb,var(--eda-main) 70%,transparent);animation:v21EdaSparkOrbit 4.6s linear infinite;animation-delay:var(--eda-spark-delay,0s);transform:rotate(var(--eda-spark-angle,0deg)) translateY(-54%) }
.v21-eda-crosshair-stage .eda-crosshair-particles i:nth-child(2n){width:3px;height:3px;background:var(--eda-main)}
@keyframes v21EdaSparkOrbit{
    0%{transform:rotate(var(--eda-spark-angle,0deg)) translateY(-46%) scale(.5);opacity:0}
    18%{opacity:1}
    80%{opacity:.9}
    100%{transform:rotate(calc(var(--eda-spark-angle,0deg) + 360deg)) translateY(-62%) scale(1);opacity:0}
}

.v21-eda-skin-stage>span{position:absolute;z-index:5;left:15px;bottom:14px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--eda-main) 58%,transparent);border-radius:5px;background:rgba(5,7,10,.78);color:#fff;font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(7px)}
.v21-eda-skin-card>header{display:grid;min-height:88px;grid-template-columns:auto 1fr;align-items:center;gap:13px;padding:15px 17px}
.v21-eda-skin-card>header>b{color:color-mix(in srgb,var(--eda-main) 68%,transparent);font-size:1.45rem}
.v21-eda-skin-card>header small{color:var(--eda-gold);font-size:.54rem;font-weight:900;letter-spacing:.12em}
.v21-eda-skin-card>header h4{margin:3px 0 2px;font-size:1rem}
.v21-eda-skin-card>header p{margin:0;color:var(--v21-muted);font-size:.69rem}

@media(max-width:760px){.v21-eda-skin-grid{grid-template-columns:1fr}.v21-eda-skins{padding:22px 15px}.v21-eda-skin-stage{height:300px}}
@media(prefers-reduced-motion:reduce){
    .v21-eda-skins .eda-crosshair-svg.is-animated .eda-ch-scan,
    .v21-eda-skins .eda-crosshair-svg.is-animated .eda-ch-brackets,
    .v21-eda-skins .eda-crosshair-svg.is-animated .eda-ch-pulse,
    .v21-eda-skins .eda-crosshair-svg.is-animated .eda-ch-core,
    .v21-eda-crosshair-stage .eda-crosshair-particles i{animation:none}
}

/* 🐍 MEDUSA (heroId 23) – Kígyóméreg rework. A skin-vitrin a Laguna-féle
   csillagvitrin szerkezetét használja, de a középső aura a kinézet saját
   ötszínű palettájából épül (--medusa-c1..c3), és a kígyó lassan tekereg. */
.v21-medusa-skins{border-color:rgba(183,225,47,.3);background:radial-gradient(circle at 10% 0,rgba(183,225,47,.12),transparent 28rem),radial-gradient(circle at 94% 100%,rgba(71,157,121,.13),transparent 25rem),var(--v21-panel)}
.v21-medusa-skins>header small{color:#c7ea5c}
.v21-snake-skins{border-color:rgba(71,255,176,.3);background:radial-gradient(circle at 10% 0,rgba(71,255,176,.12),transparent 28rem),radial-gradient(circle at 94% 100%,rgba(239,194,118,.12),transparent 25rem),var(--v21-panel)}
.v21-snake-skins>header small{color:#74ffc0}
.v21-snake-skins .v21-bunny-skin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.v21-snake-thread-stage .v21-bunny-carrot{inset:5%;width:90%;height:90%;filter:drop-shadow(0 0 8px var(--snake-c3)) drop-shadow(0 0 22px var(--snake-c2));animation:v21BunnyCarrotFloat 2.5s ease-in-out infinite}
.v21-snake-thread-stage::after{position:absolute;inset:17%;border:1px solid var(--snake-c2);border-radius:50%;box-shadow:0 0 28px color-mix(in srgb,var(--snake-c2) 72%,transparent),inset 0 0 24px color-mix(in srgb,var(--snake-c3) 20%,transparent);content:"";animation:v21BunnyExtraPulse 2.2s ease-in-out infinite}
@media(max-width:900px){.v21-snake-skins .v21-bunny-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.v21-snake-skins .v21-bunny-skin-grid{grid-template-columns:1fr}}
.v21-medusa-snake-stage .v21-bunny-carrot{inset:7%;width:86%;height:86%;animation:v21MedusaSnakeCoil 3.4s ease-in-out infinite}
.v21-medusa-snake-stage::after{position:absolute;inset:18%;border:1px dashed var(--medusa-c2,#B7E12F);border-radius:50%;box-shadow:0 0 26px var(--medusa-c3,#479D79),inset 0 0 22px var(--medusa-c1,#17342A);content:"";animation:v21MedusaAuraSpin 9s linear infinite}
.v21-medusa-snake-stage>i{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--medusa-c3,#479D79) 46%,transparent),transparent 66%);filter:blur(6px);animation:v21MedusaMist 4.2s ease-in-out infinite alternate}

.v21-medusa-venom-legend{margin-top:1.6rem;padding:1.8rem;border:1px solid rgba(183,225,47,.28);border-radius:1.4rem;background:radial-gradient(circle at 6% 0,rgba(183,225,47,.1),transparent 26rem),radial-gradient(circle at 96% 100%,rgba(123,63,168,.14),transparent 24rem),var(--v21-panel)}
.v21-medusa-venom-legend>header small{display:block;color:#c7ea5c;font-size:.72rem;font-weight:700;letter-spacing:.16em}
.v21-medusa-venom-legend>header h3{margin:.35rem 0 .5rem;font-size:1.35rem}
.v21-medusa-venom-legend>header p{margin:0 0 1.3rem;max-width:62ch;color:var(--v21-muted)}
.v21-medusa-venom-grid{display:grid;gap:.7rem}
.v21-medusa-venom-step{display:grid;align-items:start;padding:.85rem 1rem;gap:.95rem;grid-template-columns:auto 1fr;border:1px solid rgba(183,225,47,.2);border-radius:1rem;background:linear-gradient(120deg,rgba(23,52,42,.55),transparent 72%)}
.v21-medusa-venom-step>b{display:grid;width:2.3rem;height:2.3rem;place-items:center;border:1px solid rgba(183,225,47,.55);border-radius:50%;background:rgba(6,18,13,.75);color:#dcff8f;font-size:1.05rem;font-weight:800}
.v21-medusa-venom-step h4{margin:0 0 .2rem;font-size:1rem}
.v21-medusa-venom-effect{margin:0 0 .25rem;color:#dcff8f;font-weight:600}
.v21-medusa-venom-visual{margin:0;color:var(--v21-muted);font-size:.88rem}
.v21-medusa-venom-step[data-level="5"]{border-color:rgba(183,225,47,.6);background:linear-gradient(120deg,rgba(71,157,121,.32),rgba(123,63,168,.18) 62%,transparent 86%);box-shadow:inset 0 0 26px rgba(183,225,47,.14)}
.v21-medusa-venom-step[data-level="5"]>b{border-color:#B7E12F;box-shadow:0 0 18px rgba(183,225,47,.6)}
@media (min-width:820px){.v21-medusa-venom-grid{grid-template-columns:repeat(2,1fr)}.v21-medusa-venom-step[data-level="5"]{grid-column:1/-1}}

.v21-body .ability-inline-icon.is-medusa-snake,
.v21-body .ability-inline-icon.is-medusa-venom,
.v21-body .ability-inline-icon.is-medusa-petrify{width:1.5em;height:1.5em}
.v21-body .ability-inline-icon.is-medusa-snake{filter:drop-shadow(0 0 .28em rgba(183,225,47,.72)) drop-shadow(0 0 .5em rgba(71,157,121,.42))}
.v21-body .ability-inline-icon.is-medusa-venom{filter:drop-shadow(0 0 .3em rgba(183,225,47,.82)) drop-shadow(0 0 .55em rgba(123,63,168,.45))}
.v21-body .ability-inline-icon.is-medusa-petrify{filter:drop-shadow(0 0 .28em rgba(216,255,241,.6)) drop-shadow(0 0 .52em rgba(93,93,65,.6))}
.v21-body .ability-inline-icon.is-snake-soul-thread,.v21-body .ability-inline-icon.is-snake-white-snake,.v21-body .ability-inline-icon.is-snake-illusion,.v21-body .ability-inline-icon.is-snake-soul-drain{width:1.5em;height:1.5em}
.v21-body .ability-inline-icon.is-snake-soul-thread{filter:drop-shadow(0 0 .3em rgba(71,255,176,.82))}.v21-body .ability-inline-icon.is-snake-white-snake{filter:drop-shadow(0 0 .28em rgba(255,254,220,.82)) drop-shadow(0 0 .5em rgba(71,255,176,.45))}.v21-body .ability-inline-icon.is-snake-illusion{filter:drop-shadow(0 0 .3em rgba(228,151,250,.78)) drop-shadow(0 0 .5em rgba(90,94,196,.42))}.v21-body .ability-inline-icon.is-snake-soul-drain{filter:drop-shadow(0 0 .3em rgba(71,255,176,.78)) drop-shadow(0 0 .52em rgba(0,48,39,.72))}

@keyframes v21MedusaSnakeCoil{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-7px) rotate(7deg)}}
@keyframes v21MedusaAuraSpin{to{transform:rotate(360deg)}}
@keyframes v21MedusaMist{from{opacity:.45;transform:scale(.94)}to{opacity:.9;transform:scale(1.08)}}

/* 🍄 FURIEL – GOMBATELEP (v2.1 rework)
   A telepszint-tábla a Fagyfok-legenda szerkezetét használja, a skinvitrin
   pedig a Snake-féle lélekfonál-vitrinét; mindkettő a kinézet ötszínű
   palettájából (--furiel-c1..c5) építi az akcentusait. */
.v21-furiel-legend{border-color:rgba(100,131,250,.32)}
.v21-furiel-legend>.v21-frost-legend-head small{color:#8fa6ff}
.v21-furiel-legend-card{--frost-rgb:100,131,250}
.v21-furiel-legend-card[data-stacks="3"]{--frost-rgb:0,139,207}
.v21-furiel-legend-card[data-stacks="5"]{--frost-rgb:119,40,230}
.v21-furiel-legend-card[data-stacks="6"]{--frost-rgb:151,120,255}
.v21-furiel-stack{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:180px}
.v21-furiel-stack img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 7px rgb(var(--frost-rgb)))}
.v21-furiel-legend-card[data-stacks="5"] .v21-furiel-stack img,
.v21-furiel-legend-card[data-stacks="6"] .v21-furiel-stack img{width:28px;height:28px}
.v21-furiel-legend-vfx{margin-top:8px!important;padding-top:8px;border-top:1px dashed color-mix(in srgb,rgb(var(--frost-rgb)) 34%,transparent);color:color-mix(in srgb,rgb(var(--frost-rgb)) 72%,#eaf1ff)!important;font-size:.7rem!important;font-style:italic}

.v21-furiel-skins{border-color:rgba(100,131,250,.3);background:radial-gradient(circle at 10% 0,rgba(100,131,250,.13),transparent 28rem),radial-gradient(circle at 94% 100%,rgba(119,40,230,.13),transparent 25rem),var(--v21-panel)}
.v21-furiel-skins>header small{color:#8fa6ff}
.v21-furiel-skins .v21-bunny-skin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.v21-furiel-colony-stage .v21-bunny-carrot{inset:8%;width:84%;height:84%;filter:drop-shadow(0 0 8px var(--furiel-c3)) drop-shadow(0 0 22px var(--furiel-c5));animation:v21FurielMushroomSway 3.2s ease-in-out infinite}
.v21-furiel-colony-stage::after{position:absolute;inset:16%;border:1px solid var(--furiel-c3);border-radius:50%;box-shadow:0 0 26px color-mix(in srgb,var(--furiel-c4) 70%,transparent),inset 0 0 22px color-mix(in srgb,var(--furiel-c5) 24%,transparent);content:"";animation:v21BunnyExtraPulse 2.4s ease-in-out infinite}
@keyframes v21FurielMushroomSway{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}
@media(max-width:1100px){.v21-furiel-skins .v21-bunny-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.v21-furiel-skins .v21-bunny-skin-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.v21-furiel-colony-stage .v21-bunny-carrot,.v21-furiel-colony-stage::after{animation:none}}

/* CLOE – a három Koi nagy ikonbemutatója a teljes képességkészlet előtt. */
.v21-cloe-koi-showcase{margin:-35px 0 28px;padding:30px;overflow:hidden;border:1px solid rgba(72,200,255,.28);border-radius:13px;background:radial-gradient(circle at 8% 0,rgba(72,200,255,.13),transparent 27rem),radial-gradient(circle at 94% 100%,rgba(83,239,177,.1),transparent 25rem),var(--v21-panel)}
.v21-cloe-koi-showcase>header{max-width:880px;margin-bottom:25px}
.v21-cloe-koi-showcase>header small{color:#83ddff;font-size:.65rem;font-weight:900;letter-spacing:.16em}
.v21-cloe-koi-showcase>header h3{margin:7px 0 8px;font-size:clamp(1.7rem,3vw,2.65rem);letter-spacing:-.035em}
.v21-cloe-koi-showcase>header p{margin:0;color:var(--v21-muted);line-height:1.65}
.v21-cloe-koi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v21-cloe-koi-card{min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--koi-accent) 44%,transparent);border-radius:13px;background:linear-gradient(155deg,color-mix(in srgb,var(--koi-accent) 10%,#090c13),#07090e 70%);box-shadow:inset 0 0 35px color-mix(in srgb,var(--koi-accent) 8%,transparent),0 18px 40px rgba(0,0,0,.24);transition:transform .3s,box-shadow .3s}
.v21-cloe-koi-card:hover{transform:translateY(-4px);box-shadow:inset 0 0 42px color-mix(in srgb,var(--koi-accent) 13%,transparent),0 22px 48px color-mix(in srgb,var(--koi-accent) 16%,rgba(0,0,0,.38))}
.v21-cloe-koi-stage{position:relative;display:grid;height:clamp(210px,18vw,330px);place-items:center;overflow:hidden;background:radial-gradient(circle,color-mix(in srgb,var(--koi-accent) 14%,transparent),transparent 62%);isolation:isolate}
.v21-cloe-koi-stage::after{position:absolute;z-index:0;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--koi-accent),transparent);box-shadow:0 0 16px var(--koi-accent);content:""}
.v21-cloe-koi-stage img{position:relative;z-index:2;display:block;width:min(76%,250px);height:min(76%,250px);object-fit:contain;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--koi-accent) 68%,transparent)) drop-shadow(0 0 32px color-mix(in srgb,var(--koi-accent) 35%,transparent));animation:v21CloeKoiFloat 3.5s ease-in-out infinite}
.v21-cloe-koi-card:nth-child(2) .v21-cloe-koi-stage img{animation-delay:-1.15s}
.v21-cloe-koi-card:nth-child(3) .v21-cloe-koi-stage img{animation-delay:-2.3s}
.v21-cloe-koi-water-ring{position:absolute;z-index:1;width:55%;aspect-ratio:1.85;border:1px solid color-mix(in srgb,var(--koi-accent) 58%,transparent);border-radius:50%;box-shadow:0 0 22px color-mix(in srgb,var(--koi-accent) 25%,transparent),inset 0 0 18px color-mix(in srgb,var(--koi-accent) 12%,transparent);animation:v21CloeWaterRing 3s ease-out infinite}
.v21-cloe-koi-water-ring.is-inner{width:36%;animation-delay:-1.5s}
.v21-cloe-koi-copy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;padding:18px;border-top:1px solid color-mix(in srgb,var(--koi-accent) 18%,transparent)}
.v21-cloe-koi-copy>span{color:color-mix(in srgb,var(--koi-accent) 62%,transparent);font-size:1.4rem;font-weight:900}
.v21-cloe-koi-copy small{color:var(--koi-accent);font-size:.56rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.v21-cloe-koi-copy h4{margin:4px 0 7px;font-size:1.08rem}
.v21-cloe-koi-copy p{margin:0;color:var(--v21-muted);font-size:.74rem;line-height:1.55}
.v21-cloe-koi-showcase>footer{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;padding:13px;border:1px solid rgba(179,132,255,.25);border-radius:8px;background:linear-gradient(90deg,rgba(72,200,255,.07),rgba(179,132,255,.11),rgba(255,213,106,.07));text-align:center}
.v21-cloe-koi-showcase>footer b{color:#e5ccff;font-size:.68rem;letter-spacing:.1em}.v21-cloe-koi-showcase>footer span{color:#bdb6cc;font-size:.72rem}
@keyframes v21CloeKoiFloat{0%,100%{transform:translateY(4px) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes v21CloeWaterRing{0%{opacity:0;transform:scale(.58)}28%{opacity:.75}100%{opacity:0;transform:scale(1.45)}}
@media(max-width:860px){.v21-cloe-koi-grid{grid-template-columns:1fr}.v21-cloe-koi-stage{height:260px}.v21-cloe-koi-stage img{width:min(64%,240px);height:min(80%,240px)}}
@media(max-width:520px){.v21-cloe-koi-showcase{padding:22px 14px}.v21-cloe-koi-showcase>footer{align-items:flex-start;flex-direction:column;text-align:left}}
@media(prefers-reduced-motion:reduce){.v21-cloe-koi-stage img,.v21-cloe-koi-water-ring{animation:none}}

/* 🧠 DORA – AGYKONTROLL / KONTROLLSZINT (v2.1 rework)
   A három fokozat táblája a Fagyfok-legenda szerkezetét használja, türkiz →
   kék-lila → lila akcentussal (ugyanaz a paletta, mint a hőskártyán). */
.v21-dora-legend{border-color:rgba(40,242,232,.3)}
.v21-dora-legend>.v21-frost-legend-head small{color:#7ffff4}
.v21-dora-legend-card{--frost-rgb:11,224,214}
.v21-dora-legend-card[data-stacks="2"]{--frost-rgb:64,150,255}
.v21-dora-legend-card[data-stacks="3"]{--frost-rgb:151,90,255}
.v21-dora-stack{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-width:170px}
.v21-dora-stack img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 8px rgb(var(--frost-rgb)))}
.v21-dora-legend-card[data-stacks="3"] .v21-dora-stack img{width:34px;height:34px}
.v21-dora-roman{display:grid;width:26px;height:26px;place-items:center;align-self:center;border:1px solid color-mix(in srgb,rgb(var(--frost-rgb)) 70%,transparent);border-radius:50%;background:rgba(2,6,20,.82);box-shadow:0 0 12px color-mix(in srgb,rgb(var(--frost-rgb)) 60%,transparent);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.02em}
.v21-dora-legend-vfx{margin-top:8px!important;padding-top:8px;border-top:1px dashed color-mix(in srgb,rgb(var(--frost-rgb)) 34%,transparent);color:color-mix(in srgb,rgb(var(--frost-rgb)) 72%,#eaf1ff)!important;font-size:.7rem!important;font-style:italic}


/* 🔫 Neyali (heroId 28) – a skinfüggő, ötszintű mágikus lőszer bemutatója.
   A kártya váza a Bunny-showcase-é; itt csak a golyó-színpad egyedi: az öt
   szint sorban, egymásba úszva jelenik meg (I → V), ahogy a harcban is fejlődik. */
.v21-neyali-skins{border-color:rgba(244,209,73,.3);background:radial-gradient(circle at 10% 0,rgba(244,209,73,.13),transparent 28rem),radial-gradient(circle at 94% 100%,rgba(211,127,80,.11),transparent 25rem),var(--v21-panel)}
.v21-neyali-skins>header small{color:#f7d96a}
.v21-neyali-bullet-stage{position:absolute;z-index:2;left:50%;top:52%;display:grid;width:clamp(150px,13vw,215px);height:clamp(150px,13vw,215px);place-items:center;transform:translate(-50%,-50%)}
.v21-neyali-bullet-stage::before{position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--bunny-glow) 34%,transparent),color-mix(in srgb,var(--bunny-accent) 14%,transparent) 44%,transparent 70%);content:"";animation:v21BunnyCarrotHalo 2.6s ease-in-out infinite}
.v21-neyali-bullet-stage i{position:absolute;inset:4%;border:2px solid color-mix(in srgb,var(--bunny-accent) 72%,transparent);border-radius:50%;filter:drop-shadow(0 0 8px var(--bunny-accent));animation:v21BunnyCarrotRing 6s linear infinite}
.v21-neyali-bullet-stage img{position:absolute;z-index:1;width:76%;height:76%;object-fit:contain;opacity:0;filter:drop-shadow(0 0 12px var(--bunny-accent)) drop-shadow(0 0 26px var(--bunny-glow));animation:v21NeyaliBulletCycle 10s linear infinite;animation-delay:calc(var(--bullet-index) * 2s)}
@keyframes v21NeyaliBulletCycle{0%{opacity:0;transform:scale(.82) translateY(8px)}4%{opacity:1;transform:scale(1) translateY(0)}17%{opacity:1;transform:scale(1) translateY(0)}23%{opacity:0;transform:scale(1.12) translateY(-8px)}100%{opacity:0;transform:scale(.82) translateY(8px)}}
@media(prefers-reduced-motion:reduce){.v21-neyali-bullet-stage *{animation:none!important}.v21-neyali-bullet-stage img{opacity:0}.v21-neyali-bullet-stage img:last-of-type{opacity:1}}

/* 🦊 Foxy skinbemutató – Bunny kártyafelépítése, egyetlen Flurry-arttal. */
.v21-foxy-skins{border-color:rgba(255,181,34,.32);background:radial-gradient(circle at 12% 0,rgba(255,109,45,.13),transparent 28rem),radial-gradient(circle at 92% 100%,rgba(255,186,73,.11),transparent 26rem),var(--v21-panel)}
.v21-foxy-skins>header small{color:#ffba49}
.v21-foxy-loadout-stage .v21-foxy-flurry{position:absolute;z-index:1;inset:4%;width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 0 14px var(--bunny-accent)) drop-shadow(0 0 30px var(--bunny-glow));animation:v21BunnyCarrotFloat 2.5s ease-in-out infinite}
.v21-foxy-loadout-stage::after{position:absolute;inset:18%;border:1px solid var(--bunny-glow);border-radius:50%;box-shadow:0 0 26px var(--bunny-glow);content:"";animation:v21BunnyExtraPulse 2.2s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.v21-foxy-loadout-stage *,.v21-foxy-loadout-stage::after{animation:none!important}}
.v21-zofra-loadout-stage .v21-zofra-plant{position:absolute;z-index:1;inset:8%;width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 0 14px var(--bunny-accent)) drop-shadow(0 0 28px var(--bunny-glow));animation:v21BunnyCarrotFloat 2.8s ease-in-out infinite}
.v21-zofra-loadout-stage::after{position:absolute;inset:20%;border:1px solid var(--bunny-glow);border-radius:50%;box-shadow:0 0 22px var(--bunny-glow);content:"";animation:v21BunnyExtraPulse 2.4s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.v21-zofra-loadout-stage *,.v21-zofra-loadout-stage::after{animation:none!important}}

/* ============================================================
   🔫 NIMERIA (heroId 30) – v2.1 patch notes
   A skinbemutató Bunny kártyáit használja (.v21-bunny-*), csak a
   loadout-színpadon két art fekszik egymáson: a Moduláris Mesterlövész
   Puska és a hozzá tartozó harci Drón.
   ============================================================ */
.v21-nimeria-skins .v21-bunny-skin-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.v21-nimeria-loadout-stage{width:clamp(190px,17vw,280px);height:clamp(150px,13vw,220px)}
.v21-nimeria-loadout-stage::before{animation-duration:3.1s}
.v21-nimeria-weapon{left:0;top:6%;width:96%;height:74%;animation:v21NimeriaWeaponFloat 3s ease-in-out infinite}
.v21-nimeria-drone{right:-2%;bottom:0;width:42%;height:42%;animation:v21NimeriaDroneHover 2.4s ease-in-out infinite}
@keyframes v21NimeriaWeaponFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(1.5deg)}}
@keyframes v21NimeriaDroneHover{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-11px) rotate(5deg)}}

/* A hat fegyvermodul Lv1–Lv3 bontása */
.v21-nimeria-modules{border-color:rgba(150,70,227,.32);background:radial-gradient(circle at 8% 0,rgba(150,70,227,.18),transparent 25rem),radial-gradient(circle at 96% 100%,rgba(0,97,161,.14),transparent 26rem),var(--v21-panel)}
.v21-nimeria-modules .v21-frost-legend-head small{color:#c79dff}
.v21-nimeria-module-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}
.v21-nimeria-module-card{position:relative;overflow:hidden;padding:16px 16px 14px;border:1px solid color-mix(in srgb,var(--nimeria-accent) 42%,transparent);border-radius:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--nimeria-accent) 14%,transparent),rgba(8,10,20,.55))}
.v21-nimeria-module-card::before{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 6px,color-mix(in srgb,var(--nimeria-accent) 9%,transparent) 6px 7px);content:"";pointer-events:none;opacity:.55}
.v21-nimeria-module-card > header{display:flex;position:relative;align-items:center;gap:10px;margin-bottom:11px}
.v21-nimeria-module-card > header i{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--nimeria-accent) 60%,transparent);border-radius:9px;background:color-mix(in srgb,var(--nimeria-accent) 20%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--nimeria-accent) 45%,transparent);font-size:17px;font-style:normal}
.v21-nimeria-module-card > header i img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--nimeria-accent) 70%,transparent))}
.v21-nimeria-module-card > header h4{margin:0;font-size:1.02rem;letter-spacing:-.02em}
.v21-nimeria-module-card ol{display:grid;position:relative;gap:8px;margin:0;padding:0;list-style:none}
.v21-nimeria-module-card li{display:grid;grid-template-columns:38px 1fr;align-items:start;gap:9px}
.v21-nimeria-module-card li b{padding:3px 0;border:1px solid color-mix(in srgb,var(--nimeria-accent) 55%,transparent);border-radius:6px;background:color-mix(in srgb,var(--nimeria-accent) 22%,transparent);color:#fff;font-size:.66rem;font-weight:900;letter-spacing:.08em;text-align:center}
.v21-nimeria-module-card li p{margin:0;color:var(--v21-muted);font-size:.83rem;line-height:1.5}
@media(max-width:760px){.v21-nimeria-module-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.v21-nimeria-loadout-stage *{animation:none!important}}

/* 🔴 ZAKURA (heroId 33) – "Aseng-gömbök" skinbemutató: a bannerkép elé egy nagy
   Aseng-mag és öt satellit gömb kerül, MINDEGYIK a valódi gömb-asset. */
.v21-zakura-skins{border-color:rgba(175,23,36,.34);background:radial-gradient(circle at 10% 0,rgba(175,23,36,.16),transparent 28rem),radial-gradient(circle at 92% 100%,rgba(100,0,13,.14),transparent 26rem),var(--v21-panel)}
.v21-zakura-skins>header small{color:#e2394a}
.v21-zakura-orbit-stage{position:absolute;z-index:2;left:50%;top:54%;width:clamp(180px,16vw,262px);height:clamp(180px,16vw,262px);transform:translate(-50%,-50%)}
.v21-zakura-orbit-stage::before{position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--bunny-glow) 40%,transparent),color-mix(in srgb,var(--bunny-accent) 16%,transparent) 44%,transparent 70%);content:"";animation:v21ZakuraHalo 2.8s ease-in-out infinite}
.v21-zakura-orbit-stage i{position:absolute;inset:8%;border:1px solid color-mix(in srgb,var(--bunny-accent) 70%,transparent);border-radius:50%;box-shadow:0 0 22px color-mix(in srgb,var(--bunny-glow) 60%,transparent),inset 0 0 18px color-mix(in srgb,var(--bunny-accent) 26%,transparent);animation:v21ZakuraRing 6s linear infinite}
.v21-zakura-orbit-stage .v21-zakura-core{position:absolute;z-index:2;left:50%;top:50%;width:44%;height:44%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 0 15px var(--bunny-accent)) drop-shadow(0 0 34px var(--bunny-glow));animation:v21ZakuraCore 2.6s ease-in-out infinite}
.v21-zakura-orbit-stage .v21-zakura-satellite{position:absolute;z-index:1;left:50%;top:50%;width:17%;height:17%;margin:-8.5% 0 0 -8.5%;object-fit:contain;filter:drop-shadow(0 0 9px var(--bunny-accent)) drop-shadow(0 0 20px var(--bunny-glow));transform-origin:50% 50%;animation:v21ZakuraOrbit 7s linear infinite;animation-delay:calc(var(--orb-index) * -1.4s)}
@keyframes v21ZakuraHalo{0%,100%{opacity:.62;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)}}
@keyframes v21ZakuraRing{to{transform:rotate(360deg)}}
@keyframes v21ZakuraCore{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.07)}}
@keyframes v21ZakuraOrbit{from{transform:rotate(0deg) translateX(clamp(62px,5.6vw,92px)) rotate(0deg)}to{transform:rotate(360deg) translateX(clamp(62px,5.6vw,92px)) rotate(-360deg)}}
@media(max-width:560px){.v21-zakura-orbit-stage{width:190px;height:190px}}
@media(prefers-reduced-motion:reduce){.v21-zakura-orbit-stage *,.v21-zakura-orbit-stage::before{animation:none!important}}

/* GOODY (heroId 56) – skinfüggő bombavitrin és a teljes, emoji nélküli
   modulpool. A kártyák ritkasága csak keretszínnel és felirattal kommunikál. */
.v21-dependency-skins--goody-bomb{border-color:rgba(119,134,27,.38);background:radial-gradient(circle at 8% 0,rgba(76,155,65,.2),transparent 28rem),radial-gradient(circle at 94% 100%,rgba(166,105,48,.14),transparent 26rem),var(--v21-panel)}
.v21-dependency-skins--goody-bomb>header small{color:#a8c437}.v21-dependency-stage--goody-bomb{inset:19% 8% 13%}.v21-dependency-stage--goody-bomb figure{width:100%;height:100%;max-width:none!important;flex:none}.v21-dependency-stage--goody-bomb img{width:min(72%,260px);height:auto;max-height:82%;filter:drop-shadow(0 0 13px var(--bunny-accent)) drop-shadow(0 0 30px var(--bunny-glow));animation:v21GoodyBombFloat 3.1s ease-in-out infinite}
@keyframes v21GoodyBombFloat{0%,100%{transform:translateY(4px) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}
.v21-goody-modules{border-color:rgba(119,134,27,.34);background:radial-gradient(circle at 10% 0,rgba(76,155,65,.17),transparent 30rem),radial-gradient(circle at 92% 100%,rgba(109,18,174,.12),transparent 28rem),var(--v21-panel)}.v21-goody-modules .v21-frost-legend-head small{color:#b7cf43}
.v21-goody-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:11px}.v21-goody-module-card{--goody-rarity:#c8d1c3;position:relative;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--goody-rarity) 48%,transparent);border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--goody-rarity) 10%,transparent),rgba(5,9,7,.58));box-shadow:inset 0 0 18px rgba(0,0,0,.2)}.v21-goody-module-card[data-rarity="ritka"]{--goody-rarity:#62bfff}.v21-goody-module-card[data-rarity="kísérleti"]{--goody-rarity:#e765ff}.v21-goody-module-card>img{width:56px;height:56px;object-fit:cover;border:1px solid color-mix(in srgb,var(--goody-rarity) 62%,transparent);border-radius:10px;box-shadow:0 0 14px color-mix(in srgb,var(--goody-rarity) 25%,transparent)}.v21-goody-module-card>div{min-width:0}.v21-goody-module-card small{color:var(--goody-rarity);font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.v21-goody-module-card h4{margin:3px 0 4px;font-size:.92rem}.v21-goody-module-card p{margin:0;color:var(--v21-muted);font-size:.76rem;line-height:1.4}.v21-goody-module-card>strong{display:flex;align-items:center;gap:5px;color:#fff;font-size:.85rem}.v21-goody-module-card>strong img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 0 5px var(--goody-rarity))}
@media(max-width:620px){.v21-goody-module-grid{grid-template-columns:1fr}.v21-goody-module-card{grid-template-columns:52px 1fr auto}.v21-goody-module-card>img{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--goody-bomb img{animation:none!important}}

.v21-dependency-skins--lola-evolution .v21-bunny-skin-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.v21-dependency-skins--lola-evolution .v21-dependency-stage--lola-evolution { inset:8% 3% 12%; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:end; gap:5px; }
.v21-dependency-skins--lola-evolution .v21-dependency-stage--lola-evolution>i { display:none; }
.v21-dependency-skins--lola-evolution .v21-dependency-stage--lola-evolution figure { min-width:0; margin:0; text-align:center; }
.v21-dependency-skins--lola-evolution .v21-dependency-stage--lola-evolution img { max-width:100%; width:100%; height:190px; object-fit:contain; }
.v21-dependency-skins--lola-evolution .v21-dependency-stage--lola-evolution figcaption { color:var(--bunny-glow); font-size:12px; font-weight:700; }
@media(max-width:700px) { .v21-dependency-skins--lola-evolution .v21-bunny-skin-grid { grid-template-columns:1fr; } }
/* Nekatay (37) Lélekudvar-szintek és hatásrendszer: az alap skin palettája (#38DED1, #208476, #2A2A2A, #48FAF7, #7DACA5). */
.v21-bunny-extras.is-hero-37{border-color:rgba(56,222,209,.3);background:radial-gradient(circle at 88% 0,rgba(56,222,209,.12),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(32,132,118,.14),transparent 24rem),var(--v21-panel)}
.v21-bunny-extras.is-hero-37>header small{color:#48FAF7}
.v21-bunny-extras.is-hero-37>header p{color:#7DACA5}
.is-hero-37 .v21-bunny-extra-card,.is-hero-37 .v21-bunny-extra-card.is-easter{border-color:rgba(56,222,209,.28);background:linear-gradient(135deg,rgba(32,132,118,.16),rgba(42,42,42,.55) 55%,rgba(5,8,12,.92))}
.is-hero-37 .v21-bunny-extra-card.is-debuff{border-color:rgba(72,250,247,.34);background:linear-gradient(135deg,rgba(56,222,209,.12),rgba(42,42,42,.6) 55%,rgba(5,8,12,.92))}
.is-hero-37 .v21-bunny-extra-icon i{border-color:#38DED1;box-shadow:0 0 18px rgba(56,222,209,.55),inset 0 0 14px rgba(32,132,118,.4)}
.is-hero-37 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 12px rgba(72,250,247,.7))}
.is-hero-37 .v21-bunny-extra-card small{color:#48FAF7}
.is-hero-37 .v21-bunny-extra-card p{color:#7DACA5}
/* Flower (42) Tüskekorona-mérföldkövek és hatásrendszer: az alap skin palettája (#132525, #C2445C, #589991, #19865F, #AB1E49). */
.v21-bunny-extras.is-hero-42{border-color:rgba(194,68,92,.32);background:radial-gradient(circle at 88% 0,rgba(171,30,73,.16),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(88,153,145,.13),transparent 24rem),var(--v21-panel)}
.v21-bunny-extras.is-hero-42>header small{color:#C2445C}
.v21-bunny-extras.is-hero-42>header p{color:#9fbdb8}
.is-hero-42 .v21-bunny-extra-card,.is-hero-42 .v21-bunny-extra-card.is-easter{border-color:rgba(88,153,145,.28);background:linear-gradient(135deg,rgba(25,134,95,.14),rgba(19,37,37,.6) 55%,rgba(7,3,4,.92))}
.is-hero-42 .v21-bunny-extra-card.is-debuff{border-color:rgba(194,68,92,.36);background:linear-gradient(135deg,rgba(171,30,73,.16),rgba(19,37,37,.6) 55%,rgba(7,3,4,.92))}
.is-hero-42 .v21-bunny-extra-icon i{border-color:#C2445C;box-shadow:0 0 18px rgba(171,30,73,.55),inset 0 0 14px rgba(19,37,37,.6)}
.is-hero-42 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 12px rgba(194,68,92,.7))}
.is-hero-42 .v21-bunny-extra-card small{color:#C2445C}
.is-hero-42 .v21-bunny-extra-card p{color:#b9cfcb}
.v21-dependency-stage--flower-thorn figure:first-of-type img{animation:v21FlowerUmbrellaFloat 3.4s ease-in-out infinite}
.v21-dependency-stage--flower-thorn figure:last-of-type img{animation:v21FlowerThornFloat 2.8s ease-in-out infinite}
@keyframes v21FlowerUmbrellaFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}
@keyframes v21FlowerThornFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(10deg)}}
@media (prefers-reduced-motion: reduce){.v21-dependency-stage--flower-thorn img{animation:none!important}}
/* Ikonos fokozat-kártyák: Mr.Pump állapotai és Furiel képességfokozatai */
.v21-tier-legend{border-color:color-mix(in srgb,rgb(var(--tier-rgb)) 34%,transparent);background:radial-gradient(circle at 10% 0,color-mix(in srgb,rgb(var(--tier-rgb)) 16%,transparent),transparent 25rem),var(--v21-panel)}
.v21-tier-legend>.v21-frost-legend-head small{color:rgb(var(--tier-rgb))}
.v21-tier-icon{min-height:96px}
.v21-tier-icon img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 0 12px rgb(var(--frost-rgb)))}
.v21-furiel-legend-card[data-stacks] .v21-furiel-stack.is-tier-icon{max-width:none;min-height:96px}
.v21-furiel-legend-card[data-stacks] .v21-furiel-stack.is-tier-icon img{width:84px;height:84px}
@media (min-width:901px){.v21-tier-legend-grid[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Goat skinfüggő Csont-ikonja – ugyanaz a felállás, mint a buborékos vitriné */
.v21-dependency-stage--bone figure{width:100%;height:100%;max-width:none!important;flex:none}
.v21-dependency-stage--bone img{width:clamp(150px,11vw,220px);height:auto;max-height:68%}
.v21-dependency-skins--bone{--dependency-accent:#e9e2c9}
.v21-dependency-skins--bone>header small{color:#e9e2c9}
@media(max-width:560px){.v21-dependency-stage--bone img{width:min(58%,200px)}}

/* Dora Kontrollszintjei: a három szint-ikon nagyban, egyre erősebb gyűrűkkel és fénnyel */
.v21-dora-legend .v21-frost-legend-grid{gap:22px}
.v21-dora-legend-card{position:relative;overflow:visible;padding-top:34px}
.v21-dora-level-stage{position:relative;display:grid;width:172px;height:172px;place-items:center;margin-bottom:4px}
.v21-dora-level-stage>img{position:relative;z-index:2;width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 0 10px rgb(var(--frost-rgb))) drop-shadow(0 0 26px color-mix(in srgb,rgb(var(--frost-rgb)) 70%,transparent));animation:v21DoraLevelFloat 3.4s ease-in-out infinite}
.v21-dora-legend-card[data-stacks="2"] .v21-dora-level-stage>img{width:128px;height:128px}
.v21-dora-legend-card[data-stacks="3"] .v21-dora-level-stage>img{width:140px;height:140px}
.v21-dora-ring{position:absolute;inset:8px;border:1px solid color-mix(in srgb,rgb(var(--frost-rgb)) 70%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,rgb(var(--frost-rgb)) 26%,transparent),transparent 68%);box-shadow:0 0 26px color-mix(in srgb,rgb(var(--frost-rgb)) 42%,transparent),inset 0 0 28px color-mix(in srgb,rgb(var(--frost-rgb)) 22%,transparent)}
.v21-dora-ring::after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:rgb(var(--frost-rgb));box-shadow:0 0 12px 3px rgb(var(--frost-rgb))}
.v21-dora-ring{animation:v21DoraRingSpin 9s linear infinite}
.v21-dora-ring--outer{display:none;inset:-4px;border-style:dashed;background:none;box-shadow:0 0 30px color-mix(in srgb,rgb(var(--frost-rgb)) 30%,transparent);animation-duration:14s;animation-direction:reverse}
.v21-dora-legend-card[data-stacks="2"] .v21-dora-ring--outer,.v21-dora-legend-card[data-stacks="3"] .v21-dora-ring--outer{display:block}
.v21-dora-legend-card[data-stacks="3"] .v21-dora-ring{animation-duration:6s}
.v21-dora-legend-card[data-stacks="3"]{box-shadow:0 0 34px color-mix(in srgb,rgb(var(--frost-rgb)) 22%,transparent)}
.v21-dora-level-stage .v21-dora-roman{position:absolute;z-index:3;right:10px;bottom:10px;width:34px;height:34px;font-size:.86rem}
.v21-dora-legend-card:not(:last-child)::after{content:"";position:absolute;z-index:3;top:118px;right:-23px;width:24px;height:2px;background:linear-gradient(90deg,rgb(var(--frost-rgb)),rgba(var(--frost-rgb),.2));box-shadow:0 0 10px rgb(var(--frost-rgb))}
@keyframes v21DoraRingSpin{to{transform:rotate(360deg)}}
@keyframes v21DoraLevelFloat{0%,100%{transform:translateY(3px) scale(.98)}50%{transform:translateY(-5px) scale(1.03)}}
@media(max-width:900px){.v21-dora-legend-card:not(:last-child)::after{display:none}}
@media(prefers-reduced-motion:reduce){.v21-dora-ring,.v21-dora-level-stage>img{animation:none}}

/* Zakura KÜLÖNLEGES HATÁSOK – bordó/vörös Aseng-paletta */
.v21-bunny-extras.is-hero-33{border-color:rgba(175,23,36,.34);background:radial-gradient(circle at 88% 0,rgba(175,23,36,.14),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(100,0,13,.2),transparent 24rem),var(--v21-panel)}
.v21-bunny-extras.is-hero-33>header small{color:#ff6b78}
.v21-bunny-extras.is-hero-33>header p{color:#b58a90}
.is-hero-33 .v21-bunny-extra-card,.is-hero-33 .v21-bunny-extra-card.is-easter{border-color:rgba(175,23,36,.3);background:linear-gradient(135deg,rgba(175,23,36,.14),rgba(42,42,42,.55) 55%,rgba(5,8,12,.92))}
.is-hero-33 .v21-bunny-extra-card.is-debuff{border-color:rgba(255,80,96,.4);background:linear-gradient(135deg,rgba(255,60,80,.14),rgba(42,42,42,.6) 55%,rgba(5,8,12,.92))}
.is-hero-33 .v21-bunny-extra-icon i{border-color:#c4202f;box-shadow:0 0 18px rgba(196,32,47,.55),inset 0 0 14px rgba(100,0,13,.5)}
.is-hero-33 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 12px rgba(255,64,80,.7))}
.is-hero-33 .v21-bunny-extra-card small{color:#ff6b78}
.is-hero-33 .v21-bunny-extra-card p{color:#b58a90}

/* Nimeria KÜLÖNLEGES HATÁSOK – arkanóriai lila és katonai kék */
.v21-bunny-extras.is-hero-30{border-color:rgba(150,70,227,.34);background:radial-gradient(circle at 88% 0,rgba(150,70,227,.14),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(0,97,161,.18),transparent 24rem),var(--v21-panel)}
.v21-bunny-extras.is-hero-30>header small{color:#c58cff}
.v21-bunny-extras.is-hero-30>header p{color:#9c93b5}
.is-hero-30 .v21-bunny-extra-card,.is-hero-30 .v21-bunny-extra-card.is-easter{border-color:rgba(150,70,227,.3);background:linear-gradient(135deg,rgba(150,70,227,.14),rgba(42,42,42,.55) 55%,rgba(5,8,12,.92))}
.is-hero-30 .v21-bunny-extra-card.is-debuff{border-color:rgba(70,160,255,.4);background:linear-gradient(135deg,rgba(0,97,161,.2),rgba(42,42,42,.6) 55%,rgba(5,8,12,.92))}
.is-hero-30 .v21-bunny-extra-icon i{border-color:#9646e3;box-shadow:0 0 18px rgba(150,70,227,.55),inset 0 0 14px rgba(45,6,76,.5)}
.is-hero-30 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 12px rgba(170,110,255,.7))}
.is-hero-30 .v21-bunny-extra-card small{color:#c58cff}
.is-hero-30 .v21-bunny-extra-card p{color:#9c93b5}

/* Puk: zöld + lila színtéma a Mélység- és füsthatás-szekciókhoz */
.v21-bunny-extras.is-hero-58{border-color:rgba(146,84,224,.36);background:radial-gradient(circle at 90% 0,rgba(146,84,224,.17),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(66,200,96,.13),transparent 24rem),var(--v21-panel)}
.v21-bunny-extras.is-hero-58>header small{color:#6ce684}
.v21-bunny-extras.is-hero-58>header p{color:#a59cbd}
.is-hero-58 .v21-bunny-extra-card,.is-hero-58 .v21-bunny-extra-card.is-puk{border-color:rgba(146,84,224,.34);background:linear-gradient(135deg,rgba(146,84,224,.17),rgba(38,34,54,.55) 52%,rgba(6,10,10,.92)),radial-gradient(circle at 100% 100%,rgba(66,200,96,.1),transparent 16rem)}
.is-hero-58 .v21-bunny-extra-icon i{border-color:#52d96e;box-shadow:0 0 18px rgba(82,217,110,.5),inset 0 0 14px rgba(110,50,190,.5)}
.is-hero-58 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 12px rgba(150,90,230,.7))}
.is-hero-58 .v21-bunny-extra-card small{color:#6ce684}
.is-hero-58 .v21-bunny-extra-card p{color:#aaa2c2}
/* Koye vizuális update — a v2.1 oldal záró, önálló bemutatóblokkja. */
.v21-koye-visual-update{position:relative;overflow:hidden;padding:110px 0;background:radial-gradient(circle at 18% 42%,#0a83b947,transparent 35%),radial-gradient(circle at 82% 65%,#1459b438,transparent 38%),linear-gradient(180deg,#030a17,#061a30 48%,#020711);border-top:1px solid #4bdcff3b;border-bottom:1px solid #4bdcff2e}
.v21-koye-visual-update::before{position:absolute;inset:-30%;content:"";pointer-events:none;background:repeating-radial-gradient(ellipse at 45% 55%,transparent 0 44px,#75e8ff0d 47px 49px,transparent 52px 85px);animation:v21KoyeCurrent 18s linear infinite}
.v21-koye-visual-heading{position:relative}.v21-koye-visual-heading p:first-child{color:#57dbff}.v21-koye-visual-heading em{color:#8eeeff;text-shadow:0 0 28px #168cff8c}
.v21-koye-visual-grid{position:relative;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(420px,1.25fr);gap:22px;margin-top:26px}
.v21-koye-visual-hero,.v21-koye-visual-card{position:relative;overflow:hidden;margin:0;border:1px solid #74e8ff54;border-radius:26px;background:#061529;box-shadow:0 25px 70px #0009,0 0 35px #0a92d72c}
.v21-koye-visual-hero>img{display:block;width:100%;height:650px;object-fit:cover;object-position:center top;filter:saturate(1.08) contrast(1.04)}
.v21-koye-visual-hero::after,.v21-koye-visual-card::after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,transparent 42%,#02101fea 84%,#020914)}
.v21-koye-visual-hero figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:27px;display:grid;gap:4px}.v21-koye-visual-hero small,.v21-koye-visual-card small,.v21-koye-flute-feature small,.v21-koye-ability-update small{color:#63dcff;font:800 11px/1.2 "Outfit",sans-serif;letter-spacing:.15em}.v21-koye-visual-hero b{color:#fff;font:800 25px/1.15 "Outfit",sans-serif}.v21-koye-visual-hero span{color:#b8d9e6;font-size:13px;line-height:1.45}
.v21-koye-visual-details{display:grid;grid-template-columns:1fr 1fr;gap:18px}.v21-koye-visual-card{grid-row:span 2}.v21-koye-visual-card>img{display:block;width:100%;height:650px;object-fit:cover;object-position:center top}.v21-koye-visual-card figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;display:grid;gap:4px}.v21-koye-visual-card b{color:#fff;font:800 20px/1.15 "Outfit",sans-serif}
.v21-koye-flute-feature,.v21-koye-ability-update{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:316px;padding:24px;border:1px solid #55dcff50;border-radius:22px;background:linear-gradient(145deg,#0a3551d9,#061a33e8);box-shadow:inset 0 0 30px #36ccff0d,0 18px 45px #0007}.v21-koye-flute-feature>img{position:relative;z-index:2;width:112px;height:112px;align-self:center;object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 0 9px #fff) drop-shadow(0 0 25px #24cbff);animation:v21KoyeFlute 2.8s ease-in-out infinite alternate}.v21-koye-flute-feature h3,.v21-koye-ability-update h3{margin:5px 0 7px;color:#fff;font:800 20px/1.12 "Outfit",sans-serif}.v21-koye-flute-feature p,.v21-koye-ability-update p{margin:0;color:#b9dbe7;font-size:12px;line-height:1.5}
.v21-koye-flute-vfx{position:absolute;left:50%;top:18px;width:150px;height:150px;transform:translateX(-50%);border:1px solid #a2f8ff;border-color:#a2f8ff transparent;border-radius:36%;box-shadow:0 0 28px #2ad4ff63;animation:v21KoyeRing 5s linear infinite}.v21-koye-flute-vfx::before,.v21-koye-flute-vfx::after{position:absolute;content:"";border-radius:50%;border:1px solid #4adeff66}.v21-koye-flute-vfx::before{inset:18px;animation:v21KoyeInnerRing 3.2s linear infinite reverse}.v21-koye-flute-vfx::after{inset:34px;box-shadow:inset 0 0 24px #27cfff4a}.v21-koye-flute-vfx i{position:absolute;width:7px;height:7px;border:1px solid #ddffff;border-radius:50%;box-shadow:0 0 9px #4ee8ff;animation:v21KoyeBubble 3.2s ease-in infinite}.v21-koye-flute-vfx i:first-child{left:15px;bottom:8px}.v21-koye-flute-vfx i:last-child{right:19px;bottom:2px;animation-delay:-1.5s}
.v21-koye-ability-update{justify-content:flex-start}.v21-koye-ability-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;width:100%;margin-bottom:18px}.v21-koye-ability-icons img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #83edff70;border-radius:13px;background:#05142b;box-shadow:0 0 14px #2acfff33;transition:.25s ease}.v21-koye-ability-icons img:hover{transform:translateY(-3px);filter:brightness(1.2);box-shadow:0 0 20px #48e5ff99}
.v21-visual-showcase{--visual-accent:#57dbff;--visual-accent-soft:#8eeeff;--visual-glow:rgba(22,140,255,.25);position:relative;margin-top:42px;padding:28px;border:1px solid color-mix(in srgb,var(--visual-accent) 38%,transparent);border-radius:32px;background:radial-gradient(circle at 10% 0,color-mix(in srgb,var(--visual-accent) 14%,transparent),transparent 31rem),linear-gradient(145deg,rgba(4,17,34,.9),rgba(3,9,20,.96));box-shadow:0 26px 70px rgba(0,0,0,.32),inset 0 0 38px color-mix(in srgb,var(--visual-accent) 5%,transparent)}
.v21-visual-showcase--koye{--visual-accent:#57dbff;--visual-accent-soft:#8eeeff;--visual-glow:rgba(22,140,255,.25)}
.v21-visual-showcase--raven{--visual-accent:#9c5fdd;--visual-accent-soft:#a7b5de;--visual-glow:rgba(156,95,221,.32);background:radial-gradient(circle at 8% 0,rgba(156,95,221,.18),transparent 32rem),linear-gradient(145deg,rgba(15,10,30,.94),rgba(4,4,13,.98))}
.v21-visual-showcase--ogerpon{--visual-accent:#ff7426;--visual-accent-soft:#ffc064;--visual-glow:rgba(255,92,20,.32);background:radial-gradient(circle at 8% 0,rgba(255,116,38,.2),transparent 32rem),linear-gradient(145deg,rgba(35,14,8,.94),rgba(12,6,5,.98))}
.v21-visual-showcase--nola{--visual-accent:#16bfff;--visual-accent-soft:#a9efff;--visual-glow:rgba(22,191,255,.3);background:radial-gradient(circle at 8% 0,rgba(22,191,255,.18),transparent 32rem),linear-gradient(145deg,rgba(5,22,37,.96),rgba(3,8,17,.98))}
.v21-visual-showcase--circus{--visual-accent:#318cff;--visual-accent-soft:#ffc36b;--visual-glow:rgba(49,140,255,.3);background:radial-gradient(circle at 8% 0,rgba(49,140,255,.18),transparent 29rem),radial-gradient(circle at 94% 100%,rgba(255,152,56,.12),transparent 24rem),linear-gradient(145deg,rgba(10,21,35,.96),rgba(10,7,8,.98))}
.v21-visual-showcase--valentina{--visual-accent:#ff385f;--visual-accent-soft:#ffad65;--visual-glow:rgba(255,56,95,.32);background:radial-gradient(circle at 8% 0,rgba(255,56,95,.19),transparent 30rem),radial-gradient(circle at 94% 100%,rgba(255,118,36,.12),transparent 24rem),linear-gradient(145deg,rgba(38,8,17,.96),rgba(13,5,8,.98))}
.v21-visual-showcase--ariella{--visual-accent:#e51d3f;--visual-accent-soft:#ff9ba8;--visual-glow:rgba(229,29,63,.34);background:radial-gradient(circle at 8% 0,rgba(229,29,63,.2),transparent 31rem),linear-gradient(145deg,rgba(35,6,13,.96),rgba(10,4,8,.98))}
.v21-visual-showcase--randal{--visual-accent:#ff792e;--visual-accent-soft:#8fc5ff;--visual-glow:rgba(255,121,46,.3);background:radial-gradient(circle at 8% 0,rgba(255,121,46,.18),transparent 29rem),radial-gradient(circle at 94% 100%,rgba(75,143,255,.12),transparent 24rem),linear-gradient(145deg,rgba(31,14,8,.96),rgba(5,10,18,.98))}
.v21-visual-showcase--mush{--visual-accent:#775cff;--visual-accent-soft:#b9edff;--visual-glow:rgba(119,92,255,.32);background:radial-gradient(circle at 8% 0,rgba(119,92,255,.2),transparent 31rem),linear-gradient(145deg,rgba(17,12,41,.96),rgba(5,8,21,.98))}
.v21-visual-showcase--arobius{--visual-accent:#47aaff;--visual-accent-soft:#d9f3ff;--visual-glow:rgba(71,170,255,.32);background:radial-gradient(circle at 8% 0,rgba(71,170,255,.19),transparent 31rem),linear-gradient(145deg,rgba(8,24,42,.96),rgba(4,10,18,.98))}
.v21-visual-showcase--cassandra{--visual-accent:#92adff;--visual-accent-soft:#fff;--visual-glow:rgba(146,173,255,.34);background:radial-gradient(circle at 8% 0,rgba(146,173,255,.2),transparent 31rem),linear-gradient(145deg,rgba(18,24,51,.96),rgba(7,9,22,.98))}
.v21-visual-showcase--anita{--visual-accent:#d7a43a;--visual-accent-soft:#fff0ad;--visual-glow:rgba(215,164,58,.32);background:radial-gradient(circle at 8% 0,rgba(215,164,58,.2),transparent 31rem),linear-gradient(145deg,rgba(34,25,9,.96),rgba(13,10,6,.98))}
.v21-visual-showcase--tristan{--visual-accent:#8fb735;--visual-accent-soft:#ffe177;--visual-glow:rgba(143,183,53,.32);background:radial-gradient(circle at 8% 0,rgba(143,183,53,.2),transparent 31rem),linear-gradient(145deg,rgba(20,31,9,.96),rgba(8,13,5,.98))}
.v21-visual-showcase--karthy{--visual-accent:#bd3dff;--visual-accent-soft:#ffa4ef;--visual-glow:rgba(189,61,255,.34);background:radial-gradient(circle at 8% 0,rgba(189,61,255,.21),transparent 31rem),linear-gradient(145deg,rgba(31,8,42,.96),rgba(12,4,18,.98))}
.v21-visual-showcase--honeycomb{--visual-accent:#f5ad16;--visual-accent-soft:#fff09a;--visual-glow:rgba(245,173,22,.34);background:radial-gradient(circle at 8% 0,rgba(245,173,22,.22),transparent 31rem),linear-gradient(145deg,rgba(39,27,5,.96),rgba(15,10,3,.98))}
.v21-visual-showcase--hiratus{--visual-accent:#2ce5b2;--visual-accent-soft:#a7ffe4;--visual-glow:rgba(44,229,178,.32);background:radial-gradient(circle at 8% 0,rgba(44,229,178,.2),transparent 31rem),linear-gradient(145deg,rgba(5,32,29,.96),rgba(4,13,17,.98))}
.v21-visual-showcase--heralda{--visual-accent:#b23cff;--visual-accent-soft:#f2a7ff;--visual-glow:rgba(178,60,255,.35);background:radial-gradient(circle at 8% 0,rgba(178,60,255,.22),transparent 31rem),linear-gradient(145deg,rgba(31,7,43,.96),rgba(12,3,18,.98))}
.v21-visual-showcase--hoplite{--visual-accent:#8eea35;--visual-accent-soft:#d3ff8d;--visual-glow:rgba(142,234,53,.34);background:radial-gradient(circle at 8% 0,rgba(142,234,53,.2),transparent 31rem),radial-gradient(circle at 94% 100%,rgba(151,61,255,.14),transparent 24rem),linear-gradient(145deg,rgba(18,32,7,.96),rgba(11,5,20,.98))}
.v21-splash-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;margin-top:42px}.v21-splash-showcase-grid .v21-visual-showcase{min-width:0;margin-top:0;padding:20px;border-radius:26px}
.v21-visual-showcase-heading{position:relative;padding:2px 4px 0}.v21-visual-showcase-heading small{color:var(--visual-accent-soft);font:800 11px/1.2 "Outfit",sans-serif;letter-spacing:.17em}.v21-visual-showcase-heading h3{margin:7px 0 4px;color:#fff;font:800 clamp(28px,4vw,46px)/1 "Outfit",sans-serif;letter-spacing:-.035em;text-shadow:0 0 28px var(--visual-glow)}.v21-visual-showcase-heading p{margin:0;color:#b9c8d5;font-size:14px;line-height:1.55}
.v21-visual-splash{position:relative;overflow:hidden;height:clamp(400px,28vw,560px);margin:20px 0 0;border:1px solid color-mix(in srgb,var(--visual-accent-soft) 50%,transparent);border-radius:21px;background:#050510;box-shadow:0 25px 70px #0009,0 0 42px var(--visual-glow)}
.v21-visual-splash>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(1.08) contrast(1.05);transition:transform .7s ease,filter .35s ease}
.v21-visual-splash:hover>img{transform:scale(1.025);filter:saturate(1.15) contrast(1.07)}
.v21-visual-splash::before{position:absolute;z-index:1;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,transparent 42%,rgba(4,3,12,.38) 67%,#05040f 100%),linear-gradient(90deg,rgba(10,7,25,.2),transparent 44%)}
.v21-visual-splash::after{position:absolute;z-index:2;inset:auto 0 0;height:3px;content:"";background:linear-gradient(90deg,transparent,var(--visual-accent),var(--visual-accent-soft),var(--visual-accent),transparent);box-shadow:0 0 22px var(--visual-accent)}
.v21-visual-splash figcaption{position:absolute;z-index:3;left:clamp(22px,4vw,52px);right:clamp(22px,4vw,52px);bottom:clamp(24px,4vw,46px);display:grid;gap:4px}.v21-visual-splash small{color:var(--visual-accent-soft);font:800 11px/1.2 "Outfit",sans-serif;letter-spacing:.17em}.v21-visual-splash b{color:#fff;font:800 clamp(32px,5vw,58px)/1 "Outfit",sans-serif;letter-spacing:-.035em;text-shadow:0 0 30px var(--visual-glow)}.v21-visual-splash span{color:#d0d1db;font-size:13px;line-height:1.45}
@keyframes v21KoyeCurrent{to{transform:translate(8%,-5%) rotate(5deg)}}@keyframes v21KoyeFlute{to{transform:translateY(-5px) rotate(2deg);filter:drop-shadow(0 0 13px #fff) drop-shadow(0 0 35px #24cbff)}}@keyframes v21KoyeRing{to{transform:translateX(-50%) rotate(360deg)}}@keyframes v21KoyeInnerRing{to{transform:rotate(360deg)}}@keyframes v21KoyeBubble{0%{opacity:0;transform:translateY(18px) scale(.5)}30%{opacity:1}100%{opacity:0;transform:translateY(-115px) scale(1.3)}}
@media(max-width:900px){.v21-koye-visual-grid{grid-template-columns:1fr}.v21-koye-visual-details{grid-template-columns:1fr 1fr}.v21-koye-visual-hero>img{height:520px}.v21-koye-visual-card>img{height:520px}}
@media(max-width:1100px){.v21-splash-showcase-grid{grid-template-columns:1fr}.v21-visual-splash{height:clamp(400px,56vw,620px)}}
@media(min-width:1800px){.v21-splash-showcase-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.v21-splash-showcase-grid>.v21-visual-showcase{grid-column:span 2}.v21-splash-showcase-grid>.v21-visual-showcase:last-child{grid-column:3/span 2}.v21-splash-showcase-grid>.v21-visual-showcase:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2}.v21-splash-showcase-grid>.v21-visual-showcase:last-child:nth-child(3n+2){grid-column:4/span 2}}
@media(max-width:620px){.v21-koye-visual-update{padding:76px 0}.v21-koye-visual-details{grid-template-columns:1fr}.v21-koye-visual-card{grid-row:auto}.v21-koye-visual-hero>img,.v21-koye-visual-card>img{height:460px}.v21-koye-flute-feature,.v21-koye-ability-update{min-height:290px}.v21-visual-showcase{margin-top:28px;padding:14px;border-radius:24px}.v21-splash-showcase-grid{gap:28px;margin-top:28px}.v21-splash-showcase-grid .v21-visual-showcase{padding:14px;border-radius:24px}.v21-visual-showcase-heading{padding:8px 6px 0}.v21-visual-splash{height:420px}.v21-visual-showcase--raven .v21-visual-splash>img,.v21-visual-showcase--ogerpon .v21-visual-splash>img,.v21-visual-showcase--nola .v21-visual-splash>img,.v21-visual-showcase--valentina .v21-visual-splash>img,.v21-visual-showcase--ariella .v21-visual-splash>img,.v21-visual-showcase--mush .v21-visual-splash>img,.v21-visual-showcase--arobius .v21-visual-splash>img,.v21-visual-showcase--cassandra .v21-visual-splash>img,.v21-visual-showcase--honeycomb .v21-visual-splash>img{object-position:58% 35%}.v21-visual-showcase--randal .v21-visual-splash>img,.v21-visual-showcase--anita .v21-visual-splash>img,.v21-visual-showcase--karthy .v21-visual-splash>img{object-position:55% 35%}.v21-visual-showcase--circus .v21-visual-splash>img,.v21-visual-showcase--hiratus .v21-visual-splash>img{object-position:52% 35%}.v21-visual-showcase--tristan .v21-visual-splash>img,.v21-visual-showcase--heralda .v21-visual-splash>img{object-position:48% 35%}.v21-visual-showcase--hoplite .v21-visual-splash>img{object-position:40% 35%}}
@media(prefers-reduced-motion:reduce){.v21-koye-visual-update::before,.v21-koye-flute-feature>img,.v21-koye-flute-vfx,.v21-koye-flute-vfx::before,.v21-koye-flute-vfx i{animation:none}}
/* Solaria (72) – Varázsbot + három Fényrúna vitrin és fénymágikus állapotok */
.v21-dependency-skins--solaria-rune{--dependency-accent:#F1CF7B;border-color:rgba(241,207,123,.32);background:radial-gradient(circle at 88% 0,rgba(241,207,123,.13),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(150,73,129,.16),transparent 24rem),var(--v21-panel)}
.v21-dependency-skins--solaria-rune>header small{color:#F1CF7B}
.v21-dependency-stage--solaria-rune{inset:13% 6% 11%;display:block;gap:0}
.v21-dependency-stage--solaria-rune>i{inset:12%;animation-duration:16s}
.v21-dependency-stage--solaria-rune figure{position:absolute;width:auto;height:auto;max-width:none!important;flex:none;margin:0}
.v21-dependency-stage--solaria-rune img{width:100%;height:100%;object-fit:contain}
.v21-dependency-stage--solaria-rune figure.is-solaria-wand{top:50%;left:50%;width:clamp(104px,9vw,150px);height:72%;transform:translate(-50%,-50%)}
.v21-dependency-stage--solaria-rune figure.is-solaria-wand img{filter:drop-shadow(0 0 14px var(--bunny-accent)) drop-shadow(0 0 34px var(--bunny-glow));animation:v21SolariaWandFloat 3.6s ease-in-out infinite}
.v21-dependency-stage--solaria-rune figure.is-solaria-rune{width:clamp(42px,3.6vw,60px);height:clamp(42px,3.6vw,60px)}
.v21-dependency-stage--solaria-rune figure.is-solaria-rune img{filter:drop-shadow(0 0 9px var(--bunny-accent)) drop-shadow(0 0 20px var(--bunny-glow));animation:v21SolariaRuneFloat 3.1s ease-in-out infinite}
.v21-dependency-stage--solaria-rune figure.is-solaria-rune-1{top:4%;left:50%;transform:translateX(-50%)}
.v21-dependency-stage--solaria-rune figure.is-solaria-rune-2{right:2%;bottom:14%;animation-delay:-1s}
.v21-dependency-stage--solaria-rune figure.is-solaria-rune-2 img{animation-delay:-1s}
.v21-dependency-stage--solaria-rune figure.is-solaria-rune-3{bottom:14%;left:2%}
.v21-dependency-stage--solaria-rune figure.is-solaria-rune-3 img{animation-delay:-2s}
.v21-dependency-stage--solaria-rune figure.is-solaria-rune figcaption{right:auto;left:50%;bottom:-13px;padding:2px 6px;transform:translateX(-50%)}
.v21-dependency-stage--solaria-rune figure.is-solaria-wand figcaption{right:auto;left:50%;width:max-content;transform:translateX(-50%)}
@keyframes v21SolariaWandFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes v21SolariaRuneFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(9deg)}}
@media(max-width:560px){.v21-dependency-stage--solaria-rune figure.is-solaria-wand{width:min(42%,120px)}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--solaria-rune img{animation:none!important}}
.v21-bunny-extras.is-hero-72{border-color:rgba(241,207,123,.32);background:radial-gradient(circle at 88% 0,rgba(241,207,123,.13),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(150,73,129,.17),transparent 24rem),var(--v21-panel)}
.v21-bunny-extras.is-hero-72>header small{color:#F1CF7B}
.v21-bunny-extras.is-hero-72>header p{color:#cbb9c9}
.is-hero-72 .v21-bunny-extra-card,.is-hero-72 .v21-bunny-extra-card.is-easter{border-color:rgba(241,207,123,.3);background:linear-gradient(135deg,rgba(255,245,190,.12),rgba(93,68,113,.5) 55%,rgba(8,4,14,.94))}
.is-hero-72 .v21-bunny-extra-card.is-debuff{border-color:rgba(150,73,129,.42);background:linear-gradient(135deg,rgba(150,73,129,.2),rgba(93,68,113,.5) 55%,rgba(8,4,14,.94))}
.is-hero-72 .v21-bunny-extra-icon i{border-color:#F1CF7B;box-shadow:0 0 18px rgba(241,207,123,.55),inset 0 0 14px rgba(93,68,113,.6)}
.is-hero-72 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 12px rgba(255,245,190,.75))}
.is-hero-72 .v21-bunny-extra-card small{color:#F1CF7B}
.is-hero-72 .v21-bunny-extra-card p{color:#ded2dd}

/* Gengar (13) – Dühkitörés: skinfüggő Szikla ököl + öt CSS sziklaszilánk (Düh I–V).
   A szilánk-figure-ök img-je rejtett (a renderer minden figure-be képet tesz),
   helyette ::before kőforma látszik; I–III világít, IV–V szürke, mint a harcban. */
.v21-dependency-skins--gengar-rage{--dependency-accent:#E1C269;border-color:rgba(225,194,105,.32);background:radial-gradient(circle at 88% 0,rgba(225,194,105,.13),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(141,73,60,.2),transparent 24rem),var(--v21-panel)}
.v21-dependency-skins--gengar-rage>header small{color:#E1C269}
.v21-dependency-stage--gengar-rage{inset:12% 8% 12%;display:block;gap:0}
.v21-dependency-stage--gengar-rage>i{inset:10%;border-style:dashed;border-color:color-mix(in srgb,#E1C269 70%,transparent);background:radial-gradient(circle,rgba(225,194,105,.24),color-mix(in srgb,var(--bunny-glow) 14%,transparent) 42%,transparent 68%);box-shadow:0 0 26px rgba(225,194,105,.42),inset 0 0 30px color-mix(in srgb,var(--bunny-glow) 20%,transparent);animation-duration:18s}
.v21-dependency-stage--gengar-rage figure{position:absolute;width:auto;height:auto;max-width:none!important;flex:none;margin:0}
.v21-dependency-stage--gengar-rage img{width:100%;height:100%;object-fit:contain}
.v21-dependency-stage--gengar-rage figure.is-gengar-fist{top:50%;left:50%;width:clamp(96px,8.6vw,138px);height:clamp(96px,8.6vw,138px);transform:translate(-50%,-50%)}
.v21-dependency-stage--gengar-rage figure.is-gengar-fist::before{content:"";position:absolute;inset:-8%;border-radius:50%;background:radial-gradient(circle,rgba(225,194,105,.42),rgba(141,73,60,.22) 48%,transparent 70%);filter:blur(4px);animation:v21GengarHalo 3.2s ease-in-out infinite}
.v21-dependency-stage--gengar-rage figure.is-gengar-fist img{position:relative;filter:drop-shadow(0 0 10px #E1C269) drop-shadow(0 0 26px var(--bunny-glow));animation:v21GengarFistFloat 3.4s ease-in-out infinite}
.v21-dependency-stage--gengar-rage figure.is-gengar-fist figcaption{right:auto;left:50%;width:max-content;transform:translateX(-50%)}
.v21-dependency-stage--gengar-rage figure.is-gengar-shard{width:clamp(26px,2.3vw,36px);height:clamp(26px,2.3vw,36px);transform:translate(-50%,-50%);animation:v21GengarShardFloat 3s ease-in-out infinite}
.v21-dependency-stage--gengar-rage figure.is-gengar-shard img{display:none}
.v21-dependency-stage--gengar-rage figure.is-gengar-shard::before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0,86% 18%,100% 58%,72% 100%,24% 92%,0 52%,16% 14%);background:linear-gradient(145deg,#FFF0DA,#E1C269 34%,#8D493C 72%,#3a1d17);box-shadow:inset 0 0 8px rgba(0,0,0,.5);filter:drop-shadow(0 0 8px #E1C269) drop-shadow(0 0 16px var(--bunny-glow))}
.v21-dependency-stage--gengar-rage figure.is-gengar-shard-4::before,.v21-dependency-stage--gengar-rage figure.is-gengar-shard-5::before{background:linear-gradient(145deg,#bdbdbd,#7c7c7c 45%,#3b3b3b);filter:drop-shadow(0 0 3px rgba(0,0,0,.6));opacity:.78}
.v21-dependency-stage--gengar-rage figure.is-gengar-shard-1{top:8%;left:50%}
.v21-dependency-stage--gengar-rage figure.is-gengar-shard-2{top:37.6%;left:88%;animation-delay:-.6s}
.v21-dependency-stage--gengar-rage figure.is-gengar-shard-3{top:82.4%;left:73.5%;animation-delay:-1.2s}
.v21-dependency-stage--gengar-rage figure.is-gengar-shard-4{top:82.4%;left:26.5%;animation-delay:-1.8s}
.v21-dependency-stage--gengar-rage figure.is-gengar-shard-5{top:37.6%;left:12%;animation-delay:-2.4s}
.v21-dependency-stage--gengar-rage figure.is-gengar-shard figcaption{right:auto;left:50%;bottom:-14px;padding:1px 5px;transform:translateX(-50%)}
@keyframes v21GengarFistFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}
@keyframes v21GengarShardFloat{0%,100%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,calc(-50% - 5px)) rotate(10deg)}}
@keyframes v21GengarHalo{0%,100%{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}
@media(max-width:560px){.v21-dependency-stage--gengar-rage figure.is-gengar-fist{width:min(40%,110px);height:min(40%,110px)}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--gengar-rage img,.v21-dependency-stage--gengar-rage figure,.v21-dependency-stage--gengar-rage figure::before{animation:none!important}}
.v21-bunny-extras.is-hero-13{border-color:rgba(225,194,105,.32);background:radial-gradient(circle at 88% 0,rgba(225,194,105,.13),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(223,52,107,.14),transparent 24rem),var(--v21-panel)}
.v21-bunny-extras.is-hero-13>header small{color:#E1C269}
.v21-bunny-extras.is-hero-13>header p{color:#d6c6b4}
.is-hero-13 .v21-bunny-extra-card,.is-hero-13 .v21-bunny-extra-card.is-easter{border-color:rgba(225,194,105,.3);background:linear-gradient(135deg,rgba(255,240,218,.1),rgba(141,73,60,.48) 55%,rgba(12,7,5,.94))}
.is-hero-13 .v21-bunny-extra-card.is-debuff{border-color:rgba(223,52,107,.42);background:linear-gradient(135deg,rgba(223,52,107,.18),rgba(90,40,34,.52) 55%,rgba(12,7,5,.94))}
.is-hero-13 .v21-bunny-extra-icon i{border-color:#E1C269;box-shadow:0 0 18px rgba(225,194,105,.55),inset 0 0 14px rgba(141,73,60,.6)}
.is-hero-13 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 12px rgba(225,194,105,.7))}
.is-hero-13 .v21-bunny-extra-card small{color:#E1C269}
.is-hero-13 .v21-bunny-extra-card p{color:#e2d6ca}

/* Gengar (13) – inline mechanika-ikonok a leírásokban: a Düh-portré (duh.webp)
   kerek, bronz keretes; a Szikla ököl és a hatás-ikonok bronz fényt kapnak. */
.ability-inline-icon.is-gengar-mechanic { filter: drop-shadow(0 0 4px rgba(225, 194, 105, .75)); }
.ability-inline-icon.is-gengar-rage { border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 1px rgba(225, 194, 105, .85), 0 0 6px rgba(223, 52, 107, .55); filter: none; }
.ability-inline-icon.is-gengar-exhaust { filter: drop-shadow(0 0 4px rgba(223, 52, 107, .6)); }
.is-hero-13 .v21-bunny-extra-icon img[src$="duh.webp"]{border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px rgba(225,194,105,.8)}

/* Prisma (17) inline mechanika-ikonok */
.ability-inline-icon.is-prisma-mechanic { filter: drop-shadow(0 0 4px rgba(255, 202, 255, .7)); }
.ability-inline-icon.is-prisma-break { filter: drop-shadow(0 0 5px rgba(255, 255, 255, .85)) drop-shadow(0 0 9px rgba(134, 141, 204, .6)); }
.ability-inline-icon.is-prisma-crack { filter: drop-shadow(0 0 4px rgba(166, 148, 148, .9)) drop-shadow(0 0 7px rgba(255, 202, 255, .45)); }
.ability-inline-icon.is-prisma-mirror { filter: drop-shadow(0 0 4px rgba(134, 141, 204, .8)); }
.ability-inline-icon.is-raven-keyword { filter: drop-shadow(0 0 4px rgba(156, 95, 221, .8)); }

/* ===== Prisma (17) · Prizmafény – skinfüggő Prizmatükör + 3 Fényszín ===== */
.v21-dependency-skins--prisma-light{--dependency-accent:#FFCAFF;border-color:rgba(255,202,255,.32);background:radial-gradient(circle at 88% 0,rgba(255,202,255,.13),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(134,141,204,.2),transparent 24rem),var(--v21-panel)}
.v21-dependency-skins--prisma-light>header small{color:#FFCAFF}
.v21-dependency-stage--prisma-light{inset:12% 8% 12%;display:block;gap:0}
.v21-dependency-stage--prisma-light>i{inset:10%;border-style:dashed;border-color:color-mix(in srgb,#FFCAFF 65%,transparent);background:radial-gradient(circle,rgba(249,227,213,.26),rgba(134,141,204,.16) 42%,transparent 68%);box-shadow:0 0 26px rgba(255,202,255,.38),inset 0 0 30px rgba(134,141,204,.22);animation-duration:22s}
.v21-dependency-stage--prisma-light figure{position:absolute;width:auto;height:auto;max-width:none!important;flex:none;margin:0}
.v21-dependency-stage--prisma-light img{width:100%;height:100%;object-fit:contain}
.v21-dependency-stage--prisma-light figure.is-prisma-mirror{top:50%;left:50%;width:clamp(96px,8.6vw,138px);height:clamp(96px,8.6vw,138px);transform:translate(-50%,-50%)}
.v21-dependency-stage--prisma-light figure.is-prisma-mirror::before{content:"";position:absolute;inset:-10%;border-radius:50%;background:conic-gradient(from 0deg,rgba(111,168,255,.45),rgba(255,214,107,.4),rgba(255,111,125,.42),rgba(255,202,255,.45),rgba(111,168,255,.45));filter:blur(9px);animation:v21PrismaHalo 6s linear infinite}
.v21-dependency-stage--prisma-light figure.is-prisma-mirror img{position:relative;filter:drop-shadow(0 0 10px #FFCAFF) drop-shadow(0 0 24px var(--bunny-glow));animation:v21PrismaMirrorFloat 3.8s ease-in-out infinite}
.v21-dependency-stage--prisma-light figure.is-prisma-mirror figcaption{right:auto;left:50%;width:max-content;transform:translateX(-50%)}
.v21-dependency-stage--prisma-light figure.is-prisma-color{width:clamp(30px,2.6vw,42px);height:clamp(30px,2.6vw,42px);transform:translate(-50%,-50%);animation:v21PrismaColorFloat 3.2s ease-in-out infinite}
.v21-dependency-stage--prisma-light figure.is-prisma-color img{filter:drop-shadow(0 0 8px var(--prisma-dot)) drop-shadow(0 0 16px var(--prisma-dot))}
.v21-dependency-stage--prisma-light figure.is-prisma-color--blue{--prisma-dot:#6FA8FF;top:10%;left:50%}
.v21-dependency-stage--prisma-light figure.is-prisma-color--yellow{--prisma-dot:#FFD66B;top:78%;left:84%;animation-delay:-1.05s}
.v21-dependency-stage--prisma-light figure.is-prisma-color--red{--prisma-dot:#FF6F7D;top:78%;left:16%;animation-delay:-2.1s}
.v21-dependency-stage--prisma-light figure.is-prisma-color figcaption{right:auto;left:50%;bottom:-14px;padding:1px 5px;transform:translateX(-50%);color:var(--prisma-dot)}
@keyframes v21PrismaMirrorFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes v21PrismaColorFloat{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,calc(-50% - 5px)) scale(1.08)}}
@keyframes v21PrismaHalo{to{transform:rotate(360deg)}}
@media(max-width:560px){.v21-dependency-stage--prisma-light figure.is-prisma-mirror{width:min(40%,110px);height:min(40%,110px)}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--prisma-light img,.v21-dependency-stage--prisma-light figure,.v21-dependency-stage--prisma-light figure::before{animation:none!important}}
.v21-bunny-extras.is-hero-17{border-color:rgba(255,202,255,.32);background:radial-gradient(circle at 88% 0,rgba(255,202,255,.13),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(134,141,204,.18),transparent 24rem),var(--v21-panel)}
.v21-bunny-extras.is-hero-17>header small{color:#FFCAFF}
.v21-bunny-extras.is-hero-17>header p{color:#d8ccd8}
.is-hero-17 .v21-bunny-extra-card,.is-hero-17 .v21-bunny-extra-card.is-easter{border-color:rgba(255,202,255,.3);background:linear-gradient(135deg,rgba(249,227,213,.1),rgba(76,64,70,.55) 55%,rgba(10,7,12,.94))}
.is-hero-17 .v21-bunny-extra-card.is-debuff{border-color:rgba(134,141,204,.45);background:linear-gradient(135deg,rgba(134,141,204,.2),rgba(76,64,70,.55) 55%,rgba(10,7,12,.94))}
.is-hero-17 .v21-bunny-extra-icon i{border-color:#FFCAFF;box-shadow:0 0 18px rgba(255,202,255,.5),inset 0 0 14px rgba(134,141,204,.55)}
.is-hero-17 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 12px rgba(255,202,255,.7))}
.is-hero-17 .v21-bunny-extra-card small{color:#FFCAFF}
.is-hero-17 .v21-bunny-extra-card p{color:#e4dae2}

/* Cross (31) · Elektromos Regenerátor – a fokozatok és signature hatások
   saját világoskék témát kapnak a generikus Bunny-narancs helyett. */
.v21-bunny-extras.is-hero-31{border-color:rgba(139,223,255,.38);background:radial-gradient(circle at 88% 0,rgba(0,229,254,.16),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(0,140,253,.18),transparent 24rem),var(--v21-panel);box-shadow:inset 0 0 42px rgba(0,140,253,.045)}
.v21-bunny-extras.is-hero-31>header small{color:#8BDFFF}
.v21-bunny-extras.is-hero-31>header h3{color:#F2FBFF;text-shadow:0 0 22px rgba(139,223,255,.12)}
.v21-bunny-extras.is-hero-31>header p{color:#B8D8E7}
.is-hero-31 .v21-bunny-extra-card,.is-hero-31 .v21-bunny-extra-card.is-easter,.is-hero-31 .v21-bunny-extra-card.is-buff{border-color:rgba(139,223,255,.36);background:linear-gradient(135deg,rgba(0,229,254,.13),rgba(0,61,117,.24) 52%,rgba(4,9,18,.94));box-shadow:inset 0 0 28px rgba(0,140,253,.06),0 17px 35px rgba(0,0,0,.24)}
.is-hero-31 .v21-bunny-extra-card:hover{border-color:rgba(139,223,255,.6);box-shadow:inset 0 0 34px rgba(0,229,254,.09),0 20px 42px rgba(0,140,253,.13)}
.is-hero-31 .v21-bunny-extra-icon i{border-color:#8BDFFF;box-shadow:0 0 18px rgba(139,223,255,.68),inset 0 0 16px rgba(0,140,253,.48)}
.is-hero-31 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 12px rgba(139,223,255,.82)) drop-shadow(0 0 22px rgba(0,140,253,.35))}
.is-hero-31 .v21-bunny-extra-card small{color:#8BDFFF}
.is-hero-31 .v21-bunny-extra-card p{color:#C0D8E5}

/* ===== Prisma (17) · v2: rajzolt fénygömbök (mint a Battle V3 ellenfél-kártyán) ===== */
/* Skinfüggő Prizmatükör: a három Fényszín a kártyán látható fénygömb, nem ikon. */
.v21-dependency-stage--prisma-light figure.is-prisma-color{width:clamp(56px,5vw,80px);height:clamp(56px,5vw,80px);animation:none}
.v21-dependency-stage--prisma-light figure.is-prisma-color--yellow{top:14%;left:50%}
.v21-dependency-stage--prisma-light figure.is-prisma-color--blue{top:76%;left:20%}
.v21-dependency-stage--prisma-light figure.is-prisma-color--red{top:76%;left:80%}
.v21-dependency-stage--prisma-light figure.is-prisma-color .v21-dependency-drawn{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#fff 0,var(--prisma-dot) 26%,color-mix(in srgb,var(--prisma-dot) 40%,transparent) 50%,transparent 70%);mix-blend-mode:screen;opacity:.9;animation:v21PrismaOrbBreath 2.6s ease-in-out infinite alternate}
.v21-dependency-stage--prisma-light figure.is-prisma-color--blue .v21-dependency-drawn{animation-delay:-.9s}
.v21-dependency-stage--prisma-light figure.is-prisma-color--red .v21-dependency-drawn{animation-delay:-1.7s}
.v21-dependency-stage--prisma-light figure.is-prisma-color figcaption{bottom:-6px}

/* A PRIZMATÖRÉS útja: három kártya, mindegyiken a fénygömbök aktuális állása. */
.v21-prisma-break-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.v21-prisma-orbs{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid rgba(255,202,255,.35);background:radial-gradient(circle at 50% 46%,rgba(76,64,70,.55),rgba(10,7,12,.95) 72%);box-shadow:0 0 18px rgba(255,202,255,.22),inset 0 0 22px rgba(134,141,204,.28)}
.v21-prisma-orbs__marks{position:absolute;inset:0}
.v21-prisma-orb{position:absolute;left:22%;top:24%;width:56%;height:56%;border-radius:50%;background:radial-gradient(circle,#fff 0,var(--prisma-dot) 26%,color-mix(in srgb,var(--prisma-dot) 40%,transparent) 50%,transparent 70%);mix-blend-mode:screen;opacity:.1;transform:scale(.7);filter:grayscale(.6)}
.v21-prisma-orb--blue{translate:-30% 16%}
.v21-prisma-orb--yellow{translate:0 -26%}
.v21-prisma-orb--red{translate:30% 16%}
.v21-prisma-orb.is-on{opacity:.85;filter:none;transform:scale(1);animation:v21PrismaOrbBreath 2.6s ease-in-out infinite alternate}
.v21-prisma-orb--yellow.is-on{animation-delay:-.9s}
.v21-prisma-orb--red.is-on{animation-delay:-1.7s}
.v21-prisma-orbs__core{position:absolute;left:30%;top:32%;width:40%;height:40%;border-radius:50%;background:radial-gradient(circle,#fff,rgba(255,202,255,.7) 40%,transparent 70%);mix-blend-mode:screen;opacity:0}
.v21-prisma-break-card.is-ready .v21-prisma-orbs{border-color:rgba(255,202,255,.7);box-shadow:0 0 24px rgba(255,202,255,.45),inset 0 0 26px rgba(249,227,213,.3)}
.v21-prisma-break-card.is-ready .v21-prisma-orbs__marks{animation:v21PrismaOrbSpin 5.5s linear infinite}
.v21-prisma-break-card.is-ready .v21-prisma-orbs__core{opacity:.75;animation:v21PrismaCoreThrob 1.2s ease-in-out infinite alternate}
@keyframes v21PrismaOrbBreath{from{transform:scale(.94);filter:brightness(.95)}to{transform:scale(1.07);filter:brightness(1.18)}}
@keyframes v21PrismaOrbSpin{to{transform:rotate(360deg)}}
@keyframes v21PrismaCoreThrob{from{transform:scale(.85);opacity:.55}to{transform:scale(1.15);opacity:.95}}
@media(max-width:1100px){.v21-prisma-break-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.v21-prisma-orb,.v21-prisma-orbs__marks,.v21-prisma-orbs__core,.v21-dependency-stage--prisma-light .v21-dependency-drawn{animation:none!important}}

/* ===== Raven (38) · Hollótoll – Hollótoll + Kivégzés-jel, lila paletta
   (#A7B5DE holdezüst, #9C5FDD hollólila, #5C548D szürkület,
   #080810 éjfekete, #39255A mélyibolya) ===== */
.v21-dependency-skins--raven-feather{--dependency-accent:#9C5FDD;border-color:rgba(156,95,221,.36);background:radial-gradient(circle at 88% 0,rgba(156,95,221,.16),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(92,84,141,.22),transparent 24rem),var(--v21-panel)}
.v21-dependency-skins--raven-feather>header small{color:#A7B5DE}
.v21-dependency-skins--raven-feather>header h3{color:#EEF0FA;text-shadow:0 0 22px rgba(156,95,221,.3)}
.v21-dependency-skins--raven-feather>header p{color:#B9BCD6}
.v21-dependency-stage--raven-feather{inset:12% 8% 12%;display:block;gap:0}
.v21-dependency-stage--raven-feather>i{inset:10%;border-style:dashed;border-color:color-mix(in srgb,#9C5FDD 65%,transparent);background:radial-gradient(circle,rgba(167,181,222,.2),rgba(57,37,90,.3) 44%,transparent 70%);box-shadow:0 0 26px rgba(156,95,221,.4),inset 0 0 30px rgba(92,84,141,.3);animation-duration:24s}
.v21-dependency-stage--raven-feather figure{position:absolute;width:auto;height:auto;max-width:none!important;flex:none;margin:0}
.v21-dependency-stage--raven-feather img{width:100%;height:100%;object-fit:contain}
.v21-dependency-stage--raven-feather figure.is-raven-execution{top:50%;left:50%;width:clamp(120px,10.5vw,168px);height:clamp(120px,10.5vw,168px);transform:translate(-50%,-50%);opacity:.72}
.v21-dependency-stage--raven-feather figure.is-raven-execution img{filter:drop-shadow(0 0 12px #9C5FDD) drop-shadow(0 0 26px rgba(57,37,90,.9));animation:v21RavenSigilPulse 3.6s ease-in-out infinite}
.v21-dependency-stage--raven-feather figure.is-raven-execution figcaption{top:-6px;right:auto;bottom:auto;left:50%;width:max-content;transform:translateX(-50%)}
.v21-dependency-stage--raven-feather figure.is-raven-feather{top:50%;left:50%;z-index:2;width:clamp(120px,10.5vw,168px);height:clamp(120px,10.5vw,168px);transform:translate(-50%,-50%)}
.v21-dependency-stage--raven-feather figure.is-raven-feather img{filter:drop-shadow(0 0 9px #A7B5DE) drop-shadow(0 0 22px #9C5FDD);animation:v21RavenFeatherFloat 3.4s ease-in-out infinite}
.v21-dependency-stage--raven-feather figure.is-raven-feather figcaption{right:auto;left:50%;width:max-content;transform:translateX(-50%)}
@keyframes v21RavenFeatherFloat{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8px) rotate(4deg)}}
@keyframes v21RavenSigilPulse{0%,100%{transform:scale(.96);opacity:.75}50%{transform:scale(1.04);opacity:1}}
@media(max-width:560px){.v21-dependency-stage--raven-feather figure.is-raven-execution{width:min(52%,140px);height:min(52%,140px)}.v21-dependency-stage--raven-feather figure.is-raven-feather{width:min(52%,140px);height:min(52%,140px)}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--raven-feather img{animation:none!important}}
.v21-bunny-extras.is-hero-38{border-color:rgba(156,95,221,.36);background:radial-gradient(circle at 88% 0,rgba(156,95,221,.15),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(92,84,141,.2),transparent 24rem),var(--v21-panel);box-shadow:inset 0 0 42px rgba(57,37,90,.12)}
.v21-bunny-extras.is-hero-38>header small{color:#A7B5DE}
.v21-bunny-extras.is-hero-38>header h3{color:#EEF0FA;text-shadow:0 0 22px rgba(156,95,221,.24)}
.v21-bunny-extras.is-hero-38>header p{color:#B9BCD6}
.is-hero-38 .v21-bunny-extra-card,.is-hero-38 .v21-bunny-extra-card.is-easter,.is-hero-38 .v21-bunny-extra-card.is-buff{border-color:rgba(167,181,222,.3);background:linear-gradient(135deg,rgba(156,95,221,.14),rgba(57,37,90,.4) 52%,rgba(8,8,16,.95));box-shadow:inset 0 0 28px rgba(92,84,141,.1),0 17px 35px rgba(0,0,0,.26)}
.is-hero-38 .v21-bunny-extra-card.is-debuff{border-color:rgba(156,95,221,.5);background:linear-gradient(135deg,rgba(156,95,221,.22),rgba(57,37,90,.5) 52%,rgba(8,8,16,.95))}
.is-hero-38 .v21-bunny-extra-card:hover{border-color:rgba(156,95,221,.66);box-shadow:inset 0 0 34px rgba(156,95,221,.12),0 20px 42px rgba(57,37,90,.4)}
.is-hero-38 .v21-bunny-extra-icon i{border-color:#9C5FDD;box-shadow:0 0 18px rgba(156,95,221,.6),inset 0 0 16px rgba(57,37,90,.7)}
.is-hero-38 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 10px rgba(156,95,221,.85)) drop-shadow(0 0 20px rgba(167,181,222,.3))}
.is-hero-38 .v21-bunny-extra-card small{color:#A7B5DE}
.is-hero-38 .v21-bunny-extra-card p{color:#C4C6DE}
/* Ogerpon (40) – Műhely rework: üllő + Kovácspont + Műhely vitrin, Lv1/Lv2/Lv3
   kovácsolási szintek és a Műhely szabályai. Paletta: #EF7203 #7F1B00 #570000
   #EA6F02 #4184BF. A szintkártyák színét az ikon forrása dönti el (:has). */
.ability-inline-icon.is-ogerpon-keyword{filter:drop-shadow(0 0 4px rgba(239,114,3,.8))}
.v21-dependency-skins--ogerpon-forge{--dependency-accent:#EF7203;border-color:rgba(239,114,3,.36);background:radial-gradient(circle at 88% 0,rgba(239,114,3,.16),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(127,27,0,.28),transparent 24rem),var(--v21-panel)}
.v21-dependency-skins--ogerpon-forge>header small{color:#EA6F02}
.v21-dependency-skins--ogerpon-forge>header h3{color:#FFF1E2;text-shadow:0 0 22px rgba(239,114,3,.34)}
.v21-dependency-skins--ogerpon-forge>header p{color:#D8C2B0}
.v21-dependency-stage--ogerpon-forge{inset:10% 6% 12%;display:block;gap:0}
.v21-dependency-stage--ogerpon-forge>i{inset:12%;border-style:dashed;border-color:color-mix(in srgb,#EF7203 62%,transparent);background:radial-gradient(circle,rgba(239,114,3,.24),rgba(87,0,0,.34) 46%,transparent 70%);box-shadow:0 0 28px rgba(234,111,2,.42),inset 0 0 30px rgba(127,27,0,.34);animation-duration:26s}
.v21-dependency-stage--ogerpon-forge figure{position:absolute;width:auto;height:auto;max-width:none!important;flex:none;margin:0}
.v21-dependency-stage--ogerpon-forge img{width:100%;height:100%;object-fit:contain}
.v21-dependency-stage--ogerpon-forge figure figcaption{right:auto;left:50%;width:max-content;transform:translateX(-50%)}
.v21-dependency-stage--ogerpon-forge figure.is-ogerpon-anvil{top:50%;left:50%;z-index:2;width:clamp(124px,11vw,176px);height:clamp(124px,11vw,176px);transform:translate(-50%,-50%)}
.v21-dependency-stage--ogerpon-forge figure.is-ogerpon-anvil img{filter:drop-shadow(0 0 10px #EA6F02) drop-shadow(0 0 24px rgba(127,27,0,.9));animation:v21OgerponAnvilGlow 3.2s ease-in-out infinite}
.v21-dependency-stage--ogerpon-forge figure.is-ogerpon-point{bottom:4%;left:4%;z-index:3;width:clamp(54px,4.6vw,74px);height:clamp(54px,4.6vw,74px)}
.v21-dependency-stage--ogerpon-forge figure.is-ogerpon-point img{filter:drop-shadow(0 0 8px #EF7203);animation:v21OgerponPointBob 2.8s ease-in-out infinite}
.v21-dependency-stage--ogerpon-forge figure.is-ogerpon-workshop{top:2%;right:4%;z-index:3;width:clamp(58px,5vw,80px);height:clamp(58px,5vw,80px)}
.v21-dependency-stage--ogerpon-forge figure.is-ogerpon-workshop img{filter:drop-shadow(0 0 8px #4184BF) drop-shadow(0 0 16px rgba(65,132,191,.4))}
.v21-dependency-stage--ogerpon-forge figure.is-ogerpon-workshop figcaption{top:auto;bottom:-18px}
@keyframes v21OgerponAnvilGlow{0%,100%{filter:drop-shadow(0 0 8px #EA6F02) drop-shadow(0 0 20px rgba(127,27,0,.85))}50%{filter:drop-shadow(0 0 14px #EF7203) drop-shadow(0 0 30px rgba(239,114,3,.7))}}
@keyframes v21OgerponPointBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:560px){.v21-dependency-stage--ogerpon-forge figure.is-ogerpon-anvil{width:min(50%,136px);height:min(50%,136px)}.v21-dependency-stage--ogerpon-forge figure.is-ogerpon-point,.v21-dependency-stage--ogerpon-forge figure.is-ogerpon-workshop{width:min(24%,58px);height:min(24%,58px)}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--ogerpon-forge img{animation:none!important}}
.v21-bunny-extras.is-hero-40{border-color:rgba(239,114,3,.36);background:radial-gradient(circle at 88% 0,rgba(239,114,3,.15),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(127,27,0,.26),transparent 24rem),var(--v21-panel);box-shadow:inset 0 0 42px rgba(87,0,0,.16)}
.v21-bunny-extras.is-hero-40>header small{color:#EA6F02}
.v21-bunny-extras.is-hero-40>header h3{color:#FFF1E2;text-shadow:0 0 22px rgba(239,114,3,.26)}
.v21-bunny-extras.is-hero-40>header p{color:#D8C2B0}
.is-hero-40 .v21-bunny-extra-card,.is-hero-40 .v21-bunny-extra-card.is-easter,.is-hero-40 .v21-bunny-extra-card.is-buff{border-color:rgba(234,111,2,.3);background:linear-gradient(135deg,rgba(239,114,3,.14),rgba(87,0,0,.42) 52%,rgba(10,6,5,.95));box-shadow:inset 0 0 28px rgba(127,27,0,.12),0 17px 35px rgba(0,0,0,.26)}
.is-hero-40 .v21-bunny-extra-card.is-debuff{border-color:rgba(127,27,0,.6);background:linear-gradient(135deg,rgba(127,27,0,.3),rgba(87,0,0,.52) 52%,rgba(10,6,5,.95))}
.is-hero-40 .v21-bunny-extra-card:hover{border-color:rgba(239,114,3,.66);box-shadow:inset 0 0 34px rgba(239,114,3,.12),0 20px 42px rgba(87,0,0,.44)}
.is-hero-40 .v21-bunny-extra-icon i{border-color:#EF7203;box-shadow:0 0 18px rgba(239,114,3,.6),inset 0 0 16px rgba(87,0,0,.7)}
.is-hero-40 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 10px rgba(239,114,3,.85)) drop-shadow(0 0 20px rgba(127,27,0,.4))}
.is-hero-40 .v21-bunny-extra-card small{color:#EA6F02}
.is-hero-40 .v21-bunny-extra-card p{color:#DCC9BA}
/* Kovácsolási szintek: Lv1 narancs, Lv2 acélkék-vörös, Lv3 arany keret. */
.is-hero-40 .v21-bunny-extra-card:has(img[src$="ogerpon/lvl1.webp"]){border-color:rgba(239,114,3,.55)}
.is-hero-40 .v21-bunny-extra-card:has(img[src$="ogerpon/lvl2.webp"]){border-color:rgba(65,132,191,.6);background:linear-gradient(135deg,rgba(65,132,191,.18),rgba(127,27,0,.44) 55%,rgba(10,6,5,.95));box-shadow:inset 0 0 30px rgba(65,132,191,.14),0 17px 35px rgba(0,0,0,.26)}
.is-hero-40 .v21-bunny-extra-card:has(img[src$="ogerpon/lvl2.webp"]) small{color:#8DBBE6}
.is-hero-40 .v21-bunny-extra-card:has(img[src$="ogerpon/lvl2.webp"]) .v21-bunny-extra-icon i{border-color:#4184BF;box-shadow:0 0 18px rgba(65,132,191,.6),0 0 30px rgba(127,27,0,.5),inset 0 0 16px rgba(87,0,0,.7)}
.is-hero-40 .v21-bunny-extra-card:has(img[src$="ogerpon/lvl3.webp"]){border-color:rgba(255,200,87,.65);background:linear-gradient(135deg,rgba(255,200,87,.2),rgba(127,27,0,.42) 55%,rgba(10,6,5,.95));box-shadow:inset 0 0 32px rgba(255,200,87,.16),0 0 26px rgba(255,190,70,.14),0 17px 35px rgba(0,0,0,.26)}
.is-hero-40 .v21-bunny-extra-card:has(img[src$="ogerpon/lvl3.webp"]) small{color:#FFD27A}
.is-hero-40 .v21-bunny-extra-card:has(img[src$="ogerpon/lvl3.webp"]) .v21-bunny-extra-icon i{border-color:#FFC857;box-shadow:0 0 22px rgba(255,200,87,.7),inset 0 0 16px rgba(87,0,0,.7)}
.is-hero-40 .v21-bunny-extra-card:has(img[src$="ogerpon/lvl3.webp"]) .v21-bunny-extra-icon img{filter:drop-shadow(0 0 10px rgba(255,200,87,.9)) drop-shadow(0 0 22px rgba(239,114,3,.5))}

/* 06 · Eltávolított (inaktív) hősök */
.v21-retired { padding-block: 110px 0; }
.v21-retired-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.v21-retired-card { position:relative; aspect-ratio:3/4.4; overflow:hidden; border:1px solid var(--v21-line); border-radius:12px; background:var(--v21-panel); isolation:isolate; }
.v21-retired-card::after { position:absolute; z-index:-1; inset:0; background:linear-gradient(0deg,rgba(8,6,10,.96) 0%,rgba(8,6,10,.55) 38%,transparent 70%); content:""; }
.v21-retired-card > img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; object-position:center top; filter:grayscale(.85) brightness(.72); transition:filter .45s ease,transform .6s ease; }
.v21-retired-card:hover > img { filter:grayscale(.2) brightness(.95); transform:scale(1.04); }
.v21-retired-card > div { position:absolute; right:0; bottom:0; left:0; padding:14px; }
.v21-retired-card small { color:var(--v21-red); font-size:.56rem; font-weight:900; letter-spacing:.14em; }
.v21-retired-card h3 { margin:4px 0 0; font-size:clamp(1.05rem,1.6vw,1.45rem); letter-spacing:-.02em; }
.v21-retired-note { margin-top:22px; padding:24px 28px; border:1px solid rgba(168,92,255,.28); border-left:3px solid var(--v21-purple); border-radius:12px; background:radial-gradient(circle at 0 0,rgba(168,92,255,.12),transparent 26rem),var(--v21-panel); }
.v21-retired-note b { color:var(--v21-purple-soft); font-size:1.05rem; }
.v21-retired-note p { max-width:820px; margin:8px 0 0; color:var(--v21-muted); line-height:1.7; }
@media (max-width: 1100px) { .v21-retired-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width: 620px) { .v21-retired { padding-block:70px 0; } .v21-retired-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .v21-retired-note { padding:20px; } }

/* 05 · Ahel (43) · Tűzkalapács – skinfüggő kalapács a három szint-ikonnal,
   kalapácsszintek és a Tűzkalapács hatásai. Paletta: alap #FD7C1C #84482D
   #FE9334 #97EAFA #BBBED9, Kőkorszaki #714D0C #1F1D08 #FD8C00 #510C06 #F13105. */
.v21-dependency-skins--ahel-hammer{--dependency-accent:#FD7C1C;border-color:rgba(253,124,28,.36);background:radial-gradient(circle at 88% 0,rgba(253,124,28,.16),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(132,72,45,.3),transparent 24rem),var(--v21-panel);box-shadow:inset 0 0 42px rgba(132,72,45,.14)}
.v21-dependency-skins--ahel-hammer>header small{color:#FE9334}
.v21-dependency-skins--ahel-hammer>header h3{color:#FFF1E4;text-shadow:0 0 22px rgba(253,124,28,.34)}
.v21-dependency-skins--ahel-hammer>header p{color:#D9C5B6}
.v21-dependency-stage--ahel-hammer{inset:10% 6% 12%;display:block;gap:0}
.v21-dependency-stage--ahel-hammer>i{inset:12%;border-style:dashed;background:radial-gradient(circle,color-mix(in srgb,var(--bunny-accent) 26%,transparent),color-mix(in srgb,var(--bunny-glow) 12%,transparent) 46%,transparent 70%);animation-duration:22s}
.v21-dependency-stage--ahel-hammer figure{position:absolute;width:auto;height:auto;max-width:none!important;flex:none;margin:0}
.v21-dependency-stage--ahel-hammer img{width:100%;height:100%;object-fit:contain}
.v21-dependency-stage--ahel-hammer figure figcaption{right:auto;left:50%;width:max-content;transform:translateX(-50%)}
.v21-dependency-stage--ahel-hammer figure.is-ahel-hammer{top:50%;left:50%;z-index:2;width:clamp(150px,13vw,210px);height:clamp(150px,13vw,210px);transform:translate(-50%,-50%)}
.v21-dependency-stage--ahel-hammer figure.is-ahel-hammer img{filter:drop-shadow(0 0 10px var(--bunny-accent)) drop-shadow(0 0 26px var(--bunny-glow));animation:v21AhelHammerSwing 3.4s ease-in-out infinite}
.v21-dependency-stage--ahel-hammer figure.is-ahel-level{z-index:3;width:clamp(44px,3.8vw,62px);height:clamp(44px,3.8vw,62px)}
.v21-dependency-stage--ahel-hammer figure.is-ahel-level img{filter:drop-shadow(0 0 8px var(--bunny-accent));animation:v21AhelLevelBob 2.9s ease-in-out infinite}
.v21-dependency-stage--ahel-hammer figure.is-ahel-level figcaption{bottom:-13px;padding:2px 6px}
.v21-dependency-stage--ahel-hammer figure.is-ahel-level-1{top:4%;left:6%}
.v21-dependency-stage--ahel-hammer figure.is-ahel-level-2{top:4%;right:6%}
.v21-dependency-stage--ahel-hammer figure.is-ahel-level-2 img{animation-delay:-1s;filter:drop-shadow(0 0 9px var(--bunny-accent)) drop-shadow(0 0 16px rgba(253,90,28,.55))}
.v21-dependency-stage--ahel-hammer figure.is-ahel-level-3{bottom:10%;left:50%;transform:translateX(-50%)}
.v21-dependency-stage--ahel-hammer figure.is-ahel-level-3 img{animation-delay:-2s;filter:drop-shadow(0 0 10px var(--bunny-accent)) drop-shadow(0 0 22px var(--bunny-glow))}
@keyframes v21AhelHammerSwing{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-7px) rotate(5deg)}}
@keyframes v21AhelLevelBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:560px){.v21-dependency-stage--ahel-hammer figure.is-ahel-hammer{width:min(48%,130px);height:min(48%,130px)}.v21-dependency-stage--ahel-hammer figure.is-ahel-level{width:min(22%,54px);height:min(22%,54px)}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--ahel-hammer img{animation:none!important}}
.v21-bunny-extras.is-hero-43{border-color:rgba(253,124,28,.36);background:radial-gradient(circle at 88% 0,rgba(253,124,28,.15),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(151,234,250,.08),transparent 24rem),var(--v21-panel);box-shadow:inset 0 0 42px rgba(132,72,45,.16)}
.v21-bunny-extras.is-hero-43>header small{color:#FE9334}
.v21-bunny-extras.is-hero-43>header h3{color:#FFF1E4;text-shadow:0 0 22px rgba(253,124,28,.26)}
.v21-bunny-extras.is-hero-43>header p{color:#D9C5B6}
.is-hero-43 .v21-bunny-extra-card,.is-hero-43 .v21-bunny-extra-card.is-easter,.is-hero-43 .v21-bunny-extra-card.is-buff{border-color:rgba(253,124,28,.3);background:linear-gradient(135deg,rgba(253,124,28,.14),rgba(132,72,45,.4) 52%,rgba(10,6,5,.95));box-shadow:inset 0 0 28px rgba(132,72,45,.14),0 17px 35px rgba(0,0,0,.26)}
.is-hero-43 .v21-bunny-extra-card.is-debuff{border-color:rgba(241,70,28,.5);background:linear-gradient(135deg,rgba(241,70,28,.2),rgba(81,12,6,.5) 52%,rgba(10,6,5,.95))}
.is-hero-43 .v21-bunny-extra-card:hover{border-color:rgba(254,147,52,.66);box-shadow:inset 0 0 34px rgba(253,124,28,.12),0 20px 42px rgba(132,72,45,.42)}
.is-hero-43 .v21-bunny-extra-icon i{border-color:#FD7C1C;box-shadow:0 0 18px rgba(253,124,28,.6),inset 0 0 16px rgba(132,72,45,.7)}
.is-hero-43 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 10px rgba(254,147,52,.85)) drop-shadow(0 0 20px rgba(132,72,45,.45))}
.is-hero-43 .v21-bunny-extra-card small{color:#FE9334}
.is-hero-43 .v21-bunny-extra-card p{color:#DCCABB}
/* Kalapácsszintek: I. hűvös acél-narancs, II. vörös izzás, III. pokoltűz jégkék maggal. */
.is-hero-43 .v21-bunny-extra-card:has(img[src$="ahel/lvl1.webp"]){border-color:rgba(187,190,217,.45)}
.is-hero-43 .v21-bunny-extra-card:has(img[src$="ahel/lvl1.webp"]) small{color:#BBBED9}
.is-hero-43 .v21-bunny-extra-card:has(img[src$="ahel/lvl2.webp"]){border-color:rgba(253,124,28,.6);background:linear-gradient(135deg,rgba(253,124,28,.22),rgba(132,72,45,.46) 55%,rgba(10,6,5,.95));box-shadow:inset 0 0 30px rgba(253,124,28,.16),0 17px 35px rgba(0,0,0,.26)}
.is-hero-43 .v21-bunny-extra-card:has(img[src$="ahel/lvl3.webp"]){border-color:rgba(254,147,52,.75);background:linear-gradient(135deg,rgba(254,147,52,.24),rgba(151,234,250,.08) 40%,rgba(81,12,6,.5) 62%,rgba(10,6,5,.95));box-shadow:inset 0 0 32px rgba(254,147,52,.18),0 0 26px rgba(253,124,28,.18),0 17px 35px rgba(0,0,0,.26)}
.is-hero-43 .v21-bunny-extra-card:has(img[src$="ahel/lvl3.webp"]) small{color:#97EAFA}
.is-hero-43 .v21-bunny-extra-card:has(img[src$="ahel/lvl3.webp"]) .v21-bunny-extra-icon i{border-color:#FE9334;box-shadow:0 0 22px rgba(254,147,52,.75),0 0 34px rgba(151,234,250,.25),inset 0 0 16px rgba(81,12,6,.7)}
.is-hero-43 .v21-bunny-extra-card:has(img[src$="ahel/pusztitas.webp"]){border-color:rgba(241,49,5,.6);box-shadow:inset 0 0 32px rgba(241,49,5,.16),0 0 24px rgba(241,49,5,.14),0 17px 35px rgba(0,0,0,.26)}
.ability-inline-icon.is-ahel-keyword{filter:drop-shadow(0 0 4px rgba(253,124,28,.8))}
.ability-inline-icon.is-ahel-hammer{filter:drop-shadow(0 0 4px rgba(254,147,52,.9)) drop-shadow(0 0 2px rgba(151,234,250,.5))}

/* 05 · Nola (44) · Vadászprofil – skinfüggő fegyver + Digitális Jelző két
   assetként, Jelzőszintek és a négy kulcshatás. Paletta: alap #ACDB35 #2690DC
   #F3F4EF #1A2229 #1A6BF1, Elegáns #62FFB8 #1B8C3D #B18333 #6AFFA4 #065C29. */
.v21-dependency-skins--nola-hunter{--dependency-accent:#2690DC;border-color:rgba(38,144,220,.38);background:radial-gradient(circle at 88% 0,rgba(38,144,220,.17),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(172,219,53,.12),transparent 24rem),var(--v21-panel);box-shadow:inset 0 0 42px rgba(26,107,241,.12)}
.v21-dependency-skins--nola-hunter>header small{color:#ACDB35}
.v21-dependency-skins--nola-hunter>header h3{color:#F3F4EF;text-shadow:0 0 22px rgba(38,144,220,.36)}
.v21-dependency-skins--nola-hunter>header p{color:#C9D3DA}
.v21-dependency-stage--nola-hunter{inset:12% 5% 14%;display:block;gap:0}
.v21-dependency-stage--nola-hunter>i{inset:10%;border-style:dashed;background:radial-gradient(circle,color-mix(in srgb,var(--bunny-accent) 24%,transparent),color-mix(in srgb,var(--bunny-glow) 10%,transparent) 46%,transparent 70%);animation-duration:18s}
/* Szkennervonal a stage-en – a Digitális Jelző "adatolvasását" idézi. */
.v21-dependency-stage--nola-hunter::after{position:absolute;z-index:3;right:8%;left:8%;top:10%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--bunny-glow),transparent);box-shadow:0 0 12px var(--bunny-glow);content:"";opacity:.75;pointer-events:none;animation:v21NolaScan 3.6s ease-in-out infinite}
.v21-dependency-stage--nola-hunter figure{position:absolute;width:auto;height:auto;max-width:none!important;flex:none;margin:0}
.v21-dependency-stage--nola-hunter img{width:100%;height:100%;object-fit:contain}
.v21-dependency-stage--nola-hunter figure figcaption{right:auto;left:50%;width:max-content;transform:translateX(-50%)}
.v21-dependency-stage--nola-hunter figure.is-nola-weapon{top:50%;left:42%;z-index:2;width:clamp(170px,15vw,250px);height:clamp(150px,13vw,210px);transform:translate(-50%,-50%)}
.v21-dependency-stage--nola-hunter figure.is-nola-weapon img{filter:drop-shadow(0 0 9px var(--bunny-accent)) drop-shadow(0 0 24px var(--bunny-glow));animation:v21NolaWeaponFloat 3.4s ease-in-out infinite}
.v21-dependency-stage--nola-hunter figure.is-nola-digital{top:6%;right:6%;z-index:3;width:clamp(62px,5.6vw,92px);height:clamp(62px,5.6vw,92px)}
.v21-dependency-stage--nola-hunter figure.is-nola-digital img{filter:drop-shadow(0 0 8px var(--bunny-glow)) drop-shadow(0 0 18px var(--bunny-accent));animation:v21NolaDigitalPulse 2.6s ease-in-out infinite}
.v21-dependency-stage--nola-hunter figure.is-nola-digital figcaption{bottom:-14px;padding:2px 6px}
@keyframes v21NolaWeaponFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes v21NolaDigitalPulse{0%,100%{transform:scale(1) rotate(0deg);opacity:.92}50%{transform:scale(1.08) rotate(8deg);opacity:1}}
@keyframes v21NolaScan{0%,100%{top:12%;opacity:0}15%,85%{opacity:.75}50%{top:84%}}
@media(max-width:560px){.v21-dependency-stage--nola-hunter figure.is-nola-weapon{width:min(60%,170px);height:min(56%,150px)}.v21-dependency-stage--nola-hunter figure.is-nola-digital{width:min(24%,64px);height:min(24%,64px)}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--nola-hunter img,.v21-dependency-stage--nola-hunter::after{animation:none!important}.v21-dependency-stage--nola-hunter::after{display:none}}
.v21-bunny-extras.is-hero-44{border-color:rgba(38,144,220,.36);background:radial-gradient(circle at 88% 0,rgba(38,144,220,.15),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(172,219,53,.09),transparent 24rem),var(--v21-panel);box-shadow:inset 0 0 42px rgba(26,34,41,.3)}
.v21-bunny-extras.is-hero-44>header small{color:#ACDB35}
.v21-bunny-extras.is-hero-44>header h3{color:#F3F4EF;text-shadow:0 0 22px rgba(38,144,220,.28)}
.v21-bunny-extras.is-hero-44>header p{color:#C9D3DA}
.is-hero-44 .v21-bunny-extra-card,.is-hero-44 .v21-bunny-extra-card.is-easter,.is-hero-44 .v21-bunny-extra-card.is-buff{border-color:rgba(38,144,220,.3);background:linear-gradient(135deg,rgba(38,144,220,.14),rgba(26,34,41,.72) 52%,rgba(8,11,14,.96));box-shadow:inset 0 0 28px rgba(26,107,241,.1),0 17px 35px rgba(0,0,0,.26)}
.is-hero-44 .v21-bunny-extra-card.is-debuff{border-color:rgba(172,219,53,.4);background:linear-gradient(135deg,rgba(172,219,53,.13),rgba(26,34,41,.74) 52%,rgba(8,11,14,.96))}
.is-hero-44 .v21-bunny-extra-card:hover{border-color:rgba(172,219,53,.62);box-shadow:inset 0 0 34px rgba(38,144,220,.14),0 20px 42px rgba(26,107,241,.28)}
.is-hero-44 .v21-bunny-extra-icon i{border-color:#2690DC;box-shadow:0 0 18px rgba(38,144,220,.6),inset 0 0 16px rgba(26,34,41,.8)}
.is-hero-44 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 10px rgba(172,219,53,.75)) drop-shadow(0 0 20px rgba(26,107,241,.45))}
.is-hero-44 .v21-bunny-extra-card small{color:#ACDB35}
.is-hero-44 .v21-bunny-extra-card p{color:#CDD6DC}
/* 15+ Jelző / TRIPLA LÖVÉS: a csúcsszint kapja a legerősebb, zöld-kék izzást. */
.is-hero-44 .v21-bunny-extra-card:has(img[src$="nola/elemzes.webp"]),.is-hero-44 .v21-bunny-extra-card:has(img[src$="nola/triplaloves.webp"]){border-color:rgba(172,219,53,.72);background:linear-gradient(135deg,rgba(172,219,53,.22),rgba(26,107,241,.16) 42%,rgba(26,34,41,.8) 64%,rgba(8,11,14,.96));box-shadow:inset 0 0 32px rgba(172,219,53,.16),0 0 26px rgba(38,144,220,.18),0 17px 35px rgba(0,0,0,.26)}
.is-hero-44 .v21-bunny-extra-card:has(img[src$="nola/elemzes.webp"]) .v21-bunny-extra-icon i,.is-hero-44 .v21-bunny-extra-card:has(img[src$="nola/triplaloves.webp"]) .v21-bunny-extra-icon i{border-color:#ACDB35;box-shadow:0 0 22px rgba(172,219,53,.7),0 0 34px rgba(26,107,241,.3),inset 0 0 16px rgba(26,34,41,.8)}
.is-hero-44 .v21-bunny-extra-card:has(img[src$="nola/runapancel.webp"]){border-color:rgba(26,107,241,.55)}
.is-hero-44 .v21-bunny-extra-card:has(img[src$="nola/runapancel.webp"]) small{color:#7FB8FF}
.ability-inline-icon.is-nola-keyword{filter:drop-shadow(0 0 4px rgba(38,144,220,.85)) drop-shadow(0 0 2px rgba(172,219,53,.5))}
.ability-inline-icon.is-nola-keyword.is-nola-elegans{filter:drop-shadow(0 0 4px rgba(98,255,184,.85)) drop-shadow(0 0 2px rgba(177,131,51,.5))}
/* =====================================================================
   CIRCUS (45) · HARCI ROBOTMŰHELY – v2.1 patch notes
   Skinfüggő csavarkulcs-stage (Nekatay/Nola mintájára), robot- és
   hatás-vitrin. Paletta: Alap #175BCF #1E76B6 #45608E #4DFFFF #001193,
   Akadémia #63B9FF #7B80B5 #70D5FE #0A076F #E2BAF7 (kártyánként a
   --bunny-accent / --bunny-glow változók hordozzák).
   ===================================================================== */
.v21-dependency-skins--circus-workshop{--dependency-accent:#1E76B6;border-color:rgba(77,255,255,.3);background:radial-gradient(circle at 88% 0,rgba(23,91,207,.2),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(226,186,247,.1),transparent 24rem),var(--v21-panel);box-shadow:inset 0 0 42px rgba(0,17,147,.16)}
.v21-dependency-skins--circus-workshop>header small{color:#4DFFFF}
.v21-dependency-skins--circus-workshop>header h3{color:#EEF6FF;text-shadow:0 0 22px rgba(77,255,255,.32)}
.v21-dependency-skins--circus-workshop>header p{color:#C6D3E6}
.v21-dependency-stage--circus-workshop{inset:10% 5% 14%;display:block;gap:0}
/* Digitális rács a stage mögött – a Robotflotta-sáv rácsát idézi. */
.v21-dependency-stage--circus-workshop>i{inset:6%;border-radius:18px;border:1px solid color-mix(in srgb,var(--bunny-glow) 40%,transparent);background:linear-gradient(color-mix(in srgb,var(--bunny-glow) 12%,transparent) 1px,transparent 1px) 0 0/16px 16px,linear-gradient(90deg,color-mix(in srgb,var(--bunny-glow) 12%,transparent) 1px,transparent 1px) 0 0/16px 16px,radial-gradient(circle,color-mix(in srgb,var(--bunny-accent) 26%,transparent),transparent 70%);animation:none}
.v21-dependency-stage--circus-workshop::after{position:absolute;z-index:1;right:8%;left:8%;top:10%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--bunny-glow),transparent);box-shadow:0 0 12px var(--bunny-glow);content:"";opacity:.7;pointer-events:none;animation:v21CircusScan 4.2s ease-in-out infinite}
.v21-dependency-stage--circus-workshop figure{position:absolute;width:auto;height:auto;max-width:none!important;flex:none;margin:0}
.v21-dependency-stage--circus-workshop img{width:100%;height:100%;object-fit:contain}
.v21-dependency-stage--circus-workshop figure figcaption{right:auto;left:50%;width:max-content;transform:translateX(-50%)}
.v21-dependency-stage--circus-workshop figure.is-circus-wrench{top:40%;left:50%;z-index:3;width:clamp(120px,11vw,176px);height:clamp(120px,11vw,176px);transform:translate(-50%,-50%)}
.v21-dependency-stage--circus-workshop figure.is-circus-wrench img{filter:drop-shadow(0 0 9px var(--bunny-accent)) drop-shadow(0 0 24px var(--bunny-glow));animation:v21CircusWrenchFloat 3.6s ease-in-out infinite}
.v21-dependency-stage--circus-workshop figure.is-circus-robot{bottom:4%;z-index:2;width:clamp(50px,4.4vw,70px);height:clamp(50px,4.4vw,70px);border:2px solid var(--bunny-accent);border-radius:12px;background:rgba(3,8,26,.78);box-shadow:0 0 14px color-mix(in srgb,var(--bunny-glow) 55%,transparent),inset 0 0 12px rgba(0,0,0,.6)}
.v21-dependency-stage--circus-workshop figure.is-circus-robot img{border-radius:10px;object-fit:cover}
.v21-dependency-stage--circus-workshop figure.is-circus-robot figcaption{bottom:-12px;padding:1px 5px;font-size:.58rem}
.v21-dependency-stage--circus-workshop figure.is-circus-robot-1{left:18%;animation:v21CircusRobotIdle 3s ease-in-out infinite}
.v21-dependency-stage--circus-workshop figure.is-circus-robot-2{left:50%;margin-left:calc(clamp(50px,4.4vw,70px) / -2);animation:v21CircusRobotIdle 3s ease-in-out .4s infinite}
.v21-dependency-stage--circus-workshop figure.is-circus-robot-3{right:18%;animation:v21CircusRobotIdle 3s ease-in-out .8s infinite}
@keyframes v21CircusWrenchFloat{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-9px) rotate(4deg)}}
@keyframes v21CircusRobotIdle{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes v21CircusScan{0%,100%{top:12%;opacity:0}15%,85%{opacity:.7}50%{top:84%}}
@media(max-width:560px){.v21-dependency-stage--circus-workshop figure.is-circus-wrench{width:min(40%,120px);height:min(40%,120px)}.v21-dependency-stage--circus-workshop figure.is-circus-robot{width:min(18%,48px);height:min(18%,48px)}.v21-dependency-stage--circus-workshop figure.is-circus-robot-2{margin-left:calc(min(18%,48px) / -2)}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--circus-workshop img,.v21-dependency-stage--circus-workshop figure,.v21-dependency-stage--circus-workshop::after{animation:none!important}.v21-dependency-stage--circus-workshop::after{display:none}}
.v21-bunny-extras.is-hero-45{border-color:rgba(77,255,255,.3);background:radial-gradient(circle at 88% 0,rgba(23,91,207,.18),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(77,255,255,.08),transparent 24rem),var(--v21-panel);box-shadow:inset 0 0 42px rgba(0,17,147,.2)}
.v21-bunny-extras.is-hero-45>header small{color:#4DFFFF}
.v21-bunny-extras.is-hero-45>header h3{color:#EEF6FF;text-shadow:0 0 22px rgba(77,255,255,.26)}
.v21-bunny-extras.is-hero-45>header p{color:#C6D3E6}
.is-hero-45 .v21-bunny-extra-card,.is-hero-45 .v21-bunny-extra-card.is-easter,.is-hero-45 .v21-bunny-extra-card.is-buff{border-color:rgba(30,118,182,.4);background:linear-gradient(135deg,rgba(23,91,207,.16),rgba(12,20,44,.74) 52%,rgba(4,7,18,.96));box-shadow:inset 0 0 28px rgba(0,17,147,.14),0 17px 35px rgba(0,0,0,.26)}
.is-hero-45 .v21-bunny-extra-card.is-debuff{border-color:rgba(255,154,46,.45);background:linear-gradient(135deg,rgba(255,154,46,.13),rgba(12,20,44,.76) 52%,rgba(4,7,18,.96))}
.is-hero-45 .v21-bunny-extra-card:hover{border-color:rgba(77,255,255,.62);box-shadow:inset 0 0 34px rgba(23,91,207,.16),0 20px 42px rgba(0,17,147,.3)}
.is-hero-45 .v21-bunny-extra-icon i{border-color:#1E76B6;box-shadow:0 0 18px rgba(77,255,255,.5),inset 0 0 16px rgba(4,7,18,.8)}
.is-hero-45 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 10px rgba(77,255,255,.6)) drop-shadow(0 0 20px rgba(23,91,207,.45))}
.is-hero-45 .v21-bunny-extra-card small{color:#4DFFFF}
.is-hero-45 .v21-bunny-extra-card p{color:#CAD5E6}
/* Robot-avatárok: kerek keret helyett a harci slot szögletes kerete. */
.is-hero-45 .v21-bunny-extra-card:has(img[src*="circus/"][src$="_avatar.webp"]) .v21-bunny-extra-icon img{border-radius:12px}
/* A három Lv3 teljes-flotta hatás prizmatikus csúcs-izzást kap (mint a Lv3 slotkeret). */
.is-hero-45 .v21-bunny-extra-card:has(img[src$="circus/tulhajtas.webp"]),.is-hero-45 .v21-bunny-extra-card:has(img[src$="circus/tulterheles.webp"]),.is-hero-45 .v21-bunny-extra-card:has(img[src$="circus/hadiuzemod.webp"]){border-color:rgba(226,186,247,.6);background:linear-gradient(135deg,rgba(77,255,255,.14),rgba(226,186,247,.12) 30%,rgba(255,154,46,.1) 48%,rgba(12,20,44,.8) 66%,rgba(4,7,18,.96));box-shadow:inset 0 0 32px rgba(77,255,255,.12),0 0 26px rgba(226,186,247,.16),0 17px 35px rgba(0,0,0,.26)}
.is-hero-45 .v21-bunny-extra-card:has(img[src$="circus/hadiuzemod.webp"]) small{color:#FF9A2E}
.is-hero-45 .v21-bunny-extra-card:has(img[src$="circus/cyborg.webp"]) small{color:#E2BAF7}
.ability-inline-icon.is-circus-keyword{filter:drop-shadow(0 0 4px rgba(77,255,255,.8)) drop-shadow(0 0 2px rgba(23,91,207,.6))}
.ability-inline-icon.is-circus-keyword.is-circus-akademia{filter:drop-shadow(0 0 4px rgba(226,186,247,.85)) drop-shadow(0 0 2px rgba(99,185,255,.6))}

/* ===== ARIELLA (50) · VÉRKÉSZLET – skinfüggő Vér + Vérhold, Vér-szintek, 10 vérmágikus hatás ===== */
.v21-dependency-skins--ariella-blood{--dependency-accent:#881123;border-color:rgba(136,17,35,.5);outline:1px solid rgba(123,30,41,.3);outline-offset:-7px;background:radial-gradient(circle at 88% 0,rgba(136,17,35,.24),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(77,30,51,.3),transparent 24rem),linear-gradient(145deg,rgba(13,16,24,.96),rgba(8,4,6,.98));box-shadow:inset 0 0 42px rgba(82,11,11,.28)}
.v21-dependency-skins--ariella-blood>header small{color:#ff5468}
.v21-dependency-skins--ariella-blood>header h3{color:#ffe4e8;text-shadow:0 0 22px rgba(214,40,64,.4)}
.v21-dependency-skins--ariella-blood>header p{color:#d8b8c0}
.v21-dependency-stage--ariella-blood>i{border-color:rgba(255,84,104,.55);background:radial-gradient(circle,rgba(136,17,35,.36),rgba(13,16,24,.2) 58%,transparent 70%);box-shadow:0 0 30px rgba(136,17,35,.6),inset 0 0 36px rgba(82,11,11,.5)}
.v21-dependency-stage--ariella-blood::after{position:absolute;z-index:3;top:4%;left:50%;width:5px;height:18px;margin-left:-2px;border-radius:0 0 50% 50%/0 0 70% 70%;background:linear-gradient(180deg,transparent,#ff5468);content:"";opacity:0;pointer-events:none;animation:v21AriellaDrip 3.4s ease-in infinite}
.v21-dependency-stage--ariella-blood figure.is-ariella-blood img{filter:drop-shadow(0 0 9px #881123) drop-shadow(0 0 22px rgba(255,84,104,.55))}
.v21-dependency-stage--ariella-blood figure.is-ariella-moon img{filter:drop-shadow(0 0 12px #7B1E29) drop-shadow(0 0 28px rgba(255,84,104,.45));animation-duration:3.6s}
.v21-bunny-extras.is-hero-50{border-color:rgba(136,17,35,.45);outline:1px solid rgba(123,30,41,.26);outline-offset:-7px;background:radial-gradient(circle at 88% 0,rgba(136,17,35,.2),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(77,30,51,.26),transparent 24rem),var(--v21-panel);box-shadow:inset 0 0 42px rgba(82,11,11,.24)}
.v21-bunny-extras.is-hero-50>header small{color:#ff5468}
.v21-bunny-extras.is-hero-50>header h3{color:#ffe4e8;text-shadow:0 0 22px rgba(214,40,64,.32)}
.v21-bunny-extras.is-hero-50>header p{color:#d8b8c0}
.is-hero-50 .v21-bunny-extra-card,.is-hero-50 .v21-bunny-extra-card.is-easter,.is-hero-50 .v21-bunny-extra-card.is-buff{border-color:rgba(123,30,41,.5);background:linear-gradient(135deg,rgba(136,17,35,.18),rgba(13,16,24,.78) 52%,rgba(6,4,6,.96));box-shadow:inset 0 0 28px rgba(82,11,11,.2),0 17px 35px rgba(0,0,0,.28)}
.is-hero-50 .v21-bunny-extra-card.is-debuff{border-color:rgba(214,40,64,.5);background:linear-gradient(135deg,rgba(214,40,64,.14),rgba(77,30,51,.5) 52%,rgba(6,4,6,.96))}
.is-hero-50 .v21-bunny-extra-card:hover{border-color:rgba(255,84,104,.7);box-shadow:inset 0 0 34px rgba(136,17,35,.2),0 20px 42px rgba(82,11,11,.4)}
.is-hero-50 .v21-bunny-extra-icon i{border-color:#881123;box-shadow:0 0 18px rgba(214,40,64,.55),inset 0 0 16px rgba(13,16,24,.85)}
.is-hero-50 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 10px rgba(255,84,104,.6)) drop-shadow(0 0 20px rgba(136,17,35,.5))}
.is-hero-50 .v21-bunny-extra-card small{color:#ff5468}
.is-hero-50 .v21-bunny-extra-card h4{color:#ffecef}
.is-hero-50 .v21-bunny-extra-card p{color:#d8b8c0}
.v21-hero-rework[data-hero="ariella"] .ability-inline-icon.is-ariella-mechanic{filter:drop-shadow(0 0 4px rgba(214,40,64,.8))}
@keyframes v21AriellaDrip{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}80%{opacity:.5}100%{opacity:0;transform:translateY(160px)}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--ariella-blood::after{display:none;animation:none}}

/* Mush: light-blue accents for the effects and awakening showcases. */
.v21-bunny-extras.is-hero-54{border-color:rgba(145,210,255,.3);background:radial-gradient(circle at 88% 0,rgba(145,210,255,.12),transparent 28rem),var(--v21-panel)}
.v21-bunny-extras.is-hero-54>header small,
.is-hero-54 .v21-bunny-extra-card small{color:#a6dcff}
.is-hero-54 .v21-bunny-extra-card{border-color:rgba(145,210,255,.28);background:linear-gradient(135deg,rgba(110,190,255,.1),rgba(5,8,12,.9))}
.is-hero-54 .v21-bunny-extra-icon i{border-color:#a6dcff;box-shadow:0 0 18px rgba(145,210,255,.55)}
.is-hero-54 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 12px rgba(145,210,255,.7))}

/* ===== ABRA (55) · ÜRESSÉG + LÉLEKSZÍVÓ KASZA – skinfüggő kasza a forgó fekete lyuk előtt, Üresség- és kasza-szintek, 13 hatás ===== */
.v21-dependency-skins--abra-void{--dependency-accent:#4E5693;border-color:rgba(120,130,210,.45);outline:1px solid rgba(54,69,89,.5);outline-offset:-7px;background:radial-gradient(circle at 88% 0,rgba(78,86,147,.26),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(54,69,89,.34),transparent 24rem),linear-gradient(145deg,rgba(11,15,24,.97),rgba(2,3,6,.98));box-shadow:inset 0 0 42px rgba(78,86,147,.22)}
.v21-dependency-skins--abra-void>header small{color:#aab4ff}
.v21-dependency-skins--abra-void>header h3{color:#F0FFFF;text-shadow:0 0 22px rgba(120,130,230,.45)}
.v21-dependency-skins--abra-void>header p{color:#b9bfd6}
.v21-dependency-stage--abra-void>i{border-color:color-mix(in srgb,var(--bunny-accent) 60%,transparent);background:radial-gradient(circle,rgba(0,0,0,.55),transparent 70%);box-shadow:0 0 30px color-mix(in srgb,var(--bunny-accent) 50%,transparent),inset 0 0 36px rgba(0,0,0,.6)}
.v21-dependency-stage--abra-void figure{position:absolute;inset:0;width:100%;height:100%;max-width:none!important;flex:none}
.v21-dependency-stage--abra-void figure.is-abra-hole{z-index:1}
.v21-dependency-stage--abra-void figure.is-abra-scythe{z-index:2}
.v21-dependency-stage--abra-void .is-abra-hole .v21-dependency-drawn{position:relative;display:block;width:min(62%,210px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#000 0 34%,color-mix(in srgb,var(--bunny-accent) 72%,transparent) 42%,transparent 64%),conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--bunny-glow) 80%,transparent),transparent 38%,color-mix(in srgb,var(--bunny-accent) 80%,transparent),transparent 78%);box-shadow:0 0 34px color-mix(in srgb,var(--bunny-accent) 70%,transparent),0 0 70px color-mix(in srgb,var(--bunny-glow) 22%,transparent),inset 0 0 22px #000;animation:v21AbraSpin 8s linear infinite}
.v21-dependency-stage--abra-void .is-abra-hole .v21-dependency-drawn::after{position:absolute;inset:-14%;border:1px solid color-mix(in srgb,var(--bunny-glow) 38%,transparent);border-radius:50%;content:"";transform:scaleY(.34) rotate(-12deg);box-shadow:0 0 12px color-mix(in srgb,var(--bunny-accent) 55%,transparent)}
.v21-dependency-stage--abra-void .is-abra-scythe img{width:min(64%,230px);height:auto;max-height:80%;filter:drop-shadow(0 0 10px var(--bunny-accent)) drop-shadow(0 0 26px var(--bunny-glow));animation:v21AbraScytheFloat 3.2s ease-in-out infinite}
.v21-dependency-stage--abra-void .is-abra-hole figcaption{right:52%}
.v21-dependency-stage--abra-void .is-abra-scythe figcaption{left:52%}
.v21-bunny-extras.is-hero-55{border-color:rgba(120,130,210,.42);outline:1px solid rgba(54,69,89,.42);outline-offset:-7px;background:radial-gradient(circle at 88% 0,rgba(78,86,147,.22),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(54,69,89,.28),transparent 24rem),var(--v21-panel);box-shadow:inset 0 0 42px rgba(78,86,147,.18)}
.v21-bunny-extras.is-hero-55>header small{color:#aab4ff}
.v21-bunny-extras.is-hero-55>header h3{color:#F0FFFF;text-shadow:0 0 22px rgba(120,130,230,.36)}
.v21-bunny-extras.is-hero-55>header p{color:#b9bfd6}
.is-hero-55 .v21-bunny-extra-card,.is-hero-55 .v21-bunny-extra-card.is-easter,.is-hero-55 .v21-bunny-extra-card.is-buff{border-color:rgba(78,86,147,.5);background:linear-gradient(135deg,rgba(78,86,147,.18),rgba(11,15,24,.8) 52%,rgba(2,3,6,.96));box-shadow:inset 0 0 28px rgba(54,69,89,.24),0 17px 35px rgba(0,0,0,.3)}
.is-hero-55 .v21-bunny-extra-card.is-debuff{border-color:rgba(160,170,255,.45);background:linear-gradient(135deg,rgba(121,125,151,.18),rgba(54,69,89,.42) 52%,rgba(2,3,6,.96))}
.is-hero-55 .v21-bunny-extra-card:hover{border-color:rgba(200,210,255,.7);box-shadow:inset 0 0 34px rgba(78,86,147,.24),0 20px 42px rgba(20,24,60,.5)}
.is-hero-55 .v21-bunny-extra-icon i{border-color:#4E5693;background:radial-gradient(circle,#000 0 40%,rgba(78,86,147,.5) 52%,transparent 70%);box-shadow:0 0 18px rgba(120,130,230,.55),inset 0 0 16px rgba(0,0,0,.9)}
.is-hero-55 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 10px rgba(170,180,255,.6)) drop-shadow(0 0 20px rgba(78,86,147,.5))}
.is-hero-55 .v21-bunny-extra-card small{color:#aab4ff}
.is-hero-55 .v21-bunny-extra-card h4{color:#F0FFFF}
.is-hero-55 .v21-bunny-extra-card p{color:#b9bfd6}
@keyframes v21AbraSpin{to{transform:rotate(360deg)}}
@keyframes v21AbraScytheFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--abra-void .is-abra-hole .v21-dependency-drawn,.v21-dependency-stage--abra-void .is-abra-scythe img{animation:none!important}}

/* Arobius (59) – Jeges Csillagpengék: skinfüggő penge a csillagkoszorúban,
   pengeszintek és a három 8-pengés hatás. Paletta: #3A6DD9 · #173656 ·
   #1F2742 · #54D8FF · #153A70 (alap), a skin-kártyák saját --bunny-accent/glow-t kapnak. */
.v21-dependency-skins--arobius-blades{--dependency-accent:#3A6DD9;border-color:rgba(84,216,255,.42);outline:1px solid rgba(58,109,217,.45);outline-offset:-7px;background:radial-gradient(circle at 88% 0,rgba(58,109,217,.26),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(21,58,112,.4),transparent 24rem),linear-gradient(145deg,rgba(31,39,66,.97),rgba(8,14,26,.98));box-shadow:inset 0 0 42px rgba(84,216,255,.14)}
.v21-dependency-skins--arobius-blades>header small{color:#8fe6ff}
.v21-dependency-skins--arobius-blades>header h3{color:#eef9ff;text-shadow:0 0 22px rgba(84,216,255,.45)}
.v21-dependency-skins--arobius-blades>header p{color:#b8cbe6}
.v21-dependency-stage--arobius-blades>i{border-color:color-mix(in srgb,var(--bunny-glow) 60%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--bunny-accent) 26%,transparent),transparent 70%);box-shadow:0 0 30px color-mix(in srgb,var(--bunny-accent) 50%,transparent),inset 0 0 30px rgba(0,0,0,.5)}
.v21-dependency-stage--arobius-blades figure{position:absolute;inset:0;width:100%;height:100%;max-width:none!important;flex:none}
.v21-dependency-stage--arobius-blades figure.is-arobius-wreath{z-index:1}
.v21-dependency-stage--arobius-blades figure.is-arobius-blade{z-index:2}
.v21-dependency-stage--arobius-blades .is-arobius-wreath .v21-dependency-drawn{position:relative;display:block;width:min(66%,220px);aspect-ratio:1;border-radius:50%;border:1px dashed color-mix(in srgb,var(--bunny-glow) 55%,transparent);background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--bunny-glow) 85%,#fff) 0 3deg,transparent 3deg 45deg);-webkit-mask:radial-gradient(circle,transparent 0 60%,#000 61% 72%,transparent 73%);mask:radial-gradient(circle,transparent 0 60%,#000 61% 72%,transparent 73%);box-shadow:0 0 34px color-mix(in srgb,var(--bunny-accent) 60%,transparent);animation:v21ArobiusSpin 14s linear infinite}
.v21-dependency-stage--arobius-blades .is-arobius-wreath .v21-dependency-drawn::after{position:absolute;inset:8%;border:1px solid color-mix(in srgb,var(--bunny-glow) 40%,transparent);border-radius:50%;content:""}
.v21-dependency-stage--arobius-blades .is-arobius-blade img{width:min(46%,160px);height:auto;max-height:70%;filter:drop-shadow(0 0 10px var(--bunny-glow)) drop-shadow(0 0 26px var(--bunny-accent));animation:v21ArobiusBladeFloat 3.2s ease-in-out infinite}
.v21-dependency-stage--arobius-blades .is-arobius-wreath figcaption{right:52%}
.v21-dependency-stage--arobius-blades .is-arobius-blade figcaption{left:52%}
.v21-bunny-extras.is-hero-59{border-color:rgba(84,216,255,.4);outline:1px solid rgba(58,109,217,.4);outline-offset:-7px;background:radial-gradient(circle at 88% 0,rgba(58,109,217,.22),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(21,58,112,.32),transparent 24rem),var(--v21-panel);box-shadow:inset 0 0 42px rgba(84,216,255,.12)}
.v21-bunny-extras.is-hero-59>header small{color:#8fe6ff}
.v21-bunny-extras.is-hero-59>header h3{color:#eef9ff;text-shadow:0 0 22px rgba(84,216,255,.36)}
.v21-bunny-extras.is-hero-59>header p{color:#b8cbe6}
.is-hero-59 .v21-bunny-extra-card,.is-hero-59 .v21-bunny-extra-card.is-easter,.is-hero-59 .v21-bunny-extra-card.is-buff{border-color:rgba(58,109,217,.5);background:linear-gradient(135deg,rgba(58,109,217,.2),rgba(31,39,66,.82) 52%,rgba(8,14,26,.96));box-shadow:inset 0 0 28px rgba(21,58,112,.3),0 17px 35px rgba(0,0,0,.3)}
.is-hero-59 .v21-bunny-extra-card.is-debuff{border-color:rgba(84,216,255,.5);background:linear-gradient(135deg,rgba(84,216,255,.16),rgba(23,54,86,.5) 52%,rgba(8,14,26,.96))}
.is-hero-59 .v21-bunny-extra-card:hover{border-color:rgba(160,236,255,.72);box-shadow:inset 0 0 34px rgba(58,109,217,.26),0 20px 42px rgba(10,30,70,.5)}
.is-hero-59 .v21-bunny-extra-icon i{border-color:#54D8FF;background:radial-gradient(circle,rgba(84,216,255,.28),rgba(58,109,217,.3) 52%,transparent 70%);box-shadow:0 0 18px rgba(84,216,255,.5),inset 0 0 16px rgba(0,0,0,.7)}
.is-hero-59 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 10px rgba(84,216,255,.6)) drop-shadow(0 0 20px rgba(58,109,217,.5))}
.is-hero-59 .v21-bunny-extra-card small{color:#8fe6ff}
.is-hero-59 .v21-bunny-extra-card h4{color:#eef9ff}
.is-hero-59 .v21-bunny-extra-card p{color:#b8cbe6}
@keyframes v21ArobiusSpin{to{transform:rotate(360deg)}}
@keyframes v21ArobiusBladeFloat{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8px) rotate(6deg)}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--arobius-blades .is-arobius-wreath .v21-dependency-drawn,.v21-dependency-stage--arobius-blades .is-arobius-blade img{animation:none!important}}

/* Cassandra (60) – Hangenergia: skinfüggő mikrofon a keringő hangjegyek
   között, Hangenergia-szintek és a három 100-as hatás. Paletta: #0E1028 ·
   #CBCAE8 · #B7C4FF · #8B82A2 · #BFA7FD (alap), a skin-kártyák saját
   --bunny-accent/glow-t kapnak (Kristály: #7170DA / #FEBAF4). */
.v21-dependency-skins--cassandra-sound{--dependency-accent:#BFA7FD;border-color:rgba(183,196,255,.42);outline:1px solid rgba(191,167,253,.42);outline-offset:-7px;background:radial-gradient(circle at 88% 0,rgba(191,167,253,.24),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(113,112,218,.3),transparent 24rem),linear-gradient(145deg,rgba(14,16,40,.97),rgba(8,9,24,.98));box-shadow:inset 0 0 42px rgba(183,196,255,.14)}
.v21-dependency-skins--cassandra-sound>header small{color:#cfc2ff}
.v21-dependency-skins--cassandra-sound>header h3{color:#f3f1ff;text-shadow:0 0 22px rgba(191,167,253,.45)}
.v21-dependency-skins--cassandra-sound>header p{color:#cbcae8}
.v21-dependency-stage--cassandra-sound>i{border-color:color-mix(in srgb,var(--bunny-glow) 60%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--bunny-accent) 26%,transparent),transparent 70%);box-shadow:0 0 30px color-mix(in srgb,var(--bunny-accent) 50%,transparent),inset 0 0 30px rgba(0,0,0,.5);animation:v21CassandraPulse 2.4s ease-in-out infinite}
.v21-dependency-stage--cassandra-sound figure{position:absolute;inset:0;width:100%;height:100%;max-width:none!important;flex:none}
.v21-dependency-stage--cassandra-sound figure.is-cassandra-note{z-index:1}
.v21-dependency-stage--cassandra-sound figure.is-cassandra-mic{z-index:2}
.v21-dependency-stage--cassandra-sound .is-cassandra-note img{width:min(20%,64px);height:auto;filter:drop-shadow(0 0 8px var(--bunny-glow));animation:v21CassandraOrbit 9s linear infinite}
.v21-dependency-stage--cassandra-sound .is-cassandra-mic img{width:min(44%,150px);height:auto;max-height:70%;filter:drop-shadow(0 0 10px var(--bunny-glow)) drop-shadow(0 0 26px var(--bunny-accent));animation:v21CassandraMicFloat 3.2s ease-in-out infinite}
.v21-dependency-stage--cassandra-sound .is-cassandra-note figcaption{right:52%}
.v21-dependency-stage--cassandra-sound .is-cassandra-mic figcaption{left:52%}
.v21-bunny-extras.is-hero-60{border-color:rgba(183,196,255,.4);outline:1px solid rgba(191,167,253,.4);outline-offset:-7px;background:radial-gradient(circle at 88% 0,rgba(191,167,253,.2),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(113,112,218,.26),transparent 24rem),var(--v21-panel);box-shadow:inset 0 0 42px rgba(183,196,255,.12)}
.v21-bunny-extras.is-hero-60>header small{color:#cfc2ff}
.v21-bunny-extras.is-hero-60>header h3{color:#f3f1ff;text-shadow:0 0 22px rgba(191,167,253,.36)}
.v21-bunny-extras.is-hero-60>header p{color:#cbcae8}
.is-hero-60 .v21-bunny-extra-card,.is-hero-60 .v21-bunny-extra-card.is-easter,.is-hero-60 .v21-bunny-extra-card.is-buff{border-color:rgba(191,167,253,.5);background:linear-gradient(135deg,rgba(191,167,253,.18),rgba(14,16,40,.84) 52%,rgba(8,9,24,.96));box-shadow:inset 0 0 28px rgba(139,130,162,.28),0 17px 35px rgba(0,0,0,.3)}
.is-hero-60 .v21-bunny-extra-card.is-debuff{border-color:rgba(183,196,255,.5);background:linear-gradient(135deg,rgba(183,196,255,.16),rgba(56,63,106,.5) 52%,rgba(8,9,24,.96))}
.is-hero-60 .v21-bunny-extra-card:hover{border-color:rgba(221,212,255,.74);box-shadow:inset 0 0 34px rgba(191,167,253,.26),0 20px 42px rgba(20,18,60,.5)}
.is-hero-60 .v21-bunny-extra-icon i{border-color:#BFA7FD;background:radial-gradient(circle,rgba(183,196,255,.28),rgba(191,167,253,.3) 52%,transparent 70%);box-shadow:0 0 18px rgba(191,167,253,.5),inset 0 0 16px rgba(0,0,0,.7)}
.is-hero-60 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 10px rgba(183,196,255,.6)) drop-shadow(0 0 20px rgba(191,167,253,.5))}
.is-hero-60 .v21-bunny-extra-card small{color:#cfc2ff}
.is-hero-60 .v21-bunny-extra-card h4{color:#f3f1ff}
.is-hero-60 .v21-bunny-extra-card p{color:#cbcae8}
@keyframes v21CassandraOrbit{from{transform:rotate(0deg) translateY(-88px) rotate(0deg)}to{transform:rotate(360deg) translateY(-88px) rotate(-360deg)}}
@keyframes v21CassandraMicFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}
@keyframes v21CassandraPulse{0%,100%{opacity:.75;scale:1}50%{opacity:1;scale:1.05}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--cassandra-sound>i,.v21-dependency-stage--cassandra-sound .is-cassandra-note img,.v21-dependency-stage--cassandra-sound .is-cassandra-mic img{animation:none!important}.v21-dependency-stage--cassandra-sound .is-cassandra-note img{transform:translateY(-88px)}}
.v21-dependency-skins--karthy-dragon .v21-dependency-stage { border-color:#B31982; background:radial-gradient(circle,#5F1DAD66 0,#330F4E55 46%,#000 100%); box-shadow:inset 0 0 25px #B3198255,0 0 22px #B3198255; }
.v21-dependency-skins--karthy-dragon .v21-dependency-stage::after { content:""; position:absolute; inset:10%; border:1px solid #AA7477aa; border-radius:50%; box-shadow:0 0 18px #B31982,inset 0 0 20px #5F1DAD; animation:karthy-orbit 12s linear infinite; pointer-events:none; }
.v21-dependency-skins--karthy-dragon .v21-dependency-stage img { filter:drop-shadow(0 0 16px #B31982); }
.v21-bunny-extras.is-hero-64 { --bunny-accent:#B31982; --bunny-glow:#AA7477; }
.v21-bunny-extras.is-hero-64 .v21-bunny-extra-card { border-color:#B3198270; background:linear-gradient(140deg,#330F4E88,#10071bcc 65%,#000); box-shadow:inset 0 0 18px #5F1DAD3d,0 15px 33px #0006; }
.v21-bunny-extras.is-hero-64 .v21-bunny-extra-icon i { border-color:#B31982; background:radial-gradient(circle,#5F1DAD77,transparent 75%); box-shadow:0 0 20px #B3198270; }
.v21-bunny-extras.is-hero-64 .v21-bunny-extra-icon img { filter:drop-shadow(0 0 10px #B31982); }
@keyframes karthy-orbit { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .v21-dependency-skins--karthy-dragon .v21-dependency-stage::after { animation:none; } }
.v21-dependency-stage--anita-command figure img{filter:drop-shadow(0 0 14px var(--showcase-accent,#fef5bb));animation:v21AnitaSwordFloat 3.4s ease-in-out infinite}
@keyframes v21AnitaSwordFloat{50%{transform:translateY(-8px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--anita-command figure img{animation:none}}

/* Pup (69) – Bombamester: skinfüggő Zöld/Kék/Vörös bomba a skin bannere
   előtt, a három bombatípus és a négy új bombahatás. Paletta: #358FDB ·
   #97E07E · #ED6238 · #934353 · #241A12 (alap), a skin-kártyák saját
   --bunny-accent/glow-t kapnak (Űrhajós: #FA8232 / #44DEFF). */
.v21-dependency-skins--pup-bombs{--dependency-accent:#ED6238;border-color:rgba(53,143,219,.42);outline:1px solid rgba(237,98,56,.42);outline-offset:-7px;background:radial-gradient(circle at 88% 0,rgba(237,98,56,.22),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(53,143,219,.26),transparent 24rem),radial-gradient(circle at 50% 60%,rgba(151,224,126,.08),transparent 30rem),linear-gradient(145deg,rgba(36,26,18,.97),rgba(14,10,8,.98));box-shadow:inset 0 0 42px rgba(237,98,56,.12)}
.v21-dependency-skins--pup-bombs>header small{color:#f3a07f}
.v21-dependency-skins--pup-bombs>header h3{color:#fff3ea;text-shadow:0 0 22px rgba(237,98,56,.4)}
.v21-dependency-skins--pup-bombs>header p{color:#e8d6c8}
.v21-dependency-stage--pup-bombs>i{border-style:dashed;border-color:color-mix(in srgb,var(--bunny-accent) 60%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--bunny-accent) 22%,transparent),transparent 70%);box-shadow:0 0 30px color-mix(in srgb,var(--bunny-glow) 44%,transparent),inset 0 0 30px rgba(0,0,0,.5)}
.v21-dependency-stage--pup-bombs figure.is-pup-green{--pup-bomb:#97E07E;transform:translateY(10%) rotate(-8deg)}
.v21-dependency-stage--pup-bombs figure.is-pup-blue{--pup-bomb:#4FA6F0;transform:translateY(-8%);z-index:2}
.v21-dependency-stage--pup-bombs figure.is-pup-red{--pup-bomb:#ED6238;transform:translateY(10%) rotate(8deg)}
.v21-dependency-stage--pup-bombs img{filter:drop-shadow(0 0 8px var(--pup-bomb,var(--bunny-accent))) drop-shadow(0 0 20px color-mix(in srgb,var(--pup-bomb,var(--bunny-accent)) 60%,transparent));animation:v21PupBombBob 2.6s ease-in-out infinite}
.v21-dependency-stage--pup-bombs figure.is-pup-blue img{animation-delay:-.9s}
.v21-dependency-stage--pup-bombs figure.is-pup-red img{animation-delay:-1.7s}
.v21-dependency-stage--pup-bombs figcaption{border-color:color-mix(in srgb,var(--pup-bomb,var(--bunny-accent)) 60%,transparent);color:color-mix(in srgb,var(--pup-bomb,#fff) 40%,#fff)}
.v21-bunny-extras.is-hero-69{border-color:rgba(53,143,219,.4);outline:1px solid rgba(237,98,56,.38);outline-offset:-7px;background:radial-gradient(circle at 88% 0,rgba(237,98,56,.18),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(53,143,219,.22),transparent 24rem),var(--v21-panel);box-shadow:inset 0 0 42px rgba(237,98,56,.1)}
.v21-bunny-extras.is-hero-69>header small{color:#f3a07f}
.v21-bunny-extras.is-hero-69>header h3{color:#fff3ea;text-shadow:0 0 22px rgba(237,98,56,.34)}
.v21-bunny-extras.is-hero-69>header p{color:#e8d6c8}
.is-hero-69 .v21-bunny-extra-card,.is-hero-69 .v21-bunny-extra-card.is-easter,.is-hero-69 .v21-bunny-extra-card.is-buff{border-color:rgba(237,98,56,.48);background:linear-gradient(135deg,rgba(237,98,56,.16),rgba(36,26,18,.86) 52%,rgba(14,10,8,.96));box-shadow:inset 0 0 28px rgba(147,67,83,.26),0 17px 35px rgba(0,0,0,.3)}
.is-hero-69 .v21-bunny-extra-card.is-debuff{border-color:rgba(151,224,126,.46);background:linear-gradient(135deg,rgba(151,224,126,.13),rgba(36,26,18,.86) 52%,rgba(14,10,8,.96))}
.is-hero-69 .v21-bunny-extra-card:hover{border-color:rgba(255,190,150,.72);box-shadow:inset 0 0 34px rgba(237,98,56,.24),0 20px 42px rgba(40,16,8,.5)}
.is-hero-69 .v21-bunny-extra-icon i{border-color:#ED6238;background:radial-gradient(circle,rgba(53,143,219,.24),rgba(237,98,56,.26) 52%,transparent 70%);box-shadow:0 0 18px rgba(237,98,56,.46),inset 0 0 16px rgba(0,0,0,.7)}
.is-hero-69 .v21-bunny-extra-card.is-debuff .v21-bunny-extra-icon i{border-color:#97E07E;box-shadow:0 0 18px rgba(151,224,126,.42),inset 0 0 16px rgba(0,0,0,.7)}
.is-hero-69 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 10px rgba(237,98,56,.55)) drop-shadow(0 0 20px rgba(53,143,219,.4))}
.is-hero-69 .v21-bunny-extra-card small{color:#f3a07f}
.is-hero-69 .v21-bunny-extra-card.is-debuff small{color:#b8ec9f}
.is-hero-69 .v21-bunny-extra-card h4{color:#fff3ea}
.is-hero-69 .v21-bunny-extra-card p{color:#e8d6c8}
@keyframes v21PupBombBob{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-9px) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--pup-bombs img{animation:none!important}}
/* HONEYCOMB · GYILKOS MÉHRAJ (heroId 70) – skin-vitrin (rajzolt méhkas + skinfüggő méh), a két rajhatás és az öt raj-szint. Paletta: #F6B11D · #FFF3A6 · #A7782D · #1E1C1A · #FDE640 (alap), a skin-kártyák saját --bunny-accent/glow-t kapnak. */
.v21-dependency-skins--honeycomb-swarm{--dependency-accent:#F6B11D;border-color:rgba(246,177,29,.44);outline:1px solid rgba(253,230,64,.36);outline-offset:-7px;background:radial-gradient(circle at 88% 0,rgba(246,177,29,.24),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(167,120,45,.3),transparent 24rem),linear-gradient(145deg,rgba(30,28,26,.97),rgba(14,11,6,.98));box-shadow:inset 0 0 42px rgba(246,177,29,.12)}
.v21-dependency-skins--honeycomb-swarm>header small{color:#fde640}
.v21-dependency-skins--honeycomb-swarm>header h3{color:#fff8e6;text-shadow:0 0 22px rgba(246,177,29,.45)}
.v21-dependency-skins--honeycomb-swarm>header p{color:#eadcb8}
.v21-dependency-stage--honeycomb-swarm>i{border-radius:0;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);border:0;background:radial-gradient(circle,color-mix(in srgb,var(--bunny-glow) 30%,transparent),color-mix(in srgb,var(--bunny-accent) 14%,transparent) 70%);box-shadow:none;animation:none}
.v21-dependency-stage--honeycomb-swarm figure{position:absolute;top:0;bottom:0;height:100%;max-width:none!important;flex:none}
.v21-dependency-stage--honeycomb-swarm figure.is-honeycomb-hive{z-index:1;left:0;right:0;width:100%}
.v21-dependency-stage--honeycomb-swarm figure.is-honeycomb-bee{z-index:2;left:0;width:52%}
.v21-dependency-stage--honeycomb-swarm figure.is-honeycomb-weapon{z-index:2;right:0;width:52%}
.v21-dependency-stage--honeycomb-swarm figure.is-honeycomb-hive figcaption{display:none}
.v21-dependency-stage--honeycomb-swarm .is-honeycomb-hive .v21-dependency-drawn{display:block;width:min(70%,230px);aspect-ratio:1.1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='48' viewBox='0 0 28 48'%3E%3Cpath d='M14 0l14 8v16l-14 8-14-8V8zM14 32v16' fill='none' stroke='%23ffffff' stroke-width='1.4'/%3E%3C/svg%3E") center/28px 48px,radial-gradient(circle,color-mix(in srgb,var(--bunny-accent) 50%,transparent),transparent 72%);clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);opacity:.55;filter:drop-shadow(0 0 18px var(--bunny-glow));animation:v21HoneycombHive 5.5s ease-in-out infinite}
.v21-dependency-stage--honeycomb-swarm .is-honeycomb-bee img{width:78%;height:78%;margin:auto;filter:drop-shadow(0 0 10px var(--bunny-glow)) drop-shadow(0 0 24px color-mix(in srgb,var(--bunny-accent) 70%,transparent));animation:v21HoneycombBuzz 3.2s ease-in-out infinite}
.v21-dependency-stage--honeycomb-swarm figcaption{border-color:color-mix(in srgb,var(--bunny-accent) 60%,transparent);color:color-mix(in srgb,var(--bunny-glow) 40%,#fff)}
.v21-bunny-extras.is-hero-70{border-color:rgba(246,177,29,.42);outline:1px solid rgba(253,230,64,.32);outline-offset:-7px;background:radial-gradient(circle at 88% 0,rgba(246,177,29,.18),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(167,120,45,.22),transparent 24rem),var(--v21-panel);box-shadow:inset 0 0 42px rgba(246,177,29,.1)}
.v21-bunny-extras.is-hero-70>header small{color:#fde640}
.v21-bunny-extras.is-hero-70>header h3{color:#fff8e6;text-shadow:0 0 22px rgba(246,177,29,.36)}
.v21-bunny-extras.is-hero-70>header p{color:#eadcb8}
.is-hero-70 .v21-bunny-extra-card,.is-hero-70 .v21-bunny-extra-card.is-easter,.is-hero-70 .v21-bunny-extra-card.is-buff{border-color:rgba(253,230,64,.46);background:linear-gradient(135deg,rgba(246,177,29,.17),rgba(30,28,26,.88) 52%,rgba(14,11,6,.96));box-shadow:inset 0 0 28px rgba(167,120,45,.26),0 17px 35px rgba(0,0,0,.3)}
.is-hero-70 .v21-bunny-extra-card.is-debuff{border-color:rgba(246,177,29,.4);background:linear-gradient(135deg,rgba(167,120,45,.2),rgba(30,28,26,.88) 52%,rgba(14,11,6,.96))}
.is-hero-70 .v21-bunny-extra-card:hover{border-color:rgba(255,243,166,.74);box-shadow:inset 0 0 34px rgba(246,177,29,.24),0 20px 42px rgba(40,26,6,.5)}
.is-hero-70 .v21-bunny-extra-icon i{border-color:#F6B11D;border-radius:0;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);background:radial-gradient(circle,rgba(253,230,64,.3),rgba(167,120,45,.26) 56%,rgba(30,28,26,.8) 72%);box-shadow:inset 0 0 16px rgba(0,0,0,.7)}
.is-hero-70 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 10px rgba(253,230,64,.55)) drop-shadow(0 0 20px rgba(246,177,29,.4))}
.is-hero-70 .v21-bunny-extra-card small{color:#fde640}
.is-hero-70 .v21-bunny-extra-card.is-debuff small{color:#f6c35a}
.is-hero-70 .v21-bunny-extra-card h4{color:#fff8e6}
.is-hero-70 .v21-bunny-extra-card p{color:#eadcb8}
.v21-dependency-stage--honeycomb-swarm .is-honeycomb-weapon img{width:82%;height:82%;margin:auto;filter:drop-shadow(0 0 10px var(--bunny-glow)) drop-shadow(0 0 22px color-mix(in srgb,var(--bunny-accent) 70%,transparent));animation:v21HoneycombWeapon 3.8s ease-in-out infinite}
@keyframes v21HoneycombWeapon{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-8px) rotate(-3deg)}}
@keyframes v21HoneycombHive{0%,100%{opacity:.45;transform:scale(.97)}50%{opacity:.7;transform:scale(1.03)}}
@keyframes v21HoneycombBuzz{0%,100%{transform:translate(0,0) rotate(-4deg)}25%{transform:translate(4px,-6px) rotate(3deg)}50%{transform:translate(-2px,-10px) rotate(-2deg)}75%{transform:translate(-5px,-4px) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--honeycomb-swarm .is-honeycomb-hive .v21-dependency-drawn,.v21-dependency-stage--honeycomb-swarm .is-honeycomb-bee img,.v21-dependency-stage--honeycomb-swarm .is-honeycomb-weapon img{animation:none!important}}
/* Cripto (71) – Galaktikus Energia 2.0: rajzolt gyűrűs bolygó, előtte a skinfüggő energia- és jelző-ikon; lila-magenta-cián galaxis-paletta. */
.v21-dependency-stage--cripto-cosmos>i{border-color:color-mix(in srgb,var(--bunny-glow) 55%,transparent);border-style:dashed;background:radial-gradient(circle,color-mix(in srgb,var(--bunny-glow) 26%,transparent),color-mix(in srgb,var(--bunny-accent) 14%,transparent) 64%,transparent 74%);box-shadow:inset 0 0 26px color-mix(in srgb,var(--bunny-accent) 40%,transparent);animation:v21CriptoOrbit 28s linear infinite}
.v21-dependency-stage--cripto-cosmos figure{position:absolute;top:0;bottom:0;height:100%;max-width:none!important;flex:none}
.v21-dependency-stage--cripto-cosmos figure.is-cripto-planet{z-index:1;left:0;right:0;width:100%}
.v21-dependency-stage--cripto-cosmos figure.is-cripto-energy{z-index:2;left:0;width:50%}
.v21-dependency-stage--cripto-cosmos figure.is-cripto-marker{z-index:2;right:0;width:50%}
.v21-dependency-stage--cripto-cosmos figure.is-cripto-planet figcaption{display:none}
.v21-dependency-stage--cripto-cosmos .is-cripto-planet .v21-dependency-drawn{position:relative;display:block;width:min(46%,150px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 30%,#F4E9FF 0 6%,#B67BFF 26%,#6A2BC4 58%,#140A3A 100%);box-shadow:inset -12px -10px 22px rgba(10,4,32,.75),0 0 26px color-mix(in srgb,var(--bunny-glow) 60%,transparent);opacity:.72;animation:v21CriptoPlanet 6s ease-in-out infinite}
.v21-dependency-stage--cripto-cosmos .is-cripto-planet .v21-dependency-drawn::before{content:"";position:absolute;left:-34%;right:-34%;top:40%;height:20%;border:2px solid color-mix(in srgb,#7FD8FF 70%,transparent);border-radius:50%;transform:rotate(-16deg);box-shadow:0 0 10px rgba(127,216,255,.45)}
.v21-dependency-stage--cripto-cosmos .is-cripto-planet .v21-dependency-drawn::after{content:"";position:absolute;inset:22% 30% 38% 40%;border-radius:40%;background:radial-gradient(circle,rgba(20,10,58,.5),transparent 70%);box-shadow:-18px 26px 0 -4px rgba(20,10,58,.35)}
.v21-dependency-stage--cripto-cosmos .is-cripto-energy img,.v21-dependency-stage--cripto-cosmos .is-cripto-marker img{width:74%;height:74%;margin:auto;object-fit:contain;filter:drop-shadow(0 0 10px var(--bunny-glow)) drop-shadow(0 0 22px color-mix(in srgb,var(--bunny-accent) 70%,transparent))}
.v21-dependency-stage--cripto-cosmos .is-cripto-energy img{animation:v21CriptoFloat 3.4s ease-in-out infinite}
.v21-dependency-stage--cripto-cosmos .is-cripto-marker img{animation:v21CriptoFloat 3.9s ease-in-out -1.6s infinite}
.v21-dependency-stage--cripto-cosmos figcaption{border-color:color-mix(in srgb,var(--bunny-accent) 60%,transparent);color:color-mix(in srgb,var(--bunny-glow) 40%,#fff)}
.v21-bunny-extras.is-hero-71{border-color:rgba(139,61,255,.46);outline:1px solid rgba(224,75,255,.3);outline-offset:-7px;background:radial-gradient(circle at 88% 0,rgba(224,75,255,.17),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(127,216,255,.13),transparent 24rem),var(--v21-panel);box-shadow:inset 0 0 42px rgba(139,61,255,.12)}
.v21-bunny-extras.is-hero-71>header small{color:#d49bff}
.v21-bunny-extras.is-hero-71>header h3{color:#f7f0ff;text-shadow:0 0 22px rgba(224,75,255,.4)}
.v21-bunny-extras.is-hero-71>header p{color:#ddd0f3}
.is-hero-71 .v21-bunny-extra-card,.is-hero-71 .v21-bunny-extra-card.is-buff{border-color:rgba(182,123,255,.46);background:linear-gradient(135deg,rgba(139,61,255,.18),rgba(20,10,58,.9) 52%,rgba(8,4,24,.96));box-shadow:inset 0 0 28px rgba(139,61,255,.24),0 17px 35px rgba(0,0,0,.3)}
.is-hero-71 .v21-bunny-extra-card.is-debuff{border-color:rgba(127,216,255,.42);background:linear-gradient(135deg,rgba(127,216,255,.15),rgba(20,10,58,.9) 52%,rgba(8,4,24,.96))}
.is-hero-71 .v21-bunny-extra-card:hover{border-color:rgba(244,233,255,.7);box-shadow:inset 0 0 34px rgba(224,75,255,.24),0 20px 42px rgba(24,8,52,.55)}
.is-hero-71 .v21-bunny-extra-icon i{border-color:#8B3DFF;border-style:dashed;background:radial-gradient(circle,rgba(224,75,255,.3),rgba(139,61,255,.24) 56%,rgba(20,10,58,.82) 72%);box-shadow:inset 0 0 16px rgba(0,0,0,.7);animation:v21CriptoOrbit 22s linear infinite}
.is-hero-71 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 10px rgba(224,75,255,.55)) drop-shadow(0 0 20px rgba(127,216,255,.35))}
.is-hero-71 .v21-bunny-extra-card small{color:#d49bff}
.is-hero-71 .v21-bunny-extra-card.is-debuff small{color:#7fd8ff}
.is-hero-71 .v21-bunny-extra-card h4{color:#f7f0ff}
.is-hero-71 .v21-bunny-extra-card p{color:#ddd0f3}
@keyframes v21CriptoOrbit{to{transform:rotate(360deg)}}
@keyframes v21CriptoPlanet{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(8deg)}}
@keyframes v21CriptoFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--cripto-cosmos>i,.v21-dependency-stage--cripto-cosmos .is-cripto-planet .v21-dependency-drawn,.v21-dependency-stage--cripto-cosmos .is-cripto-energy img,.v21-dependency-stage--cripto-cosmos .is-cripto-marker img,.is-hero-71 .v21-bunny-extra-icon i{animation:none!important}}

/* Kenjiro (73) – Pengefölény: skinfüggő Katana + rajzolt motívum (sakura /
   rakéta / VIP-fényív) a skin bannere előtt, és a négy új penge-hatás. */
.v21-dependency-stage--kenjiro-blade>i{border-color:color-mix(in srgb,var(--bunny-glow) 55%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--bunny-accent) 28%,transparent),color-mix(in srgb,var(--bunny-glow) 12%,transparent) 62%,transparent 74%);box-shadow:inset 0 0 26px color-mix(in srgb,var(--bunny-accent) 40%,transparent),0 0 0 1px color-mix(in srgb,var(--bunny-glow) 30%,transparent);animation:v21KenjiroBreath 4.8s ease-in-out infinite}
.v21-dependency-stage--kenjiro-blade figure{position:absolute;top:0;bottom:0;height:100%;max-width:none!important;flex:none}
.v21-dependency-stage--kenjiro-blade figure.is-kenjiro-motif{z-index:1;left:0;right:0;width:100%}
.v21-dependency-stage--kenjiro-blade figure.is-kenjiro-katana{z-index:2;left:12%;right:12%;width:76%}
.v21-dependency-stage--kenjiro-blade figure.is-kenjiro-motif figcaption{position:absolute;right:6px;bottom:6px}
.v21-dependency-stage--kenjiro-blade .is-kenjiro-katana img{width:82%;height:82%;margin:auto;object-fit:contain;filter:drop-shadow(0 0 8px var(--bunny-glow)) drop-shadow(0 0 20px color-mix(in srgb,var(--bunny-accent) 70%,transparent));animation:v21KenjiroFloat 3.6s ease-in-out infinite}
.v21-dependency-stage--kenjiro-blade figcaption{border-color:color-mix(in srgb,var(--bunny-accent) 60%,transparent);color:color-mix(in srgb,var(--bunny-glow) 35%,#fff)}
.v21-dependency-stage--kenjiro-blade .is-kenjiro-motif .v21-dependency-drawn{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none}
/* Sakura: két sodródó szirom és egy szélcsík. */
.v21-dependency-stage--kenjiro-blade .is-kenjiro-motif--sakura .v21-dependency-drawn::before,
.v21-dependency-stage--kenjiro-blade .is-kenjiro-motif--sakura .v21-dependency-drawn::after{content:"";position:absolute;width:14px;height:10px;border-radius:80% 0 80% 0;background:linear-gradient(135deg,#FFE3EE,#F2B9D0 60%,#D9849F);box-shadow:0 0 8px rgba(242,185,208,.6);opacity:.85;animation:v21KenjiroPetal 5.2s linear infinite}
.v21-dependency-stage--kenjiro-blade .is-kenjiro-motif--sakura .v21-dependency-drawn::before{left:14%;top:-10%}
.v21-dependency-stage--kenjiro-blade .is-kenjiro-motif--sakura .v21-dependency-drawn::after{left:64%;top:-10%;animation-delay:-2.6s;transform:scale(.8)}
/* Űrhajós: kis rakéta lánggal. */
.v21-dependency-stage--kenjiro-blade .is-kenjiro-motif--space .v21-dependency-drawn::before{content:"";position:absolute;left:10%;bottom:14%;width:10px;height:24px;border-radius:50% 50% 30% 30%/70% 70% 30% 30%;background:linear-gradient(180deg,#FFFFFF,#44DEFF 55%,#1E6F8A);box-shadow:0 0 10px rgba(68,222,255,.6);transform:rotate(38deg);animation:v21KenjiroRocket 4.2s ease-in-out infinite}
.v21-dependency-stage--kenjiro-blade .is-kenjiro-motif--space .v21-dependency-drawn::after{content:"";position:absolute;right:12%;top:16%;width:4px;height:4px;border-radius:50%;background:#FCF639;box-shadow:-28px 36px 0 -1px #FAA055,-60px 8px 0 0 #FFFFFF,-12px 70px 0 -1px #FB2F00,0 0 8px #FCF639;animation:v21KenjiroTwinkle 2.4s ease-in-out infinite}
/* VIP: csillogó arany fényív. */
.v21-dependency-stage--kenjiro-blade .is-kenjiro-motif--vip .v21-dependency-drawn::before{content:"";position:absolute;inset:14% 8%;border-radius:50%;border:2px solid transparent;border-top-color:#E9CFA0;border-right-color:rgba(214,153,227,.7);filter:drop-shadow(0 0 6px #C08A41);animation:v21KenjiroOrbit 6s linear infinite}
.v21-dependency-stage--kenjiro-blade .is-kenjiro-motif--vip .v21-dependency-drawn::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,240,210,.32) 48%,transparent 62%);background-size:260% 100%;animation:v21KenjiroShimmer 3.4s ease-in-out infinite}
.v21-bunny-extras.is-hero-73{border-color:rgba(118,178,255,.44);outline:1px solid rgba(242,185,208,.3);outline-offset:-7px;background:radial-gradient(circle at 88% 0,rgba(242,185,208,.15),transparent 28rem),radial-gradient(circle at 6% 100%,rgba(118,178,255,.14),transparent 24rem),var(--v21-panel);box-shadow:inset 0 0 42px rgba(26,60,101,.2)}
.v21-bunny-extras.is-hero-73>header small{color:#9fc8ff}
.v21-bunny-extras.is-hero-73>header h3{color:#f3f7ff;text-shadow:0 0 22px rgba(118,178,255,.4)}
.v21-bunny-extras.is-hero-73>header p{color:#d6deef}
.is-hero-73 .v21-bunny-extra-card,.is-hero-73 .v21-bunny-extra-card.is-buff{border-color:rgba(118,178,255,.42);background:linear-gradient(135deg,rgba(26,60,101,.34),rgba(2,0,7,.9) 52%,rgba(8,6,18,.96));box-shadow:inset 0 0 28px rgba(118,178,255,.16),0 17px 35px rgba(0,0,0,.3)}
.is-hero-73 .v21-bunny-extra-card.is-debuff{border-color:rgba(192,16,43,.46);background:linear-gradient(135deg,rgba(53,10,24,.5),rgba(2,0,7,.9) 52%,rgba(8,6,18,.96))}
.is-hero-73 .v21-bunny-extra-card:hover{border-color:rgba(242,185,208,.7);box-shadow:inset 0 0 34px rgba(242,185,208,.18),0 20px 42px rgba(2,0,7,.55)}
.is-hero-73 .v21-bunny-extra-icon i{border-color:#76B2FF;background:radial-gradient(circle,rgba(242,185,208,.26),rgba(26,60,101,.4) 56%,rgba(2,0,7,.85) 72%);box-shadow:inset 0 0 16px rgba(0,0,0,.7);animation:v21KenjiroBreath 4.8s ease-in-out infinite}
.is-hero-73 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 8px rgba(118,178,255,.55)) drop-shadow(0 0 16px rgba(242,185,208,.3))}
.is-hero-73 .v21-bunny-extra-card small{color:#9fc8ff}
.is-hero-73 .v21-bunny-extra-card.is-debuff small{color:#ff8fa3}
.is-hero-73 .v21-bunny-extra-card h4{color:#f3f7ff}
.is-hero-73 .v21-bunny-extra-card p{color:#d6deef}
@keyframes v21KenjiroBreath{0%,100%{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}
@keyframes v21KenjiroFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes v21KenjiroPetal{0%{transform:translate(0,0) rotate(0);opacity:0}12%{opacity:.9}100%{transform:translate(46px,220px) rotate(300deg);opacity:0}}
@keyframes v21KenjiroRocket{0%,100%{transform:translate(0,0) rotate(38deg)}50%{transform:translate(10px,-12px) rotate(42deg)}}
@keyframes v21KenjiroTwinkle{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes v21KenjiroOrbit{to{transform:rotate(360deg)}}
@keyframes v21KenjiroShimmer{0%{background-position:120% 0}100%{background-position:-120% 0}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--kenjiro-blade>i,.v21-dependency-stage--kenjiro-blade .is-kenjiro-katana img,.v21-dependency-stage--kenjiro-blade .is-kenjiro-motif .v21-dependency-drawn::before,.v21-dependency-stage--kenjiro-blade .is-kenjiro-motif .v21-dependency-drawn::after,.is-hero-73 .v21-bunny-extra-icon i{animation:none!important}}
.v21-dependency-stage--yasmine-lamp{inset:8% 4% 12%;background:transparent}
.v21-dependency-stage--yasmine-lamp>i{inset:10% 14% 15%;border:1px solid #d5af68a8;border-radius:50%;background:radial-gradient(circle,#0de8f21c,transparent 62%);box-shadow:0 0 20px #d5af6840;animation:ysBreathe 3s ease-in-out infinite alternate}
.v21-dependency-stage--yasmine-lamp figure{position:absolute;top:0;bottom:0;height:100%;max-width:none!important;flex:none}
.v21-dependency-stage--yasmine-lamp figure.is-yasmine-lamp{z-index:2;inset:0;width:100%}
.v21-dependency-stage--yasmine-lamp figure.is-yasmine-dust{z-index:1;inset:0;width:100%;pointer-events:none}
.v21-dependency-stage--yasmine-lamp .is-yasmine-lamp img{width:min(86%,340px);height:94%;margin:auto;object-fit:contain;filter:drop-shadow(0 0 12px #0de8f2) drop-shadow(0 0 25px #d5af68aa);animation:ysFloat 3.7s ease-in-out infinite}
.v21-dependency-stage--yasmine-lamp .is-yasmine-dust .v21-dependency-drawn::before,.v21-dependency-stage--yasmine-lamp .is-yasmine-dust .v21-dependency-drawn::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#d5af68;box-shadow:12px 13px 3px #0de8f2,-22px 34px 2px #d5af68,53px -16px 3px #937497,0 0 12px #0de8f2;animation:ysDust 3s ease-in-out infinite alternate}
.v21-dependency-stage--yasmine-lamp .is-yasmine-dust .v21-dependency-drawn::before{left:25%;top:25%}.v21-dependency-stage--yasmine-lamp .is-yasmine-dust .v21-dependency-drawn::after{right:22%;bottom:25%;animation-delay:-1.5s}
.v21-bunny-extras.is-hero-74{border-color:#d5af6875;outline:1px solid #0de8f244;outline-offset:-7px;background:radial-gradient(circle at 90% 0,#0de8f21f,transparent 28rem),radial-gradient(circle at 4% 100%,#9374972a,transparent 25rem),var(--v21-panel);box-shadow:inset 0 0 40px #21315b55}
.is-hero-74 .v21-bunny-extra-card{border-color:#d5af6870;background:linear-gradient(135deg,#21315b88,#101526 55%,#943e1233);box-shadow:inset 0 0 22px #0de8f21a,0 15px 30px #0006}
.is-hero-74 .v21-bunny-extra-card:hover{border-color:#0de8f2;box-shadow:inset 0 0 30px #0de8f235,0 19px 38px #0008}
.is-hero-74 .v21-bunny-extra-icon i{border-color:#d5af68;background:radial-gradient(circle,#0de8f244,#21315b 62%,#111426);box-shadow:0 0 15px #0de8f255;animation:ysBreathe 3s ease-in-out infinite alternate}
.is-hero-74 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 8px #0de8f299)}.is-hero-74 .v21-bunny-extra-card small,.v21-bunny-extras.is-hero-74>header small{color:#d5af68}.is-hero-74 .v21-bunny-extra-card h4,.v21-bunny-extras.is-hero-74>header h3{color:#f9f5e9}.is-hero-74 .v21-bunny-extra-card p{color:#dbe6ec}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--yasmine-lamp>i,.v21-dependency-stage--yasmine-lamp .is-yasmine-lamp img,.v21-dependency-stage--yasmine-lamp .is-yasmine-dust .v21-dependency-drawn::before,.v21-dependency-stage--yasmine-lamp .is-yasmine-dust .v21-dependency-drawn::after,.is-hero-74 .v21-bunny-extra-icon i{animation:none!important}}

/* Patch 2.1 lezárás: közös VFX-kiemelés és az új hős bemutatója. */
.v21-vfx-feature{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.5fr);align-items:center;gap:clamp(20px,4vw,70px);margin-block:48px 100px;padding:clamp(28px,5vw,70px);border:1px solid rgba(66,251,252,.42);border-radius:24px;background:radial-gradient(circle at 88% 36%,rgba(66,251,252,.17),transparent 33%),radial-gradient(circle at 12% 85%,rgba(224,65,251,.18),transparent 42%),#100c20;box-shadow:0 22px 75px rgba(0,0,0,.28),inset 0 0 40px rgba(66,251,252,.035)}
.v21-vfx-feature-copy>span,.v21-sutura-lead span{color:#8dfaff;font-size:.72rem;font-weight:900;letter-spacing:.18em}
.v21-vfx-feature h2{margin:18px 0 20px;font-size:clamp(2.5rem,5vw,5.5rem);line-height:.98;letter-spacing:-.055em}
.v21-vfx-feature h2 em{color:var(--v21-purple-soft);font-style:normal}
.v21-vfx-feature p{max-width:790px;margin:0 0 22px;color:#e2d9eb;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.72}
.v21-vfx-feature strong{display:block;max-width:790px;padding-left:18px;border-left:3px solid #42fbfc;color:#fff;font-size:1.05rem;line-height:1.55}
.v21-vfx-feature-art{position:relative;display:grid;place-items:center;min-height:260px}
.v21-vfx-feature-art i{position:absolute;width:230px;aspect-ratio:1;border:1px solid rgba(66,251,252,.45);border-radius:50%;box-shadow:0 0 75px rgba(224,65,251,.35),inset 0 0 55px rgba(66,251,252,.14)}
.v21-vfx-feature-art img{position:relative;max-width:min(100%,230px);max-height:230px;object-fit:contain;filter:drop-shadow(0 0 25px rgba(224,65,251,.65))}
.v21-sutura{margin-block:100px 120px;padding:0;scroll-margin-top:90px}
.v21-sutura-lead{display:grid;grid-template-columns:minmax(240px,42%) minmax(0,1fr);min-height:470px;overflow:hidden;border:1px solid rgba(224,65,251,.4);border-radius:20px;background:radial-gradient(circle at 82% 22%,rgba(224,65,251,.18),transparent 42%),#110b1c}
.v21-sutura-lead>img{width:100%;height:100%;min-height:470px;object-fit:cover;object-position:center top}
.v21-sutura-lead>div{align-self:center;padding:clamp(28px,5vw,75px)}
.v21-sutura-lead h2{margin:18px 0 24px;font-size:clamp(3.4rem,6vw,7rem);line-height:.9;letter-spacing:-.06em}
.v21-sutura-lead h2 em{color:#e8a9f9;font-size:.55em;font-style:normal;letter-spacing:-.035em}
.v21-sutura-lead p{max-width:690px;color:#d9cce3;font-size:1.08rem;line-height:1.75}
.v21-sutura-lead a{display:inline-block;margin-top:22px;padding:12px 18px;border:1px solid #e8a9f9;border-radius:8px;color:#fff;font-weight:800;text-decoration:none}
.v21-sutura-lead a:hover,.v21-sutura-lead a:focus-visible{background:rgba(224,65,251,.2)}
.v21-sutura-kit{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px;margin-top:18px}
.v21-sutura-kit article{display:flex;gap:16px;min-height:205px;padding:22px;border:1px solid rgba(224,65,251,.28);border-radius:14px;background:linear-gradient(145deg,rgba(224,65,251,.1),rgba(18,16,28,.96) 60%)}
.v21-sutura-kit img{flex:none;width:64px;height:64px;border-radius:10px;object-fit:cover;box-shadow:0 0 20px rgba(224,65,251,.24)}
.v21-sutura-kit small{color:#e8a9f9;font-size:.67rem;font-weight:900;letter-spacing:.12em}
.v21-sutura-kit h3{margin:7px 0 10px;font-size:1.18rem}
.v21-sutura-kit p{margin:0;color:#c9bdd5;font-size:.9rem;line-height:1.6}
@media(max-width:760px){.v21-vfx-feature{grid-template-columns:1fr;margin-block:30px 70px}.v21-vfx-feature-art{min-height:160px}.v21-vfx-feature-art i{width:150px}.v21-vfx-feature-art img{max-height:150px}.v21-sutura{margin-block:70px}.v21-sutura-lead{grid-template-columns:1fr}.v21-sutura-lead>img{height:320px;min-height:0}.v21-sutura-kit{grid-template-columns:1fr}.v21-sutura-kit article{min-height:0}}