/* MAGINA (89) – Polarizált Mező 2.0 rework, patch notes v2.1 vitrinek.
   Nekatay-mintájú skinvitrin: a skin bannere előtt a skinfüggő Fémgyűrű és
   Pálca, mögötte rajzolt motívum (Alap: pólusjelek, erővonalak, fémszilánk;
   Mesekönyv: szívecskék és buborékok). A Hatások és a Szintek külön vitrint
   kapnak. Emoji nincs. */
.v21-dependency-skins--magina-field{border-color:#8f7bff5c;background:radial-gradient(circle at 80% 8%,#1a3c6566,transparent 40%),radial-gradient(circle at 12% 100%,#a4195322,transparent 42%),#040309}
.v21-dependency-skins--magina-field>header small,.v21-dependency-skins--magina-field .v21-dependency-card>header small{color:#b4c8ff}
.v21-dependency-skins--magina-field .v21-bunny-skin-stage{overflow:hidden}
.v21-dependency-skins--magina-field .v21-dependency-card:nth-child(1){border-color:#8f7bff80}
.v21-dependency-skins--magina-field .v21-dependency-card:nth-child(2){border-color:#ff7fa880}
.v21-dependency-stage--magina-field{inset:6% 4% 10%;display:flex;align-items:center;justify-content:center;gap:4%;filter:none}
.v21-dependency-stage--magina-field>i{inset:8% 18%;border:1px solid color-mix(in srgb,var(--bunny-glow) 72%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--bunny-glow) 30%,transparent),#0007 55%,transparent 72%);box-shadow:0 0 26px color-mix(in srgb,var(--bunny-glow) 45%,transparent),inset 0 0 36px color-mix(in srgb,var(--bunny-accent) 20%,transparent);animation:mgPatchPulse 2.6s ease-in-out infinite alternate}
/* Keringő erővonal-gyűrű (Mesekönyvnél rózsaszín). */
.v21-dependency-stage--magina-field>i::before{content:"";position:absolute;inset:-10px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 10%,#76b2ffcc 16%,transparent 26% 50%,#e0486acc 56%,transparent 66%);-webkit-mask:radial-gradient(circle,transparent 56%,#000 62%,#000 68%,transparent 74%);mask:radial-gradient(circle,transparent 56%,#000 62%,#000 68%,transparent 74%);animation:mgPatchSpin 3.4s linear infinite}
.v21-dependency-skins--magina-field .v21-dependency-card:nth-child(2) .v21-dependency-stage--magina-field>i::before{background:conic-gradient(from 0deg,transparent 0 10%,#ff7fa8cc 16%,transparent 26% 50%,#ffddb5cc 56%,transparent 66%)}
/* A Fémgyűrű és a Pálca szélesség-alapú, explicit méretet kap: a százalékos
   magasság egyes böngészőkben nem oldódik fel a grid-figure-ben, és a kép a
   natív 1254 px-es méretére ugorva kilógott (levágva láthatatlan volt). */
.v21-dependency-stage--magina-field figure.is-magina-ring,.v21-dependency-stage--magina-field figure.is-magina-staff{position:relative;z-index:3;flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:100%;max-width:none!important;padding-bottom:18px;box-sizing:border-box}
.v21-dependency-stage--magina-field figure.is-magina-ring{width:clamp(84px,36%,170px)}
.v21-dependency-stage--magina-field figure.is-magina-staff{width:clamp(92px,40%,190px)}
.v21-dependency-stage--magina-field .is-magina-ring img,.v21-dependency-stage--magina-field .is-magina-staff img{display:block;width:100%;height:auto;max-width:100%;max-height:100%;aspect-ratio:1;opacity:1}
.v21-dependency-stage--magina-field .is-magina-ring img{object-fit:contain;filter:drop-shadow(0 0 6px var(--bunny-glow)) drop-shadow(0 0 16px var(--bunny-glow)) drop-shadow(0 0 3px #000);animation:mgPatchOrbit 4.2s ease-in-out infinite}
.v21-dependency-stage--magina-field .is-magina-staff img{object-fit:contain;filter:drop-shadow(0 0 6px var(--bunny-accent)) drop-shadow(0 0 14px var(--bunny-glow)) drop-shadow(0 0 3px #000);animation:mgPatchBob 3.4s ease-in-out infinite}
.v21-dependency-stage--magina-field figure.is-magina-motif{position:absolute;inset:0;z-index:1;max-width:none!important;height:100%;margin:0;pointer-events:none}
.v21-dependency-stage--magina-field .v21-dependency-drawn{position:absolute;inset:0;display:block;overflow:hidden}
.v21-dependency-stage--magina-field .v21-dependency-drawn::before,.v21-dependency-stage--magina-field .v21-dependency-drawn::after{content:"";position:absolute}
/* Alap: két pólus közötti erővonalak, kék és bordó pólusjel, fémszilánk. */
.v21-dependency-stage--magina-field .is-magina-motif--magnet .v21-dependency-drawn{background:repeating-radial-gradient(ellipse 120% 60% at 0 50%,transparent 0 18px,#8f7bff38 18px 19px),repeating-radial-gradient(ellipse 120% 60% at 100% 50%,transparent 0 18px,#e0486a2c 18px 19px),radial-gradient(circle at 50% 115%,#8f7bff40,transparent 55%)}
.v21-dependency-stage--magina-field .is-magina-motif--magnet .v21-dependency-drawn::before,.v21-dependency-stage--magina-field .is-magina-motif--magnet .v21-dependency-drawn::after{top:12%;width:16px;height:16px;border-radius:3px;animation:mgPatchPole 2.8s ease-in-out infinite}
.v21-dependency-stage--magina-field .is-magina-motif--magnet .v21-dependency-drawn::before{left:8%;background:#76b2ff;box-shadow:0 0 12px #76b2ff}
.v21-dependency-stage--magina-field .is-magina-motif--magnet .v21-dependency-drawn::after{right:8%;background:#e0486a;box-shadow:0 0 12px #e0486a;animation-delay:-1.4s}
/* Mesekönyv: szívecskék és felszálló buborékok. */
.v21-dependency-stage--magina-field .is-magina-motif--fairy .v21-dependency-drawn{background:radial-gradient(circle 8px at 16% 30%,transparent 6px,#ffddb599 7px,transparent 8px),radial-gradient(circle 5px at 72% 70%,transparent 3px,#ffddb599 4px,transparent 5px),radial-gradient(circle 11px at 84% 24%,transparent 9px,#ff7fa888 10px,transparent 11px),radial-gradient(1.5px 1.5px at 40% 82%,#fff,transparent 60%),radial-gradient(circle at 50% 115%,#e04c8244,transparent 55%)}
.v21-dependency-stage--magina-field .is-magina-motif--fairy .v21-dependency-drawn::before,.v21-dependency-stage--magina-field .is-magina-motif--fairy .v21-dependency-drawn::after{bottom:-12%;width:16px;height:14px;background:#ff7fa8;clip-path:path("M8 14 C3 10 0 7.5 0 4.5 C0 2 2 0 4.3 0 C5.8 0 7.2 .8 8 2.2 C8.8 .8 10.2 0 11.7 0 C14 0 16 2 16 4.5 C16 7.5 13 10 8 14 Z");filter:drop-shadow(0 0 6px #e04c82);animation:mgPatchRise 5s linear infinite}
.v21-dependency-stage--magina-field .is-magina-motif--fairy .v21-dependency-drawn::before{left:14%}
.v21-dependency-stage--magina-field .is-magina-motif--fairy .v21-dependency-drawn::after{left:78%;background:#ffddb5;animation-delay:-2.5s}
/* Hatás- és Szint-vitrinek. */
.v21-bunny-extras.is-hero-89{border-color:#8f7bff55;background:radial-gradient(circle at 82% 0%,#1a3c6566,transparent 40%),radial-gradient(circle at 8% 100%,#8f7bff1c,transparent 42%),#040309}
.v21-bunny-extras.is-hero-89>header small{color:#b4c8ff}
.v21-bunny-extras.is-hero-89 .v21-bunny-extra-card{border-color:#76b2ff4d;background:linear-gradient(120deg,#1a3c6555,#040309 72%)}
.v21-bunny-extras.is-hero-89 .v21-bunny-extra-card.is-debuff{border-color:#8f7bff7a;background:linear-gradient(120deg,#350a1855,#040309 75%)}
.v21-bunny-extras.is-hero-89 .v21-bunny-extra-icon i{border-color:#8f7bff;box-shadow:0 0 17px #8f7bff77,inset 0 0 15px #02000799;animation:mgPatchGlow 3.2s ease-in-out infinite}
.v21-bunny-extras.is-hero-89 .v21-bunny-extra-icon img{object-fit:contain;filter:drop-shadow(0 0 10px #8f7bff) drop-shadow(0 0 3px #000);animation:mgPatchBob 4s ease-in-out infinite}
.v21-bunny-extras.is-hero-89 .v21-bunny-extra-card small{color:#c6d8ff}
/* A Maximális Polarizáció kártyája erősebb kiemelést kap. */
.v21-bunny-extras.is-hero-89 .v21-bunny-extra-card:has(img[src*="magina/maximalis"]){border-color:#d8e8ff8a;background:linear-gradient(120deg,#8f7bff30,#1a3c6544 40%,#040309 78%)}
.v21-bunny-extras.is-hero-89 .v21-bunny-extra-card:has(img[src*="magina/maximalis"]) .v21-bunny-extra-icon img{animation:mgPatchThrob 1.6s ease-in-out infinite}
.v21-bunny-extras.is-hero-89 .ability-inline-icon.is-magina-keyword{width:1.3em;height:1.3em;vertical-align:-.28em;object-fit:contain;filter:drop-shadow(0 0 3px #8f7bffaa)}
@keyframes mgPatchPulse{to{opacity:.6;transform:scale(1.06)}}
@keyframes mgPatchSpin{to{transform:rotate(360deg)}}
@keyframes mgPatchBob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes mgPatchOrbit{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(4px,-6px) rotate(8deg)}75%{transform:translate(-4px,4px) rotate(-8deg)}}
@keyframes mgPatchPole{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.25);opacity:1}}
@keyframes mgPatchRise{0%{opacity:0;transform:translateY(0) scale(.7)}15%{opacity:1}100%{opacity:0;transform:translateY(-220px) scale(1.1)}}
@keyframes mgPatchGlow{0%,100%{box-shadow:0 0 12px #8f7bff55,inset 0 0 12px #02000766}50%{box-shadow:0 0 22px #8f7bff88,inset 0 0 18px #1a3c6566}}
@keyframes mgPatchThrob{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){.v21-dependency-stage--magina-field *,.v21-dependency-stage--magina-field *::before,.v21-dependency-stage--magina-field *::after,.v21-dependency-stage--magina-field>i,.v21-dependency-stage--magina-field>i::before,.v21-bunny-extras.is-hero-89 .v21-bunny-extra-icon i,.v21-bunny-extras.is-hero-89 .v21-bunny-extra-icon img{animation:none!important}}