/* PIKKO (91) – Alkimista Tudás rework, patch notes v2.1 vitrinek.
   Nekatay-mintájú skinvitrin: a skin bannere előtt a skinfüggő, V. szintű
   vektoros lombik-hármas (data-URI SVG), mögötte rajzolt motívum
   (Alap: alkímiai kör-rúna, színes gőz és buborékok; Mesekönyv: szívek,
   buborékok és mesecsillám). Emoji nincs. */
.v21-dependency-skins--pikko-alchemy{border-color:#f1ad395c;background:radial-gradient(circle at 80% 8%,#10632566,transparent 40%),radial-gradient(circle at 12% 100%,#df188222,transparent 42%),#07140d}
.v21-dependency-skins--pikko-alchemy>header small,.v21-dependency-skins--pikko-alchemy .v21-dependency-card>header small{color:#f6cf7c}
.v21-dependency-skins--pikko-alchemy .v21-bunny-skin-stage{overflow:hidden}
.v21-dependency-skins--pikko-alchemy .v21-dependency-card:nth-child(1){border-color:#f1ad3980}
.v21-dependency-skins--pikko-alchemy .v21-dependency-card:nth-child(2){border-color:#ffc6df80}
.v21-dependency-stage--pikko-alchemy{inset:6% 4% 10%;display:flex;align-items:center;justify-content:center;filter:none}
.v21-dependency-stage--pikko-alchemy>i{inset:14% 12%;border:1px solid color-mix(in srgb,var(--bunny-accent) 72%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--bunny-glow) 26%,transparent),transparent 70%);box-shadow:0 0 26px color-mix(in srgb,var(--bunny-accent) 40%,transparent),inset 0 0 36px color-mix(in srgb,var(--bunny-glow) 22%,transparent);animation:pkPatchPulse 3s ease-in-out infinite alternate}
.v21-dependency-stage--pikko-alchemy figure.is-pikko-flasks{position:relative;z-index:3}
.v21-dependency-stage--pikko-alchemy .is-pikko-flasks img{width:min(210px,78%);height:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 0 6px var(--bunny-accent)) drop-shadow(0 0 18px var(--bunny-glow));animation:pkPatchBob 3.4s ease-in-out infinite}
.v21-dependency-stage--pikko-alchemy figure.is-pikko-motif{position:absolute;inset:0;z-index:1;max-width:none!important;height:100%;margin:0;pointer-events:none}
.v21-dependency-stage--pikko-alchemy .v21-dependency-drawn{position:absolute;inset:0;display:block;overflow:hidden}
.v21-dependency-stage--pikko-alchemy .v21-dependency-drawn::before,.v21-dependency-stage--pikko-alchemy .v21-dependency-drawn::after{content:"";position:absolute}
/* Alap: forgó alkímiai kör a háttérben, felszálló zöld/kék/piros buborékok. */
.v21-dependency-stage--pikko-alchemy .is-pikko-motif--alchemy .v21-dependency-drawn{background:radial-gradient(circle at 18% 78%,transparent 6px,#7bdc4a88 6px 7px,transparent 8px),radial-gradient(circle at 82% 64%,transparent 5px,#2eb6f288 5px 6px,transparent 7px),radial-gradient(circle at 70% 26%,transparent 4px,#f0428f77 4px 5px,transparent 6px),radial-gradient(circle at 50% 115%,#cee28740,transparent 55%)}
.v21-dependency-stage--pikko-alchemy .is-pikko-motif--alchemy .v21-dependency-drawn::before{left:50%;top:50%;width:190px;height:190px;margin:-95px 0 0 -95px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#f1ad3966 0 .8deg,transparent .8deg 30deg),radial-gradient(circle,transparent 60%,#f1ad3955 60% 61%,transparent 61% 74%,#f1ad3944 74% 75%,transparent 75%);-webkit-mask:radial-gradient(circle,transparent 42%,#000 43%);mask:radial-gradient(circle,transparent 42%,#000 43%);animation:pkPatchSpin 24s linear infinite}
.v21-dependency-stage--pikko-alchemy .is-pikko-motif--alchemy .v21-dependency-drawn::after{left:22%;bottom:8%;width:10px;height:10px;border:1.5px solid #cee287;border-radius:50%;box-shadow:70px -20px 0 -1px #2eb6f2,130px 6px 0 -2px #f0428f;animation:pkPatchRise 4.2s ease-in infinite}
/* Mesekönyv: szívek és buborékok pasztellben. */
.v21-dependency-stage--pikko-alchemy .is-pikko-motif--fairy .v21-dependency-drawn{background:radial-gradient(circle at 16% 30%,transparent 6px,#b8deff99 6px 7px,transparent 8px),radial-gradient(circle at 84% 70%,transparent 5px,#b9f2c699 5px 6px,transparent 7px),radial-gradient(1.5px 1.5px at 30% 20%,#fff,transparent 60%),radial-gradient(1.5px 1.5px at 72% 16%,#ffddb5,transparent 60%),radial-gradient(2px 2px at 62% 84%,#fff,transparent 60%),radial-gradient(circle at 50% 115%,#ffc6df44,transparent 55%)}
.v21-dependency-stage--pikko-alchemy .is-pikko-motif--fairy .v21-dependency-drawn::before,.v21-dependency-stage--pikko-alchemy .is-pikko-motif--fairy .v21-dependency-drawn::after{bottom:4%;width:18px;height:16px;background:#ffc6df;clip-path:path("M9 16 L1.5 8.5 A4.2 4.2 0 0 1 9 3 A4.2 4.2 0 0 1 16.5 8.5 Z");filter:drop-shadow(0 0 5px #ffc6df);animation:pkPatchHeart 5s ease-in infinite}
.v21-dependency-stage--pikko-alchemy .is-pikko-motif--fairy .v21-dependency-drawn::before{left:16%}
.v21-dependency-stage--pikko-alchemy .is-pikko-motif--fairy .v21-dependency-drawn::after{right:18%;background:#b8deff;filter:drop-shadow(0 0 5px #b8deff);animation-delay:-2.5s}
/* Szint- és mechanika-vitrinek. */
.v21-bunny-extras.is-hero-91{border-color:#f1ad3955;background:radial-gradient(circle at 82% 0%,#10632566,transparent 40%),radial-gradient(circle at 8% 100%,#009add1c,transparent 42%),#07140d}
.v21-bunny-extras.is-hero-91>header small{color:#f6cf7c}
.v21-bunny-extras.is-hero-91 .v21-bunny-extra-card{border-color:#f1ad394d;background:linear-gradient(120deg,#10632555,#07140d 72%)}
.v21-bunny-extras.is-hero-91 .v21-bunny-extra-card.is-debuff{border-color:#df18827a;background:linear-gradient(120deg,#df188224,#07140d 75%)}
.v21-bunny-extras.is-hero-91 .v21-bunny-extra-icon i{border-color:#f1ad39;box-shadow:0 0 17px #f1ad3977,inset 0 0 15px #10632599;animation:pkPatchGlow 3.2s ease-in-out infinite}
.v21-bunny-extras.is-hero-91 .v21-bunny-extra-icon img{object-fit:contain;filter:drop-shadow(0 0 12px #f1ad39);animation:pkPatchBob 4s ease-in-out infinite}
.v21-bunny-extras.is-hero-91 .v21-bunny-extra-card small{color:#f6cf7c}
/* A szint-ikonok (image/ui/battlev3/pikko/) fokozatosan erősödő kiemelést kapnak; a Legendás Alkimista a csúcs. */
.v21-bunny-extras.is-hero-91 .v21-bunny-extra-card:has(img[src*="battlev3/pikko/"]){border-color:#f1ad398a;background:linear-gradient(120deg,#f1ad3920,#10632533 40%,#07140d 78%)}
.v21-bunny-extras.is-hero-91 .v21-bunny-extra-card:has(img[src*="pikko/legendas"]){border-color:#f1ad39;box-shadow:0 0 22px #f1ad3944,inset 0 0 26px #f1ad3918}
.v21-bunny-extras.is-hero-91 .v21-bunny-extra-card:has(img[src*="pikko/legendas"]) small{color:#ffe29a}
@keyframes pkPatchPulse{to{opacity:.55;transform:scale(1.06)}}
@keyframes pkPatchBob{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-7px) rotate(1.5deg)}}
@keyframes pkPatchSpin{to{transform:rotate(360deg)}}
@keyframes pkPatchRise{0%{opacity:0;transform:translateY(0) scale(.7)}20%{opacity:1}100%{opacity:0;transform:translateY(-150px) scale(1.1)}}
@keyframes pkPatchHeart{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translateY(-170px) scale(1.1) rotate(12deg)}}
@keyframes pkPatchGlow{0%,100%{box-shadow:0 0 12px #f1ad3955,inset 0 0 12px #10632566}50%{box-shadow:0 0 22px #f1ad3988,inset 0 0 18px #009add55}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--pikko-alchemy *,.v21-dependency-stage--pikko-alchemy *::before,.v21-dependency-stage--pikko-alchemy *::after,.v21-dependency-stage--pikko-alchemy>i,.v21-bunny-extras.is-hero-91 .v21-bunny-extra-icon i,.v21-bunny-extras.is-hero-91 .v21-bunny-extra-icon img{animation:none!important}}