/* FRANK (80) – Trutymó 2.0 rework, patch notes v2.1 vitrinek.
   Nekatay-mintájú skinvitrin: a skin bannere előtt a skinfüggő, 5/5-ös
   vektoros Trutymó-tartály (data-URI SVG), mögötte rajzolt motívum
   (Alap: neonzöld trutymó-csöppek és buborékok, Rém Akadémia: pókháló,
   pók és denevér, Jég: hókristályok és dér). Emoji nincs. */
.v21-dependency-skins--frank-slime{border-color:#b7eb415c;background:radial-gradient(circle at 80% 8%,#341e4c66,transparent 40%),radial-gradient(circle at 12% 100%,#b7eb4122,transparent 42%),#08060b}
.v21-dependency-skins--frank-slime>header small,.v21-dependency-skins--frank-slime .v21-dependency-card>header small{color:#cff58a}
.v21-dependency-skins--frank-slime .v21-bunny-skin-stage{overflow:hidden}
.v21-dependency-skins--frank-slime .v21-dependency-card:nth-child(1){border-color:#b7eb4180}
.v21-dependency-skins--frank-slime .v21-dependency-card:nth-child(2){border-color:#9a5aed80}
.v21-dependency-skins--frank-slime .v21-dependency-card:nth-child(3){border-color:#5a8cef80}
.v21-dependency-stage--frank-slime{inset:6% 4% 10%;display:flex;align-items:center;justify-content:center;filter:none}
.v21-dependency-stage--frank-slime>i{inset:10% 24%;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-accent) 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:fkPatchPulse 3s ease-in-out infinite alternate}
.v21-dependency-stage--frank-slime figure.is-frank-tank{position:relative;z-index:3}
.v21-dependency-stage--frank-slime .is-frank-tank img{height:min(150px,72%);width: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:fkPatchBob 3.4s ease-in-out infinite}
.v21-dependency-stage--frank-slime figure.is-frank-motif{position:absolute;inset:0;z-index:1;max-width:none!important;height:100%;margin:0;pointer-events:none}
.v21-dependency-stage--frank-slime .v21-dependency-drawn{position:absolute;inset:0;display:block;overflow:hidden}
.v21-dependency-stage--frank-slime .v21-dependency-drawn::before,.v21-dependency-stage--frank-slime .v21-dependency-drawn::after{content:"";position:absolute}
/* Alap: neonzöld csöppek felül, felszálló buborékok. */
.v21-dependency-stage--frank-slime .is-frank-motif--slime .v21-dependency-drawn{background:radial-gradient(ellipse 22px 14px at 18% 0,#b7eb41aa,transparent 70%),radial-gradient(ellipse 16px 22px at 36% 0,#5e8f14aa,transparent 70%),radial-gradient(ellipse 26px 12px at 74% 0,#b7eb4199,transparent 70%),radial-gradient(circle at 20% 80%,transparent 7px,#b7eb4166 7px 8px,transparent 9px),radial-gradient(circle at 80% 64%,transparent 5px,#b7eb4155 5px 6px,transparent 7px),radial-gradient(circle at 50% 115%,#b7eb4140,transparent 55%)}
.v21-dependency-stage--frank-slime .is-frank-motif--slime .v21-dependency-drawn::before,.v21-dependency-stage--frank-slime .is-frank-motif--slime .v21-dependency-drawn::after{top:0;width:8px;height:12px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#b7eb41;box-shadow:0 0 10px #b7eb41;animation:fkPatchDrip 3.2s ease-in infinite}
.v21-dependency-stage--frank-slime .is-frank-motif--slime .v21-dependency-drawn::before{left:18%}
.v21-dependency-stage--frank-slime .is-frank-motif--slime .v21-dependency-drawn::after{left:74%;animation-delay:-1.6s}
/* Rém Akadémia: pókháló a sarokban, lógó pók és denevér-sziluett. */
.v21-dependency-stage--frank-slime .is-frank-motif--spooky .v21-dependency-drawn{background:repeating-conic-gradient(from 90deg at 100% 0,#9a5aed55 0 .6deg,transparent .6deg 15deg) 100% 0/46% 46% no-repeat,repeating-radial-gradient(circle at 100% 0,transparent 0 18px,#9a5aed44 18px 19px) 100% 0/46% 46% no-repeat,radial-gradient(circle at 50% 115%,#511dd044,transparent 55%)}
.v21-dependency-stage--frank-slime .is-frank-motif--spooky .v21-dependency-drawn::before{left:16%;top:0;width:14px;height:44px;background:linear-gradient(#9a5aed,#9a5aed) 50% 0/1px 28px no-repeat,radial-gradient(circle at 50% 36px,#301b70 6px,transparent 7px),radial-gradient(ellipse 12px 3px at 50% 36px,#5b6fd3 40%,transparent 60%);transform-origin:50% 0;animation:fkPatchSwing 3s ease-in-out infinite}
.v21-dependency-stage--frank-slime .is-frank-motif--spooky .v21-dependency-drawn::after{right:18%;bottom:24%;width:30px;height:16px;background:#461d7f;clip-path:polygon(50% 30%,58% 10%,64% 30%,100% 0,86% 55%,70% 60%,58% 100%,50% 75%,42% 100%,30% 60%,14% 55%,0 0,36% 30%,42% 10%);filter:drop-shadow(0 0 5px #9a5aed);animation:fkPatchFlit 4s ease-in-out infinite}
/* Jég: dér a tetején, hókristály-csillanások. */
.v21-dependency-stage--frank-slime .is-frank-motif--ice .v21-dependency-drawn{background:linear-gradient(180deg,#dfeaff55,transparent 16%),radial-gradient(1.5px 1.5px at 14% 30%,#fff,transparent 60%),radial-gradient(1.5px 1.5px at 42% 72%,#dfeaff,transparent 60%),radial-gradient(2px 2px at 80% 22%,#fff,transparent 60%),radial-gradient(1px 1px at 66% 58%,#fff,transparent 60%),radial-gradient(circle at 50% 115%,#3457ea44,transparent 55%)}
.v21-dependency-stage--frank-slime .is-frank-motif--ice .v21-dependency-drawn::before,.v21-dependency-stage--frank-slime .is-frank-motif--ice .v21-dependency-drawn::after{width:16px;height:16px;background:linear-gradient(#eaf3ff,#eaf3ff) 50% 0/2px 100% no-repeat,linear-gradient(60deg,transparent 46%,#eaf3ff 46% 54%,transparent 54%),linear-gradient(-60deg,transparent 46%,#eaf3ff 46% 54%,transparent 54%);filter:drop-shadow(0 0 5px #5a8cef);animation:fkPatchSnow 6s linear infinite}
.v21-dependency-stage--frank-slime .is-frank-motif--ice .v21-dependency-drawn::before{left:16%;top:-10%}
.v21-dependency-stage--frank-slime .is-frank-motif--ice .v21-dependency-drawn::after{right:18%;top:-10%;animation-delay:-3s}
/* Hatás-, szint- és mechanika-vitrinek. */
.v21-bunny-extras.is-hero-80{border-color:#b7eb4155;background:radial-gradient(circle at 82% 0%,#341e4c66,transparent 40%),radial-gradient(circle at 8% 100%,#b7eb411c,transparent 42%),#08060b}
.v21-bunny-extras.is-hero-80>header small{color:#cff58a}
.v21-bunny-extras.is-hero-80 .v21-bunny-extra-card{border-color:#b7eb414d;background:linear-gradient(120deg,#341e4c55,#08060b 72%)}
.v21-bunny-extras.is-hero-80 .v21-bunny-extra-card.is-debuff{border-color:#9a5aed7a;background:linear-gradient(120deg,#5e8f1426,#0b070e 75%)}
.v21-bunny-extras.is-hero-80 .v21-bunny-extra-icon i{border-color:#b7eb41;box-shadow:0 0 17px #b7eb4177,inset 0 0 15px #341e4c99;animation:fkPatchGlow 3.2s ease-in-out infinite}
.v21-bunny-extras.is-hero-80 .v21-bunny-extra-icon img{filter:drop-shadow(0 0 12px #b7eb41);animation:fkPatchBob 4s ease-in-out infinite}
.v21-bunny-extras.is-hero-80 .v21-bunny-extra-card small{color:#d8f5a0}
/* A három különleges hatás (Telítve, Fröccsenés, Kitörés) erősebb kiemelést kap. */
.v21-bunny-extras.is-hero-80 .v21-bunny-extra-card:has(img[src*="battlev3/frank/"]){border-color:#b7eb418a;background:linear-gradient(120deg,#b7eb4124,#341e4c33 40%,#08060b 78%)}
.v21-bunny-extras.is-hero-80 .v21-bunny-extra-card:has(img[src*="battlev3/frank/"]) small{color:#b7eb41}
@keyframes fkPatchPulse{to{opacity:.55;transform:scale(1.06)}}
@keyframes fkPatchBob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes fkPatchDrip{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translateY(160px) scale(1)}}
@keyframes fkPatchSwing{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
@keyframes fkPatchFlit{0%,100%{transform:translate(0,0) scaleY(1)}25%{transform:translate(-14px,-8px) scaleY(.6)}50%{transform:translate(-24px,2px) scaleY(1)}75%{transform:translate(-8px,8px) scaleY(.6)}}
@keyframes fkPatchSnow{from{transform:translateY(0) rotate(0)}to{transform:translateY(220px) rotate(180deg)}}
@keyframes fkPatchGlow{0%,100%{box-shadow:0 0 12px #b7eb4155,inset 0 0 12px #341e4c66}50%{box-shadow:0 0 22px #b7eb4188,inset 0 0 18px #5e8f1466}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--frank-slime *,.v21-dependency-stage--frank-slime *::before,.v21-dependency-stage--frank-slime *::after,.v21-dependency-stage--frank-slime>i,.v21-bunny-extras.is-hero-80 .v21-bunny-extra-icon i,.v21-bunny-extras.is-hero-80 .v21-bunny-extra-icon img{animation:none!important}}