/* HERALDA (76) – Kozmikus Lények rework, patch notes v2.1 vitrinek.
   Nekatay-mintájú skinvitrin: a skin bannere előtt a skinfüggő Kozmikus Lény
   és a Felemésztő Lény, mögöttük rajzolt mélységi motívum (Alap: csillagpor,
   Rém Akadémia: pókháló, pók és denevér). */
.v21-dependency-skins--heralda-cosmic{border-color:#8953c46b;background:radial-gradient(circle at 80% 8%,#8953c426,transparent 38%),#0b0810}
.v21-dependency-skins--heralda-cosmic>header small,.v21-dependency-skins--heralda-cosmic .v21-dependency-card>header small{color:#c9a8ef}
.v21-dependency-skins--heralda-cosmic .v21-bunny-skin-stage{overflow:hidden}
.v21-dependency-skins--heralda-cosmic .v21-dependency-card:nth-child(2){border-color:#9a5aed85}
.v21-dependency-stage--heralda-cosmic{inset:6% 4% 10%;display:flex;align-items:center;justify-content:center;gap:6%;filter:none}
.v21-dependency-stage--heralda-cosmic>i{inset:10% 16%;border:1px solid color-mix(in srgb,var(--bunny-accent) 72%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--bunny-accent) 26%,transparent),transparent 70%);box-shadow:0 0 26px color-mix(in srgb,var(--bunny-accent) 45%,transparent),inset 0 0 36px color-mix(in srgb,var(--bunny-glow) 20%,transparent);animation:hrPatchPulse 3.4s ease-in-out infinite alternate}
.v21-dependency-stage--heralda-cosmic figure.is-heralda-worm,.v21-dependency-stage--heralda-cosmic figure.is-heralda-devourer{position:relative;z-index:3}
.v21-dependency-stage--heralda-cosmic .is-heralda-worm img{filter:drop-shadow(0 0 7px var(--bunny-accent)) saturate(.85);opacity:.9;animation:hrPatchSlither 4.2s ease-in-out infinite}
.v21-dependency-stage--heralda-cosmic .is-heralda-devourer img{transform-origin:50% 60%;filter:drop-shadow(0 0 10px var(--bunny-accent)) drop-shadow(0 0 24px var(--bunny-glow));animation:hrPatchDevour 3.1s ease-in-out infinite}
.v21-dependency-stage--heralda-cosmic figure.is-heralda-motif{position:absolute;inset:0;z-index:1;max-width:none!important;height:100%;margin:0;pointer-events:none}
.v21-dependency-stage--heralda-cosmic .v21-dependency-drawn{position:absolute;inset:0;display:block;overflow:hidden}
.v21-dependency-stage--heralda-cosmic .is-heralda-motif--cosmic .v21-dependency-drawn{background:radial-gradient(circle at 18% 26%,#fffcffcc 0 1.5px,transparent 3px),radial-gradient(circle at 76% 18%,#eb80c7aa 0 2px,transparent 4px),radial-gradient(circle at 84% 74%,#a081c6bb 0 1.5px,transparent 3px),radial-gradient(circle at 30% 80%,#fffcff99 0 1px,transparent 3px)}
.v21-dependency-stage--heralda-cosmic .is-heralda-motif--cosmic .v21-dependency-drawn::before,.v21-dependency-stage--heralda-cosmic .is-heralda-motif--cosmic .v21-dependency-drawn::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#fffcff;box-shadow:0 0 8px #eb80c7,-46px 28px 2px #a081c6,58px -20px 1px #fffcff,86px 44px 2px #eb80c7;animation:hrPatchDust 5s ease-in-out infinite alternate}
.v21-dependency-stage--heralda-cosmic .is-heralda-motif--cosmic .v21-dependency-drawn::before{left:20%;top:22%}
.v21-dependency-stage--heralda-cosmic .is-heralda-motif--cosmic .v21-dependency-drawn::after{right:22%;bottom:24%;animation-delay:-2.2s}
.v21-dependency-stage--heralda-cosmic .is-heralda-motif--spooky .v21-dependency-drawn{background:repeating-conic-gradient(from 0deg at 0 0,transparent 0 14deg,#9a5aed33 14deg 15deg),radial-gradient(circle at 0 0,transparent 0 22px,#9a5aed2e 23px 24px,transparent 25px 44px,#9a5aed26 45px 46px,transparent 47px 70px,#9a5aed1f 71px 72px,transparent 73px);background-size:120px 120px,120px 120px;background-repeat:no-repeat}
.v21-dependency-stage--heralda-cosmic .is-heralda-motif--spooky .v21-dependency-drawn::before{content:"";position:absolute;right:16%;top:0;width:1px;height:34%;background:linear-gradient(#9a5aed00,#9a5aedcc);animation:hrPatchSpider 4.6s ease-in-out infinite}
.v21-dependency-stage--heralda-cosmic .is-heralda-motif--spooky .v21-dependency-drawn::after{content:"";position:absolute;left:14%;top:18%;width:22px;height:9px;background:#511dd0;clip-path:polygon(0 30%,22% 0,38% 45%,50% 20%,62% 45%,78% 0,100% 30%,70% 100%,50% 70%,30% 100%);filter:drop-shadow(0 0 5px #9a5aed);animation:hrPatchBat 6s ease-in-out infinite}
.v21-bunny-extras.is-hero-76{border-color:#8953c466;background:radial-gradient(circle at 82% 0%,#8953c422,transparent 38%),#0b0810}
.v21-bunny-extras.is-hero-76>header small{color:#c9a8ef}
.v21-bunny-extras.is-hero-76 .v21-bunny-extra-card{border-color:#8953c45e;background:linear-gradient(120deg,#8953c41f,#07050b 72%)}
.v21-bunny-extras.is-hero-76 .v21-bunny-extra-card:last-child{border-color:#eb80c78f;background:linear-gradient(120deg,#eb80c721,#0c0710 75%)}
.v21-bunny-extras.is-hero-76 .v21-bunny-extra-icon i{border-color:#a081c6;box-shadow:0 0 17px #8953c488,inset 0 0 15px #461d7f99}
.v21-bunny-extras.is-hero-76 .v21-bunny-extra-card:last-child .v21-bunny-extra-icon i{border-color:#eb80c7;box-shadow:0 0 19px #eb80c799,inset 0 0 17px #eb80c744}
.v21-bunny-extras.is-hero-76 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 12px #8953c4)}
.v21-bunny-extras.is-hero-76 .v21-bunny-extra-card small{color:#d7bff3}
@keyframes hrPatchPulse{to{opacity:.55;transform:scale(1.08)}}
@keyframes hrPatchSlither{0%,100%{transform:translate(0,0) rotate(-4deg)}50%{transform:translate(4px,-6px) rotate(5deg)}}
@keyframes hrPatchDevour{0%,100%{transform:scale(1) rotate(0)}45%{transform:scale(1.07) rotate(-3deg)}70%{transform:scale(.97) rotate(2deg)}}
@keyframes hrPatchDust{to{opacity:.25;translate:0 -22px}}
@keyframes hrPatchSpider{0%,100%{height:28%}50%{height:44%}}
@keyframes hrPatchBat{0%,100%{transform:translate(0,0) scaleX(1)}25%{transform:translate(40px,-8px) scaleX(.7)}50%{transform:translate(80px,6px) scaleX(1)}75%{transform:translate(40px,14px) scaleX(.7)}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--heralda-cosmic *,.v21-dependency-stage--heralda-cosmic>i,.v21-bunny-extras.is-hero-76 .v21-bunny-extra-icon i{animation:none!important}}