/* =====================================================================
   BI4 Pop Sztár – Furiel (heroId 25) skin: kristály-koncert VFX
   =====================================================================
   Téma: futurisztikus kristálysapkás gombatelep egy virtuális idol
   koncerten – neon lila-kék-rózsaszín fények, LED-fal "BI4" felirattal,
   reflektorok és lézerek, glowstick-közönség, hangjegyek, kottavonalak.
   Palette: #A42785 · #F7C1C7 · #FFA3F0 · #4B38D3 · #62B9FD
   Minden szabály a [data-furiel-theme="bi4"] / tone-furiel-bi4 /
   furiel-colony-tooltip--bi4 alá van szűkítve, így a többi Furiel-skint
   nem érinti. A fájl a battlev3.css és a furielSkinVisuals.css UTÁN töltődik.
   ===================================================================== */

/* ---- 1) Telepmérő (garden) ------------------------------------------- */
.furiel-colony-garden[data-furiel-theme="bi4"] {
    border-color: color-mix(in srgb, #FFA3F0 80%, #62B9FD);
    border-radius: 22px 22px 13px 13px;
    background:
        radial-gradient(90% 26% at 50% 0%, #62b9fd52, transparent),
        radial-gradient(100% 50% at 50% 100%, #a427856a, transparent),
        linear-gradient(115deg, transparent 28%, #62b9fd1c 44%, #ffa3f026 54%, transparent 70%),
        linear-gradient(180deg, #1d1474f2, #0a0630f8);
    box-shadow: 0 5px 14px #000c, 0 0 14px #ffa3f066, 0 0 26px #4b38d355,
        inset 0 0 17px #62b9fd3a, inset 0 1px 0 #ffffff55;
}
/* Üveges holo-fény, ami végigsöpör a mérőn */
.furiel-colony-garden[data-furiel-theme="bi4"]::before {
    content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; pointer-events: none;
    background: linear-gradient(115deg, transparent 38%, #ffffff3d 47%, #ffa3f055 52%, #62b9fd33 57%, transparent 64%);
    background-size: 280% 100%; background-position: 130% 0; mix-blend-mode: screen;
    animation: furielBi4GardenSheen 4.4s ease-in-out infinite;
}
.furiel-colony-garden[data-furiel-theme="bi4"]::after {
    border-color: #f7c1c747; border-radius: 19px 19px 10px 10px; box-shadow: inset 0 0 9px #ffa3f033;
}
.furiel-colony-garden[data-furiel-theme="bi4"] .furiel-colony-garden__aura {
    background: radial-gradient(ellipse at 50% 58%, #ffa3f05c, #62b9fd30 46%, transparent 68%);
}
/* A gyökerek helyett kottavonal-csoportok */
.furiel-colony-garden[data-furiel-theme="bi4"] .furiel-colony-garden__roots {
    opacity: .5;
    background:
        repeating-linear-gradient(180deg, transparent 0 4px, #f7c1c74d 4px 5px, transparent 5px 6px, transparent 6px 10px) 0 0 / 100% 60px repeat-y,
        linear-gradient(90deg, transparent, #62b9fd18, transparent);
}
/* Spórák → csillagszikrák */
.furiel-colony-garden[data-furiel-theme="bi4"] .furiel-colony-garden__spores b {
    width: 7px; height: 7px; border-radius: 0;
    background: #fff; box-shadow: none;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
    filter: drop-shadow(0 0 3px #ffa3f0);
}
.furiel-colony-garden[data-furiel-theme="bi4"] .furiel-colony-garden__icon {
    filter: drop-shadow(0 0 5px #ffa3f0) drop-shadow(0 0 9px #62b9fdaa);
}
.furiel-colony-garden[data-furiel-theme="bi4"] .furiel-colony-garden__value {
    color: #fff1fd; text-shadow: 0 0 6px #ffa3f0, 0 0 12px #62b9fd;
}
.furiel-colony-garden[data-furiel-theme="bi4"] .furiel-colony-garden__bed {
    background: linear-gradient(180deg, transparent 5%, #4b38d36b 100%);
    box-shadow: inset 0 -1px 0 #62b9fdaa, inset 0 1px 0 #ffffff14;
}
.furiel-colony-garden[data-furiel-theme="bi4"] .furiel-colony-slot::before {
    border-bottom-color: #ffa3f080;
    background: radial-gradient(ellipse at 50% 100%, #62b9fd44, transparent 70%);
}
.furiel-colony-garden[data-furiel-theme="bi4"] .furiel-colony-slot.is-grown {
    background: radial-gradient(ellipse at 50% 76%, #ffa3f066, #4b38d333 55%, transparent 72%);
}
.furiel-colony-garden[data-furiel-theme="bi4"] .furiel-colony-slot img {
    filter: drop-shadow(0 0 4px #ffa3f0) drop-shadow(0 0 8px #62b9fd99);
}
.furiel-colony-garden[data-furiel-theme="bi4"] .furiel-colony-slot u { background: #62b9fd; }
/* A felnőtt gombák ritmusra "táncolnak" (az új hajtás animációját nem bántjuk) */
.furiel-colony-garden[data-furiel-theme="bi4"] .furiel-colony-slot.is-grown:not(.is-new) img {
    animation: furielBi4Dance 1.3s ease-in-out infinite alternate;
    animation-delay: calc(var(--furiel-slot-index) * -.21s);
}
.furiel-colony-garden[data-furiel-theme="bi4"].is-full-bloom {
    border-color: #fff;
    box-shadow: 0 5px 14px #000b, 0 0 22px #ffa3f0aa, 0 0 34px #62b9fd77, inset 0 0 23px #ffa3f055;
    animation: furielBi4BloomGlow 1.8s ease-in-out infinite alternate;
}
.furiel-colony-garden[data-furiel-theme="bi4"].is-blooming { animation: furielGardenBloom 1.3s ease-out both; }

/* ---- 2) Tooltip: üveges kristály-koncert -------------------------------- */
body.v3-body > .item-tooltip-floating.v3-tooltip-tone-furiel-bi4[class*="v3-tooltip-tone-furiel-"] {
    --furiel-tip-c1: #1a1068; --furiel-tip-c2: #FFA3F0; --furiel-tip-c3: #62B9FD; --furiel-tip-c4: #A42785;
    --v3-tooltip-accent-rgb: 255,163,240;
    border-color: #ffa3f0c4;
    background:
        linear-gradient(125deg, #ffffff17 0%, transparent 26%),
        radial-gradient(circle at 12% 0%, #ffa3f046, transparent 46%),
        radial-gradient(circle at 92% 6%, #62b9fd3d, transparent 42%),
        linear-gradient(155deg, #1b1275f4, #0a0430fb);
    box-shadow: 0 20px 54px #000e, 0 0 24px #ffa3f03d, 0 0 42px #4b38d34a,
        inset 0 0 38px #62b9fd1f, inset 0 1px 0 #ffffff48;
}
body.v3-body > .item-tooltip-floating.v3-tooltip-tone-furiel-bi4[class*="v3-tooltip-tone-furiel-"]::before {
    background: linear-gradient(90deg, transparent, #62B9FD, #FFA3F0, #F7C1C7, #FFA3F0, #62B9FD, transparent);
    box-shadow: 0 0 16px #ffa3f0, 0 0 26px #62b9fd88;
}
body.v3-body > .item-tooltip-floating.v3-tooltip-tone-furiel-bi4[class*="v3-tooltip-tone-furiel-"]::after {
    background: #1a1068e6; border-color: #ffa3f0b3;
}
.furiel-colony-tooltip--bi4 .furiel-colony-tooltip__ambient {
    background:
        radial-gradient(circle at 24% 22%, #ffa3f066, transparent 58%),
        radial-gradient(circle at 80% 12%, #62b9fd55, transparent 60%),
        radial-gradient(circle at 56% 60%, #a4278540, transparent 62%);
    opacity: .95;
}
/* Színpadi reflektor-kúpok a tooltip tetején */
.furiel-colony-tooltip--bi4::before {
    content: ""; position: absolute; z-index: 0; left: 6%; right: 6%; top: -8px; height: 120px; pointer-events: none; opacity: .55;
    background:
        linear-gradient(180deg, #ffa3f066, transparent) 8% 0 / 26% 100% no-repeat,
        linear-gradient(180deg, #62b9fd66, transparent) 66% 0 / 26% 100% no-repeat;
    clip-path: polygon(8% 0, 14% 0, 34% 100%, 0 100%, 66% 0, 72% 0, 92% 100%, 58% 100%);
    animation: furielBi4TooltipBeam 3.6s ease-in-out infinite alternate;
}
/* Kottavonalak + hangjegyek a tooltip alján */
.furiel-colony-tooltip--bi4::after {
    content: "♪  ♫  ♬"; position: absolute; z-index: 0; right: 12px; bottom: 6px; width: 62%; height: 52px; pointer-events: none;
    display: flex; align-items: center; justify-content: flex-end; letter-spacing: .3em;
    color: #ffa3f038; font: 700 22px/1 "Segoe UI Symbol", sans-serif; text-shadow: 0 0 8px #62b9fd55;
    background: repeating-linear-gradient(180deg, transparent 0 8px, #f7c1c71f 8px 9px, transparent 9px 10px, transparent 10px 12px);
    mask-image: linear-gradient(90deg, transparent, #000 40%); -webkit-mask-image: linear-gradient(90deg, transparent, #000 40%);
}
.furiel-colony-tooltip--bi4 header > span {
    border-color: #ffa3f0bb; border-radius: 13px;
    background: radial-gradient(circle at 50% 100%, #a4278599, #130a45);
    box-shadow: inset 0 0 16px #62b9fd66, 0 0 14px #ffa3f066;
    animation: furielBi4IconFloat 2.8s ease-in-out infinite alternate;
}
.furiel-colony-tooltip--bi4 header > span img { filter: drop-shadow(0 0 6px #ffa3f0) drop-shadow(0 0 10px #62b9fd99); }
.furiel-colony-tooltip--bi4 header small { color: #f7c1c7; }
.furiel-colony-tooltip--bi4 header strong {
    background: linear-gradient(90deg, #fff, #F7C1C7 45%, #62B9FD); -webkit-background-clip: text; background-clip: text;
    color: transparent; text-shadow: none; filter: drop-shadow(0 0 8px #ffa3f08c);
}
.furiel-colony-tooltip--bi4 header em { color: #cbd8ff; }
.furiel-colony-tooltip--bi4 header > b { text-shadow: 0 0 10px #ffa3f0, 0 0 18px #62b9fd; }
.furiel-colony-tooltip--bi4 header > b small { color: #ffc9f4; }
.furiel-colony-tooltip--bi4 .furiel-colony-tooltip__garden i {
    border-color: #62b9fd75; background: linear-gradient(135deg, #ffffff0f 0 30%, transparent 30%), #0a0430a8;
}
.furiel-colony-tooltip--bi4 .furiel-colony-tooltip__garden i.is-grown {
    border-color: #ffa3f0cc;
    background:
        linear-gradient(135deg, #ffffff2b 0 24%, transparent 24%),
        radial-gradient(circle at 50% 100%, #a42785aa, transparent 74%), #120a48d6;
    box-shadow: 0 0 12px #ffa3f08c, inset 0 0 10px #62b9fd55;
}
.furiel-colony-tooltip--bi4 .furiel-colony-tooltip__garden i img { filter: drop-shadow(0 0 4px #ffa3f0); }
.furiel-colony-tooltip--bi4 .furiel-colony-tooltip__stages span.is-current {
    border-color: #ffa3f0b3;
    background: linear-gradient(90deg, #a4278555, #4b38d333 60%, transparent);
    box-shadow: inset 0 0 18px #62b9fd33, 0 0 12px #ffa3f033;
}
.furiel-colony-tooltip--bi4 .furiel-colony-tooltip__stages b { color: #ffc9f4; }
.furiel-colony-tooltip--bi4 .furiel-colony-tooltip__mushroom-icon { filter: drop-shadow(0 0 4px #ffa3f0); }
.furiel-colony-tooltip--bi4 p { border-left-color: #FFA3F0; background: #ffffff0f; box-shadow: inset 0 0 14px #62b9fd1c; }
.furiel-colony-tooltip--bi4 footer b {
    background: linear-gradient(120deg, #A42785, #4B38D3); box-shadow: 0 0 10px #ffa3f066, inset 0 1px 0 #ffffff55;
}

/* ---- 3) Csatatér: koncertszínpad a Furiel csapata alatt ------------------- */
.furiel-colony-field[data-furiel-theme="bi4"] .furiel-colony-field__mycelium {
    background:
        repeating-linear-gradient(90deg, transparent 0 46px, #62b9fd38 47px 48px),
        repeating-linear-gradient(0deg, transparent 0 24px, #ffa3f033 25px 26px);
    transform: perspective(320px) rotateX(38deg); transform-origin: bottom;
}
.furiel-colony-field[data-furiel-theme="bi4"] .furiel-colony-field__glow {
    background: radial-gradient(ellipse at 50% 90%, #ffa3f04d, #4b38d333 48%, transparent 72%);
}
.furiel-colony-field[data-furiel-theme="bi4"] .furiel-colony-field__mushrooms img {
    filter: drop-shadow(0 0 7px #ffa3f0) drop-shadow(0 0 14px #62b9fd99) saturate(1.15);
    animation: furielBi4FieldDance 1.25s ease-in-out infinite var(--furiel-m-delay, 0s);
}
.furiel-colony-field[data-furiel-theme="bi4"] .furiel-field-roots { stroke: #62B9FD; stroke-dasharray: 9 12; animation: furielBi4CableFlow 2.4s linear infinite; }
.furiel-colony-field[data-furiel-theme="bi4"] .furiel-field-roots path:first-child { stroke: #FFA3F0; stroke-dasharray: none; }
.furiel-colony-field[data-furiel-theme="bi4"] .furiel-field-platform i { border-color: #FFA3F0; box-shadow: 0 0 14px #ffa3f066, inset 0 0 14px #62b9fd33; }
.furiel-colony-field[data-furiel-theme="bi4"] .furiel-field-platform i:nth-child(2) { border-color: #62B9FD; }
.furiel-colony-field[data-furiel-theme="bi4"] .furiel-field-platform i:nth-child(3) { border-color: #F7C1C7; }
.furiel-colony-field[data-furiel-theme="bi4"] .furiel-field-platform {
    background: conic-gradient(from 20deg, #ffa3f026, #62b9fd26, #f7c1c726, #a4278533, #ffa3f026);
}
.furiel-colony-field[data-furiel-theme="bi4"] .furiel-field-equalizer { display: flex; opacity: .5; }
.furiel-colony-field[data-furiel-theme="bi4"] .furiel-field-motifs .furiel-motif { width: 58px; height: 58px; filter: drop-shadow(0 0 5px #ffa3f099); }
.furiel-colony-field[data-furiel-theme="bi4"] .furiel-colony-field__spores b {
    border-radius: 0; background: #fff;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
    filter: drop-shadow(0 0 4px #ffa3f0);
}

/* Közös koncert-elemek: csatatér-réteg (.furiel-bi4-field) és képességjelenet (.furiel-bi4-scene) */
.furiel-bi4-field, .furiel-bi4-scene { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.furiel-bi4-field { z-index: 1; }
.furiel-bi4-scene { z-index: 0; animation: furielBi4SceneFade 2.2s ease-out both; }
.furiel-showcase.is-200 .furiel-bi4-scene { animation-duration: 3.4s; }
/* LED-fal: lefelé futó "BI4 ♪" körfelirat */
.furiel-bi4-led {
    position: absolute; left: 6%; right: 6%; top: 3%; height: 17%; overflow: hidden; border-radius: 6px;
    border: 1px solid #62b9fd55;
    background: repeating-linear-gradient(90deg, #62b9fd2e 0 5px, transparent 5px 7px), linear-gradient(180deg, #4b38d355, #a4278533);
    box-shadow: 0 0 14px #62b9fd33, inset 0 0 12px #ffa3f033;
}
.furiel-bi4-led::after {
    content: "BI4  ♪  BI4  ♫  BI4  ♬  BI4  ♩  BI4  ♪  BI4  ♫  BI4  ♬  BI4  ♩"; position: absolute; left: 0; top: 0; height: 100%;
    display: flex; align-items: center; white-space: nowrap; letter-spacing: .24em;
    color: #ffd9f8; font: 900 clamp(11px, 1.6vw, 17px)/1 "Outfit", "Segoe UI Symbol", sans-serif;
    text-shadow: 0 0 8px #ffa3f0, 0 0 14px #62b9fd; animation: furielBi4Marquee 16s linear infinite;
}
.furiel-colony-field[data-furiel-tier="1"] .furiel-bi4-led,
.furiel-colony-field[data-furiel-tier="1"] .furiel-bi4-laser,
.furiel-colony-field[data-furiel-tier="1"] .furiel-bi4-beam:nth-of-type(n+3) { display: none; }
/* Reflektorkúpok */
:is(.furiel-bi4-field, .furiel-bi4-scene) .furiel-bi4-beam {
    position: absolute; top: -8%; left: calc(6% + var(--b) * 25%); width: 18%; height: 112%; transform-origin: 50% 0;
    background: linear-gradient(180deg, color-mix(in srgb, var(--c) 52%, transparent), transparent 82%);
    clip-path: polygon(45% 0, 55% 0, 100% 100%, 0 100%); opacity: .5;
    animation: furielBi4Sweep 5s ease-in-out calc(var(--b) * -1.1s) infinite alternate;
}
/* Lézerek */
:is(.furiel-bi4-field, .furiel-bi4-scene) .furiel-bi4-laser {
    position: absolute; top: -4%; width: 2px; height: 122%; transform-origin: 50% 0; opacity: .6;
    background: linear-gradient(180deg, var(--c), transparent 88%); box-shadow: 0 0 8px var(--c);
    animation: furielBi4Laser 3.1s ease-in-out calc(var(--l) * -.55s) infinite alternate;
}
.furiel-bi4-field .furiel-bi4-laser { left: calc(8% + var(--l) * 19%); }
.furiel-bi4-scene .furiel-bi4-laser { left: calc(5% + var(--l) * 15%); }
/* Glowstick-közönség */
:is(.furiel-bi4-field, .furiel-bi4-scene) .furiel-bi4-stick {
    position: absolute; bottom: -2%; left: var(--sx); width: 5px; height: 30px; border-radius: 3px; text-decoration: none;
    background: linear-gradient(180deg, #fff, var(--c) 40%); box-shadow: 0 0 9px var(--c), 0 0 16px color-mix(in srgb, var(--c) 55%, transparent);
    transform-origin: 50% 100%; animation: furielBi4Wave 1.5s ease-in-out calc(var(--s) * -.12s) infinite alternate;
}
.furiel-bi4-scene .furiel-bi4-stick { height: clamp(34px, 6vh, 64px); width: 7px; animation-duration: 1.2s; }
/* Hangjegyek */
:is(.furiel-bi4-field, .furiel-bi4-scene, .furiel-bi4-stage) .furiel-bi4-note {
    position: absolute; bottom: 8%; left: var(--nx); font: 700 clamp(15px, 2vw, 24px)/1 "Segoe UI Symbol", "Outfit", sans-serif;
    color: var(--c); text-shadow: 0 0 8px var(--c), 0 0 14px #fff6; opacity: 0;
    animation: furielBi4NoteRise 5.2s linear calc(var(--n) * -.58s) infinite;
}
.furiel-bi4-scene .furiel-bi4-note { bottom: 4%; font-size: clamp(24px, 3.4vw, 46px); animation: furielBi4NoteRiseScene 2.2s ease-out calc(var(--n) * .09s) both; }
.furiel-bi4-stage .furiel-bi4-note { bottom: 6%; animation: furielBi4NoteRiseScene 1.9s ease-out calc(var(--n) * .12s) both; }
/* Csillagszikrák */
:is(.furiel-bi4-field, .furiel-bi4-stage) .furiel-bi4-spark {
    position: absolute; left: var(--px); top: var(--py); width: 9px; height: 9px; font-style: normal; background: #fff;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
    filter: drop-shadow(0 0 4px #ffa3f0); opacity: 0; animation: furielBi4Twinkle 2.4s ease-in-out calc(var(--p) * -.31s) infinite;
}
.furiel-bi4-stage .furiel-bi4-spark { width: 12px; height: 12px; animation: furielBi4TwinkleOnce 1.7s ease-out calc(var(--p) * .09s) both; }
/* Kristályszilánkok (jelenetréteg) */
.furiel-bi4-scene .furiel-bi4-shard {
    position: absolute; left: var(--hx); top: var(--hy); width: 14px; height: 26px; text-decoration: none;
    background: linear-gradient(135deg, #fff, var(--c) 50%, #4B38D3); opacity: 0;
    clip-path: polygon(50% 0, 100% 36%, 72% 100%, 18% 86%, 0 30%); filter: drop-shadow(0 0 6px var(--c));
    animation: furielBi4Shard 1.8s ease-out calc(var(--h) * .07s) both;
}
/* Stroboszkóp és LED-fal / prizma (jelenet) */
.furiel-bi4-scene .furiel-bi4-strobe {
    position: absolute; inset: 0;
    background: linear-gradient(180deg, #62b9fd2e, #ffa3f01f 60%, transparent);
    animation: furielBi4Strobe 1.5s steps(1, end) both;
}
.furiel-bi4-scene .furiel-bi4-prism {
    position: absolute; inset: -20%; mix-blend-mode: screen; opacity: 0;
    background: conic-gradient(from 0deg at 50% 52%, #ffa3f044, #62b9fd44, #f7c1c744, #4b38d34d, #ffa3f044);
    animation: furielBi4Prism 1.9s ease-out both;
}
.furiel-bi4-scene .furiel-bi4-wall {
    position: absolute; left: 17%; right: 17%; top: 5%; height: 34%; border-radius: 12px; overflow: hidden;
    display: grid; place-items: center; border: 2px solid #ffa3f0; opacity: 0;
    background:
        repeating-linear-gradient(90deg, #62b9fd1f 0 3px, transparent 3px 28px),
        repeating-linear-gradient(0deg, #62b9fd1f 0 3px, transparent 3px 28px),
        repeating-linear-gradient(180deg, transparent 0 14px, #f7c1c740 14px 15px, transparent 15px 22px),
        linear-gradient(180deg, #17104fd9, #4b38d38c);
    box-shadow: 0 0 34px #ffa3f08c, 0 0 60px #62b9fd55, inset 0 0 40px #a4278577;
    animation: furielBi4Wall 3.3s ease-out both;
}
.furiel-bi4-scene .furiel-bi4-wall span {
    font: 900 clamp(60px, 15vw, 190px)/1 "Outfit", "Arial Black", sans-serif; letter-spacing: .06em; font-style: italic;
    background: linear-gradient(90deg, #F7C1C7, #FFA3F0 40%, #62B9FD); -webkit-background-clip: text; background-clip: text; color: transparent;
    filter: drop-shadow(0 0 16px #ffa3f0) drop-shadow(0 0 30px #62b9fd99);
}
.furiel-bi4-scene .furiel-bi4-wall::after {
    content: ""; position: absolute; inset: 0; pointer-events: none; mix-blend-mode: screen;
    background: linear-gradient(180deg, transparent 40%, #ffffff3a 50%, transparent 60%) 0 0 / 100% 200%;
    animation: furielBi4Scan 1.4s linear infinite;
}

/* ---- 4) Képesség-bemutató (.furiel-showcase) --------------------------- */
.furiel-showcase[data-furiel-theme="bi4"] .furiel-showcase-halo {
    background: conic-gradient(from 60deg, transparent, #ffa3f034, transparent, #62b9fd34, transparent, #f7c1c734, transparent);
}
.furiel-showcase[data-furiel-theme="bi4"] .furiel-showcase-arc { border-style: double; border-width: 4px; }
.furiel-showcase[data-furiel-theme="bi4"] .furiel-showcase-shell { stroke: #F7C1C7; fill: #ffa3f01c; }
.furiel-showcase[data-furiel-theme="bi4"] .furiel-showcase-shell path:nth-child(2) { stroke: #62B9FD; }
.furiel-showcase[data-furiel-theme="bi4"] .furiel-showcase-shell path:nth-child(3) { stroke: #FFA3F0; opacity: .8; }
.furiel-showcase[data-furiel-theme="bi4"] .furiel-showcase-bed img,
.furiel-showcase[data-furiel-theme="bi4"] .furiel-showcase-pool img { filter: drop-shadow(0 0 6px #ffa3f0) drop-shadow(0 0 12px #62b9fd88); }
.furiel-showcase[data-furiel-theme="bi4"] .furiel-showcase-pool::before {
    background: radial-gradient(ellipse, #ffa3f055, #4b38d333 46%, transparent 72%);
}
.furiel-showcase[data-furiel-theme="bi4"] .furiel-showcase-pool > i { border-color: #FFA3F0; }
.furiel-showcase[data-furiel-theme="bi4"] .furiel-showcase-pool > i:nth-child(2) { border-color: #62B9FD; }
.furiel-showcase[data-furiel-theme="bi4"].is-198 .furiel-showcase-pool::before {
    background: repeating-radial-gradient(ellipse, #62b9fd2e 0 8%, transparent 9% 16%), radial-gradient(ellipse, #4b38d3aa, transparent 68%);
}
/* Célpontonkénti színpadi réteg */
.furiel-bi4-stage { position: absolute; inset: 0; pointer-events: none; }
.furiel-bi4-cone {
    position: absolute; left: 16%; top: -52%; width: 68%; height: 150%; opacity: 0;
    background: linear-gradient(180deg, #ffa3f05e, #ffffff12 70%, transparent);
    clip-path: polygon(42% 0, 58% 0, 100% 100%, 0 100%); animation: furielBi4Cone 1.9s ease-out both;
}
.furiel-bi4-cone.is-b { left: 2%; width: 50%; background: linear-gradient(180deg, #62b9fd5e, #ffffff10 70%, transparent); animation-delay: .12s; }
.furiel-bi4-facets {
    position: absolute; inset: -4% 8%; width: 84%; height: 108%; overflow: visible; fill: #ffa3f01c; stroke: #fff;
    stroke-width: 1.6; stroke-linejoin: round; opacity: 0; filter: drop-shadow(0 0 5px #62b9fd); animation: furielBi4Facet 1.9s ease-out both;
}
.furiel-bi4-facets path:nth-child(2) { fill: none; stroke: #F7C1C7; stroke-width: 1; opacity: .85; }
.furiel-showcase.is-199 .furiel-bi4-facets { fill: #62b9fd2e; stroke-width: 2.4; }
.furiel-showcase.is-198 .furiel-bi4-cone { background: linear-gradient(180deg, #62b9fd7a, #4b38d322 70%, transparent); }
.furiel-showcase.is-198 .furiel-bi4-cone.is-b { background: linear-gradient(180deg, #a4278577, #4b38d318 70%, transparent); }
/* 200 ulti: kicsit nagyobb, lassabb színpadi fények */
.furiel-showcase.is-200 .furiel-bi4-cone, .furiel-showcase.is-200 .furiel-bi4-facets { animation-duration: 3.2s; }

/* ---- 5) Lövedék (spóra → kristály-hangjegy) ----------------------------- */
.furiel-spore-projectile[data-furiel-theme="bi4"] .furiel-spore-projectile__core {
    background:
        radial-gradient(circle at 36% 30%, #fff, transparent 36%),
        conic-gradient(from 20deg, #FFA3F0, #62B9FD, #F7C1C7, #A42785, #FFA3F0);
    box-shadow: 0 0 12px #fff, 0 0 24px #ffa3f0, 0 0 40px #62b9fd99;
}
.furiel-spore-projectile.is-arc[data-furiel-theme="bi4"] .furiel-spore-projectile__core {
    background:
        radial-gradient(circle at 36% 30%, #fffffff0, transparent 36%),
        conic-gradient(from 20deg, #FFA3F0, #62B9FD, #F7C1C7, #A42785, #FFA3F0);
    box-shadow: 0 0 14px #fff, 0 0 26px #ffa3f0, 0 0 44px #62b9fd99;
}
.furiel-spore-projectile[data-furiel-theme="bi4"] .furiel-spore-projectile__trail,
.furiel-spore-projectile.is-heal[data-furiel-theme="bi4"] .furiel-spore-projectile__trail {
    background: repeating-linear-gradient(90deg, transparent 0 7px, #ffffff40 7px 9px), linear-gradient(90deg, transparent, #62b9fd88 45%, #FFA3F0);
}
.furiel-spore-projectile.is-heal[data-furiel-theme="bi4"] .furiel-spore-projectile__core { filter: none; }
.furiel-spore-projectile[data-furiel-theme="bi4"] .furiel-spore-projectile__mote {
    border-radius: 0; background: #fff;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); box-shadow: none;
    filter: drop-shadow(0 0 4px #ffa3f0);
}
.furiel-spore-projectile[data-furiel-theme="bi4"] .furiel-spore-projectile__mote:nth-of-type(3n) { background: #FFA3F0; }
.furiel-spore-projectile[data-furiel-theme="bi4"] .furiel-spore-projectile__mote:nth-of-type(3n+1) { background: #62B9FD; }
/* Hangjegy-csóva a lövedék mellett */
.furiel-spore-projectile[data-furiel-theme="bi4"]::after {
    content: "♪"; position: absolute; left: 14px; top: -34px; color: #F7C1C7;
    font: 700 22px/1 "Segoe UI Symbol", sans-serif; text-shadow: 0 0 8px #ffa3f0, 0 0 14px #62b9fd;
}
.furiel-spore-projectile[data-furiel-theme="bi4"].is-ability::after { content: "♫"; }
.furiel-spore-projectile[data-furiel-theme="bi4"].is-heal::after { content: "♬"; }

/* Becsapódás-robbanás: csillagszikrák + kristálygyűrű */
.furiel-spore-impact-burst[data-furiel-theme="bi4"] i {
    border-radius: 0; background: #fff; box-shadow: none; width: 10px; height: 10px; left: -5px; top: -5px;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); filter: drop-shadow(0 0 4px #ffa3f0);
}
.furiel-spore-impact-burst[data-furiel-theme="bi4"] i:nth-child(3n) { background: #FFA3F0; }
.furiel-spore-impact-burst[data-furiel-theme="bi4"] i:nth-child(3n+1) { background: #62B9FD; }
.furiel-spore-impact-burst[data-furiel-theme="bi4"] .furiel-spore-impact-burst__ring {
    border-radius: 6px; rotate: 45deg; border-color: #FFA3F0; box-shadow: 0 0 20px #62B9FD, inset 0 0 10px #F7C1C7;
}
.furiel-spore-impact-burst[data-furiel-theme="bi4"]::before {
    content: "♫"; position: absolute; left: -8px; top: -12px; color: #fff; font: 700 24px/1 "Segoe UI Symbol", sans-serif;
    text-shadow: 0 0 8px #ffa3f0, 0 0 16px #62b9fd; animation: furielBi4BurstNote .8s ease-out forwards;
}

/* Kártyabecsapódás */
.furiel-spore-card-impact[data-furiel-theme="bi4"] {
    background:
        linear-gradient(115deg, transparent 30%, #ffffff30 46%, #ffa3f044 54%, transparent 68%),
        radial-gradient(circle at 50% 48%, #62b9fd38, #a4278524 48%, transparent 74%);
}
.furiel-spore-card-impact[data-furiel-theme="bi4"] > span {
    border-radius: 7px; rotate: 45deg; border-color: #FFA3F0; box-shadow: 0 0 18px #62b9fd, inset 0 0 12px #F7C1C7;
}
.furiel-spore-card-impact[data-furiel-theme="bi4"] > img { filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 10px #ffa3f0); }
.furiel-spore-card-impact[data-furiel-theme="bi4"] > i {
    border-radius: 0; background: #fff; box-shadow: none;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); filter: drop-shadow(0 0 4px #ffa3f0);
}
.furiel-spore-card-impact[data-furiel-theme="bi4"].is-heal { filter: none; }
.furiel-spore-card-impact[data-furiel-theme="bi4"]::after {
    content: ""; position: absolute; left: 14%; top: -30%; width: 72%; height: 140%; opacity: 0; pointer-events: none;
    background: linear-gradient(180deg, #ffffff66, #ffa3f022 70%, transparent); clip-path: polygon(42% 0, 58% 0, 100% 100%, 0 100%);
    animation: furielBi4Cone 1s ease-out both;
}

/* ---- 6) Képesség-varázslat a kártyán (furiel-ability-cast / card-layer) ---- */
.furiel-ability-cast[data-furiel-theme="bi4"] {
    background:
        linear-gradient(180deg, #ffa3f033, transparent 40%),
        radial-gradient(circle at 50% 48%, #62b9fd44, #a4278524 48%, transparent 74%);
}
.furiel-ability-cast[data-furiel-theme="bi4"].is-197 { filter: none; }
.furiel-ability-cast[data-furiel-theme="bi4"].is-198 {
    background:
        repeating-linear-gradient(100deg, transparent 0 16px, #62b9fd2e 16px 18px),
        radial-gradient(circle at 50% 48%, #4b38d355, #a4278526 52%, transparent 76%);
}
.furiel-ability-cast[data-furiel-theme="bi4"] > img { filter: drop-shadow(0 0 8px #fff) drop-shadow(0 0 16px #ffa3f0) drop-shadow(0 0 24px #62b9fd99); }
.furiel-ability-cast[data-furiel-theme="bi4"] > span,
.furiel-ability-cast[data-furiel-theme="bi4"] > b {
    border-radius: 14%; border-color: #FFA3F0; box-shadow: 0 0 16px #62b9fd, inset 0 0 14px #f7c1c755;
}
.furiel-ability-cast[data-furiel-theme="bi4"] > b { border-color: #62B9FD; border-radius: 18%; }
.furiel-ability-cast[data-furiel-theme="bi4"] > i {
    border-radius: 0; width: 9px; height: 9px; background: #fff; box-shadow: none;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); filter: drop-shadow(0 0 4px #ffa3f0);
}
/* Reflektorkúp a kártya fölött */
.furiel-ability-cast[data-furiel-theme="bi4"]::before {
    content: ""; position: absolute; z-index: 1; left: 12%; top: -34%; width: 76%; height: 140%; opacity: 0; pointer-events: none;
    background: linear-gradient(180deg, #ffa3f06b, #ffffff14 70%, transparent); clip-path: polygon(42% 0, 58% 0, 100% 100%, 0 100%);
    animation: furielBi4Cone 1.7s ease-out both;
}
/* Kottavonal-sáv a kártya alsó harmadában, benne hangjegyekkel */
.furiel-ability-cast[data-furiel-theme="bi4"]::after {
    content: "♪   ♫   ♬   ♩   ♪"; position: absolute; z-index: 5; left: 0; right: 0; bottom: 14%; height: 34px; pointer-events: none;
    display: flex; align-items: center; justify-content: space-around; color: #fff; font: 700 20px/1 "Segoe UI Symbol", sans-serif;
    text-shadow: 0 0 8px #ffa3f0, 0 0 14px #62b9fd;
    background: repeating-linear-gradient(180deg, transparent 0 6px, #f7c1c780 6px 7px, transparent 7px 8px);
    animation: furielBi4Staff 1.8s ease-out both;
}
.furiel-ability-cast[data-furiel-theme="bi4"].is-199::before {
    background: conic-gradient(from 90deg at 50% 100%, #ffa3f066, #62b9fd66, #f7c1c766, #ffa3f066); clip-path: none; inset: 0; width: auto; height: auto; top: 0; left: 0;
    mix-blend-mode: screen;
}
.furiel-ability-card-layer[data-furiel-theme="bi4"] {
    background:
        linear-gradient(180deg, #ffa3f026, transparent 46%),
        radial-gradient(ellipse at 50% 52%, #62b9fd2e, transparent 70%);
}
.furiel-ability-card-layer[data-furiel-theme="bi4"].is-197 { filter: none; }
.furiel-ability-card-layer[data-furiel-theme="bi4"] > span,
.furiel-ability-card-layer[data-furiel-theme="bi4"] > b {
    border-color: #FFA3F0; border-radius: 40% 40% 46% 46% / 28% 28% 52% 52%;
    box-shadow: 0 0 14px #62b9fd, inset 0 0 20px #f7c1c744;
}
.furiel-ability-card-layer[data-furiel-theme="bi4"] > b { border-color: #62B9FD; }
.furiel-ability-card-layer[data-furiel-theme="bi4"] > img { filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 10px #ffa3f0); }
.furiel-ability-card-layer[data-furiel-theme="bi4"] > i {
    border-radius: 0; background: #fff; box-shadow: none;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); filter: drop-shadow(0 0 4px #ffa3f0);
}
.furiel-ability-card-layer[data-furiel-theme="bi4"]::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: 6%; height: 30px; pointer-events: none;
    background: repeating-linear-gradient(180deg, transparent 0 6px, #f7c1c77a 6px 7px, transparent 7px 8px);
    animation: furielBi4Staff 1.8s ease-out both;
}

/* ---- 7) Codex-előnézet: teljes képernyős koncert-vihar -------------------- */
.furiel-ultimate-spore-storm[data-furiel-theme="bi4"] {
    background:
        radial-gradient(circle at 50% 54%, #ffa3f033, transparent 44%),
        linear-gradient(180deg, #120a45a8, #a4278538 62%, transparent);
}
.furiel-ultimate-spore-storm[data-furiel-theme="bi4"] .furiel-ultimate-spore-storm__veil {
    background: repeating-conic-gradient(from 0deg at 50% 52%, transparent 0 9deg, #ffa3f02b 10deg 12deg, transparent 13deg 20deg, #62b9fd26 21deg 23deg, transparent 24deg 40deg);
}
.furiel-ultimate-spore-storm[data-furiel-theme="bi4"] .furiel-ultimate-spore-storm__wave { border-color: #FFA3F0; box-shadow: 0 0 36px #62b9fd, inset 0 0 30px #A42785; }
.furiel-ultimate-spore-storm[data-furiel-theme="bi4"] .furiel-ultimate-spore-storm__wave.is-late { border-color: #62B9FD; }
.furiel-ultimate-spore-storm[data-furiel-theme="bi4"] .furiel-ultimate-spore-storm__icons img,
.furiel-ultimate-spore-storm[data-furiel-theme="bi4"] .furiel-ultimate-spore-storm__core img { filter: drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px #ffa3f0) drop-shadow(0 0 22px #62b9fd88); }
.furiel-ultimate-spore-storm[data-furiel-theme="bi4"] .furiel-ultimate-spore-storm__spores b {
    border-radius: 0; background: #fff; box-shadow: none;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); filter: drop-shadow(0 0 5px #ffa3f0);
}
/* LED-fal a vihar tetején */
.furiel-ultimate-spore-storm[data-furiel-theme="bi4"]::before {
    content: "BI4"; position: absolute; z-index: 1; left: 19%; right: 19%; top: 5%; height: 33%; border-radius: 14px;
    display: grid; place-items: center; border: 2px solid #ffa3f0; pointer-events: none;
    font: 900 clamp(70px, 17vw, 230px)/1 "Outfit", "Arial Black", sans-serif; font-style: italic; letter-spacing: .06em;
    color: #ffd2f6; text-shadow: 0 0 22px #ffa3f0, 0 0 44px #62b9fd;
    background:
        repeating-linear-gradient(90deg, #62b9fd1f 0 3px, transparent 3px 28px),
        repeating-linear-gradient(180deg, transparent 0 14px, #f7c1c740 14px 15px, transparent 15px 22px),
        linear-gradient(180deg, #17104fd0, #4b38d388);
    box-shadow: 0 0 40px #ffa3f08c, 0 0 70px #62b9fd55;
    animation: furielBi4Wall 3.7s ease-out .15s both;
}
/* Lézerek + glowstick-közönség alul */
.furiel-ultimate-spore-storm[data-furiel-theme="bi4"]::after {
    content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none;
    background:
        repeating-linear-gradient(90deg, transparent 0 22px, #FFA3F0 22px 26px, transparent 26px 44px, #62B9FD 44px 48px, transparent 48px 70px) 0 100% / 100% 13% no-repeat,
        repeating-conic-gradient(from 195deg at 50% -4%, #62b9fd00 0 5deg, #62b9fd3a 5.4deg 6deg, #62b9fd00 6.4deg 12deg, #ffa3f03a 12.4deg 13deg, #ffa3f000 13.4deg 20deg);
    animation: furielBi4StormLights 1.2s ease-in-out infinite alternate;
}

/* ---- 8) Keyframe-ek ---------------------------------------------------- */
@keyframes furielBi4GardenSheen { 0%, 25% { background-position: 130% 0; } 75%, 100% { background-position: -30% 0; } }
@keyframes furielBi4Dance { from { transform: rotate(-6deg) translateY(1px) scaleY(.96); } to { transform: rotate(6deg) translateY(-3px) scaleY(1.05); } }
@keyframes furielBi4BloomGlow { from { box-shadow: 0 5px 14px #000b, 0 0 18px #ffa3f099, 0 0 28px #62b9fd55, inset 0 0 20px #ffa3f044; } to { box-shadow: 0 5px 14px #000b, 0 0 28px #62b9fdcc, 0 0 40px #ffa3f08c, inset 0 0 26px #62b9fd66; } }
@keyframes furielBi4TooltipBeam { from { opacity: .3; transform: translateX(-10px); } to { opacity: .65; transform: translateX(10px); } }
@keyframes furielBi4IconFloat { from { transform: translateY(1px); } to { transform: translateY(-3px); } }
@keyframes furielBi4FieldDance {
    0%, 100% { transform: scale(var(--furiel-m-scale, 1)) translateY(0) rotate(-4deg); }
    50% { transform: scale(calc(var(--furiel-m-scale, 1) * 1.08)) translateY(-7px) rotate(4deg); }
}
@keyframes furielBi4CableFlow { to { stroke-dashoffset: -42; } }
@keyframes furielBi4Marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes furielBi4Sweep { from { transform: rotate(-17deg); opacity: .3; } to { transform: rotate(17deg); opacity: .6; } }
@keyframes furielBi4Laser { from { transform: rotate(-24deg); opacity: .25; } 50% { opacity: .75; } to { transform: rotate(24deg); opacity: .4; } }
@keyframes furielBi4Wave { from { transform: rotate(-14deg) scaleY(.82); } to { transform: rotate(14deg) scaleY(1.08); } }
@keyframes furielBi4NoteRise {
    0% { opacity: 0; transform: translate3d(0, 0, 0) scale(.6) rotate(-10deg); }
    15% { opacity: .95; }
    55% { transform: translate3d(14px, -90px, 0) scale(1) rotate(8deg); }
    100% { opacity: 0; transform: translate3d(-8px, -190px, 0) scale(1.15) rotate(-6deg); }
}
@keyframes furielBi4NoteRiseScene {
    0% { opacity: 0; transform: translate3d(0, 20px, 0) scale(.5) rotate(-12deg); }
    18% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(var(--furiel-bi4-drift, 18px), -46vh, 0) scale(1.25) rotate(10deg); }
}
@keyframes furielBi4Twinkle { 0%, 100% { opacity: 0; transform: scale(.3) rotate(0deg); } 50% { opacity: 1; transform: scale(1.2) rotate(45deg); } }
@keyframes furielBi4TwinkleOnce { 0% { opacity: 0; transform: scale(.2) rotate(0deg); } 40% { opacity: 1; transform: scale(1.3) rotate(40deg); } 100% { opacity: 0; transform: scale(.4) rotate(90deg); } }
@keyframes furielBi4Shard { 0% { opacity: 0; transform: translateY(24px) scale(.3) rotate(-30deg); } 30% { opacity: 1; } 100% { opacity: 0; transform: translateY(-70px) scale(1.1) rotate(40deg); } }
@keyframes furielBi4SceneFade { 0% { opacity: 0; } 12% { opacity: 1; } 78% { opacity: 1; } 100% { opacity: 0; } }
@keyframes furielBi4Strobe { 0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 0; } 32% { opacity: .9; } 44% { opacity: 0; } 62% { opacity: .7; } 74% { opacity: 0; } 100% { opacity: 0; } }
@keyframes furielBi4Prism { 0% { opacity: 0; transform: rotate(0deg) scale(.7); } 28% { opacity: .85; } 100% { opacity: 0; transform: rotate(80deg) scale(1.25); } }
@keyframes furielBi4Wall { 0% { opacity: 0; transform: scaleY(.1); } 14% { opacity: 1; transform: scaleY(1.05); } 22% { opacity: .6; } 28% { opacity: 1; transform: scaleY(1); } 82% { opacity: .95; } 100% { opacity: 0; } }
@keyframes furielBi4Scan { to { background-position: 0 -200%; } }
@keyframes furielBi4Cone { 0% { opacity: 0; transform: scaleY(.3); transform-origin: 50% 0; } 24% { opacity: 1; transform: scaleY(1); } 100% { opacity: 0; transform: scaleY(1.05); } }
@keyframes furielBi4Facet { 0% { opacity: 0; transform: scale(1.3); } 36% { opacity: .95; transform: scale(.97); } 70% { opacity: .8; transform: scale(1); } 100% { opacity: 0; transform: scale(1.08); } }
@keyframes furielBi4Staff { 0% { opacity: 0; transform: translateX(-30px); } 24% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(26px); } }
@keyframes furielBi4BurstNote { 0% { opacity: 1; transform: translate(0, 0) scale(.6); } 100% { opacity: 0; transform: translate(14px, -64px) scale(1.3); } }
@keyframes furielBi4StormLights { from { opacity: .45; } to { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
    .furiel-colony-garden[data-furiel-theme="bi4"]::before,
    .furiel-colony-garden[data-furiel-theme="bi4"] .furiel-colony-slot.is-grown:not(.is-new) img,
    .furiel-colony-garden[data-furiel-theme="bi4"].is-full-bloom,
    .furiel-colony-tooltip--bi4::before,
    .furiel-colony-tooltip--bi4 header > span,
    .furiel-colony-field[data-furiel-theme="bi4"] .furiel-colony-field__mushrooms img,
    .furiel-colony-field[data-furiel-theme="bi4"] .furiel-field-roots,
    .furiel-bi4-led::after,
    .furiel-bi4-field *,
    .furiel-bi4-scene .furiel-bi4-wall::after { animation: none !important; }
    .furiel-bi4-field .furiel-bi4-note, .furiel-bi4-field .furiel-bi4-spark { opacity: .6; }
    .furiel-bi4-scene * , .furiel-bi4-stage * { animation-duration: 600ms !important; animation-delay: 0ms !important; }
}

/* BI4 VIP upgrade: same concert choreography, independent gold/ivory styling.
   VIP classes and animation names keep the original BI4 neon skin intact. */
/* ---- 1) Telepmérő (garden) ------------------------------------------- */
.furiel-colony-garden[data-furiel-theme="bi4Upgrade"] {
    border-color: color-mix(in srgb, #FCDEB1 80%, #EDD7AF);
    border-radius: 22px 22px 13px 13px;
    background:
        radial-gradient(90% 26% at 50% 0%, #edd7af52, transparent),
        radial-gradient(100% 50% at 50% 100%, #be93686a, transparent),
        linear-gradient(115deg, transparent 28%, #edd7af1c 44%, #fcdeb126 54%, transparent 70%),
        linear-gradient(180deg, #43210df2, #1c1008f8);
    box-shadow: 0 5px 14px #000c, 0 0 14px #fcdeb166, 0 0 26px #67341855,
        inset 0 0 17px #edd7af3a, inset 0 1px 0 #ffffff55;
}
/* Üveges holo-fény, ami végigsöpör a mérőn */
.furiel-colony-garden[data-furiel-theme="bi4Upgrade"]::before {
    content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; pointer-events: none;
    background: linear-gradient(115deg, transparent 38%, #ffffff3d 47%, #fcdeb155 52%, #edd7af33 57%, transparent 64%);
    background-size: 280% 100%; background-position: 130% 0; mix-blend-mode: screen;
    animation: furielBi4VipGardenSheen 4.4s ease-in-out infinite;
}
.furiel-colony-garden[data-furiel-theme="bi4Upgrade"]::after {
    border-color: #fefafe47; border-radius: 19px 19px 10px 10px; box-shadow: inset 0 0 9px #fcdeb133;
}
.furiel-colony-garden[data-furiel-theme="bi4Upgrade"] .furiel-colony-garden__aura {
    background: radial-gradient(ellipse at 50% 58%, #fcdeb15c, #edd7af30 46%, transparent 68%);
}
/* A gyökerek helyett kottavonal-csoportok */
.furiel-colony-garden[data-furiel-theme="bi4Upgrade"] .furiel-colony-garden__roots {
    opacity: .5;
    background:
        repeating-linear-gradient(180deg, transparent 0 4px, #fefafe4d 4px 5px, transparent 5px 6px, transparent 6px 10px) 0 0 / 100% 60px repeat-y,
        linear-gradient(90deg, transparent, #edd7af18, transparent);
}
/* Spórák → csillagszikrák */
.furiel-colony-garden[data-furiel-theme="bi4Upgrade"] .furiel-colony-garden__spores b {
    width: 7px; height: 7px; border-radius: 0;
    background: #fff; box-shadow: none;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
    filter: drop-shadow(0 0 3px #fcdeb1);
}
.furiel-colony-garden[data-furiel-theme="bi4Upgrade"] .furiel-colony-garden__icon {
    filter: drop-shadow(0 0 5px #fcdeb1) drop-shadow(0 0 9px #edd7afaa);
}
.furiel-colony-garden[data-furiel-theme="bi4Upgrade"] .furiel-colony-garden__value {
    color: #fefafe; text-shadow: 0 0 6px #fcdeb1, 0 0 12px #edd7af;
}
.furiel-colony-garden[data-furiel-theme="bi4Upgrade"] .furiel-colony-garden__bed {
    background: linear-gradient(180deg, transparent 5%, #6734186b 100%);
    box-shadow: inset 0 -1px 0 #edd7afaa, inset 0 1px 0 #ffffff14;
}
.furiel-colony-garden[data-furiel-theme="bi4Upgrade"] .furiel-colony-slot::before {
    border-bottom-color: #fcdeb180;
    background: radial-gradient(ellipse at 50% 100%, #edd7af44, transparent 70%);
}
.furiel-colony-garden[data-furiel-theme="bi4Upgrade"] .furiel-colony-slot.is-grown {
    background: radial-gradient(ellipse at 50% 76%, #fcdeb166, #67341833 55%, transparent 72%);
}
.furiel-colony-garden[data-furiel-theme="bi4Upgrade"] .furiel-colony-slot img {
    filter: drop-shadow(0 0 4px #fcdeb1) drop-shadow(0 0 8px #edd7af99);
}
.furiel-colony-garden[data-furiel-theme="bi4Upgrade"] .furiel-colony-slot u { background: #edd7af; }
/* A felnőtt gombák ritmusra "táncolnak" (az új hajtás animációját nem bántjuk) */
.furiel-colony-garden[data-furiel-theme="bi4Upgrade"] .furiel-colony-slot.is-grown:not(.is-new) img {
    animation: furielBi4VipDance 1.3s ease-in-out infinite alternate;
    animation-delay: calc(var(--furiel-slot-index) * -.21s);
}
.furiel-colony-garden[data-furiel-theme="bi4Upgrade"].is-full-bloom {
    border-color: #fff;
    box-shadow: 0 5px 14px #000b, 0 0 22px #fcdeb1aa, 0 0 34px #edd7af77, inset 0 0 23px #fcdeb155;
    animation: furielBi4VipBloomGlow 1.8s ease-in-out infinite alternate;
}
.furiel-colony-garden[data-furiel-theme="bi4Upgrade"].is-blooming { animation: furielGardenBloom 1.3s ease-out both; }

/* ---- 2) Tooltip: üveges kristály-koncert -------------------------------- */
body.v3-body > .item-tooltip-floating.v3-tooltip-tone-furiel-bi4upgrade[class*="v3-tooltip-tone-furiel-"] {
    --furiel-tip-c1: #673418; --furiel-tip-c2: #FCDEB1; --furiel-tip-c3: #EDD7AF; --furiel-tip-c4: #BE9368;
    --v3-tooltip-accent-rgb: 252,222,177;
    border-color: #fcdeb1c4;
    background:
        linear-gradient(125deg, #ffffff17 0%, transparent 26%),
        radial-gradient(circle at 12% 0%, #fcdeb146, transparent 46%),
        radial-gradient(circle at 92% 6%, #edd7af3d, transparent 42%),
        linear-gradient(155deg, #43210df4, #1c1008fb);
    box-shadow: 0 20px 54px #000e, 0 0 24px #fcdeb13d, 0 0 42px #6734184a,
        inset 0 0 38px #edd7af1f, inset 0 1px 0 #ffffff48;
}
body.v3-body > .item-tooltip-floating.v3-tooltip-tone-furiel-bi4upgrade[class*="v3-tooltip-tone-furiel-"]::before {
    background: linear-gradient(90deg, transparent, #EDD7AF, #FCDEB1, #FEFAFE, #FCDEB1, #EDD7AF, transparent);
    box-shadow: 0 0 16px #fcdeb1, 0 0 26px #edd7af88;
}
body.v3-body > .item-tooltip-floating.v3-tooltip-tone-furiel-bi4upgrade[class*="v3-tooltip-tone-furiel-"]::after {
    background: #673418e6; border-color: #fcdeb1b3;
}
.furiel-colony-tooltip--bi4Upgrade .furiel-colony-tooltip__ambient {
    background:
        radial-gradient(circle at 24% 22%, #fcdeb166, transparent 58%),
        radial-gradient(circle at 80% 12%, #edd7af55, transparent 60%),
        radial-gradient(circle at 56% 60%, #be936840, transparent 62%);
    opacity: .95;
}
/* Színpadi reflektor-kúpok a tooltip tetején */
.furiel-colony-tooltip--bi4Upgrade::before {
    content: ""; position: absolute; z-index: 0; left: 6%; right: 6%; top: -8px; height: 120px; pointer-events: none; opacity: .55;
    background:
        linear-gradient(180deg, #fcdeb166, transparent) 8% 0 / 26% 100% no-repeat,
        linear-gradient(180deg, #edd7af66, transparent) 66% 0 / 26% 100% no-repeat;
    clip-path: polygon(8% 0, 14% 0, 34% 100%, 0 100%, 66% 0, 72% 0, 92% 100%, 58% 100%);
    animation: furielBi4VipTooltipBeam 3.6s ease-in-out infinite alternate;
}
/* Kottavonalak + hangjegyek a tooltip alján */
.furiel-colony-tooltip--bi4Upgrade::after {
    content: "♪  ♫  ♬"; position: absolute; z-index: 0; right: 12px; bottom: 6px; width: 62%; height: 52px; pointer-events: none;
    display: flex; align-items: center; justify-content: flex-end; letter-spacing: .3em;
    color: #fcdeb138; font: 700 22px/1 "Segoe UI Symbol", sans-serif; text-shadow: 0 0 8px #edd7af55;
    background: repeating-linear-gradient(180deg, transparent 0 8px, #fefafe1f 8px 9px, transparent 9px 10px, transparent 10px 12px);
    mask-image: linear-gradient(90deg, transparent, #000 40%); -webkit-mask-image: linear-gradient(90deg, transparent, #000 40%);
}
.furiel-colony-tooltip--bi4Upgrade header > span {
    border-color: #fcdeb1bb; border-radius: 13px;
    background: radial-gradient(circle at 50% 100%, #be936899, #291409);
    box-shadow: inset 0 0 16px #edd7af66, 0 0 14px #fcdeb166;
    animation: furielBi4VipIconFloat 2.8s ease-in-out infinite alternate;
}
.furiel-colony-tooltip--bi4Upgrade header > span img { filter: drop-shadow(0 0 6px #fcdeb1) drop-shadow(0 0 10px #edd7af99); }
.furiel-colony-tooltip--bi4Upgrade header small { color: #fefafe; }
.furiel-colony-tooltip--bi4Upgrade header strong {
    background: linear-gradient(90deg, #fff, #FEFAFE 45%, #EDD7AF); -webkit-background-clip: text; background-clip: text;
    color: transparent; text-shadow: none; filter: drop-shadow(0 0 8px #fcdeb18c);
}
.furiel-colony-tooltip--bi4Upgrade header em { color: #edd7af; }
.furiel-colony-tooltip--bi4Upgrade header > b { text-shadow: 0 0 10px #fcdeb1, 0 0 18px #edd7af; }
.furiel-colony-tooltip--bi4Upgrade header > b small { color: #fcdeb1; }
.furiel-colony-tooltip--bi4Upgrade .furiel-colony-tooltip__garden i {
    border-color: #edd7af75; background: linear-gradient(135deg, #ffffff0f 0 30%, transparent 30%), #1c1008a8;
}
.furiel-colony-tooltip--bi4Upgrade .furiel-colony-tooltip__garden i.is-grown {
    border-color: #fcdeb1cc;
    background:
        linear-gradient(135deg, #ffffff2b 0 24%, transparent 24%),
        radial-gradient(circle at 50% 100%, #be9368aa, transparent 74%), #120a48d6;
    box-shadow: 0 0 12px #fcdeb18c, inset 0 0 10px #edd7af55;
}
.furiel-colony-tooltip--bi4Upgrade .furiel-colony-tooltip__garden i img { filter: drop-shadow(0 0 4px #fcdeb1); }
.furiel-colony-tooltip--bi4Upgrade .furiel-colony-tooltip__stages span.is-current {
    border-color: #fcdeb1b3;
    background: linear-gradient(90deg, #be936855, #67341833 60%, transparent);
    box-shadow: inset 0 0 18px #edd7af33, 0 0 12px #fcdeb133;
}
.furiel-colony-tooltip--bi4Upgrade .furiel-colony-tooltip__stages b { color: #fcdeb1; }
.furiel-colony-tooltip--bi4Upgrade .furiel-colony-tooltip__mushroom-icon { filter: drop-shadow(0 0 4px #fcdeb1); }
.furiel-colony-tooltip--bi4Upgrade p { border-left-color: #FCDEB1; background: #ffffff0f; box-shadow: inset 0 0 14px #edd7af1c; }
.furiel-colony-tooltip--bi4Upgrade footer b {
    background: linear-gradient(120deg, #BE9368, #673418); box-shadow: 0 0 10px #fcdeb166, inset 0 1px 0 #ffffff55;
}

/* ---- 3) Csatatér: koncertszínpad a Furiel csapata alatt ------------------- */
.furiel-colony-field[data-furiel-theme="bi4Upgrade"] .furiel-colony-field__mycelium {
    background:
        repeating-linear-gradient(90deg, transparent 0 46px, #edd7af38 47px 48px),
        repeating-linear-gradient(0deg, transparent 0 24px, #fcdeb133 25px 26px);
    transform: perspective(320px) rotateX(38deg); transform-origin: bottom;
}
.furiel-colony-field[data-furiel-theme="bi4Upgrade"] .furiel-colony-field__glow {
    background: radial-gradient(ellipse at 50% 90%, #fcdeb14d, #67341833 48%, transparent 72%);
}
.furiel-colony-field[data-furiel-theme="bi4Upgrade"] .furiel-colony-field__mushrooms img {
    filter: drop-shadow(0 0 7px #fcdeb1) drop-shadow(0 0 14px #edd7af99) saturate(1.15);
    animation: furielBi4VipFieldDance 1.25s ease-in-out infinite var(--furiel-m-delay, 0s);
}
.furiel-colony-field[data-furiel-theme="bi4Upgrade"] .furiel-field-roots { stroke: #EDD7AF; stroke-dasharray: 9 12; animation: furielBi4VipCableFlow 2.4s linear infinite; }
.furiel-colony-field[data-furiel-theme="bi4Upgrade"] .furiel-field-roots path:first-child { stroke: #FCDEB1; stroke-dasharray: none; }
.furiel-colony-field[data-furiel-theme="bi4Upgrade"] .furiel-field-platform i { border-color: #FCDEB1; box-shadow: 0 0 14px #fcdeb166, inset 0 0 14px #edd7af33; }
.furiel-colony-field[data-furiel-theme="bi4Upgrade"] .furiel-field-platform i:nth-child(2) { border-color: #EDD7AF; }
.furiel-colony-field[data-furiel-theme="bi4Upgrade"] .furiel-field-platform i:nth-child(3) { border-color: #FEFAFE; }
.furiel-colony-field[data-furiel-theme="bi4Upgrade"] .furiel-field-platform {
    background: conic-gradient(from 20deg, #fcdeb126, #edd7af26, #fefafe26, #be936833, #fcdeb126);
}
.furiel-colony-field[data-furiel-theme="bi4Upgrade"] .furiel-field-equalizer { display: flex; opacity: .5; }
.furiel-colony-field[data-furiel-theme="bi4Upgrade"] .furiel-field-motifs .furiel-motif { width: 58px; height: 58px; filter: drop-shadow(0 0 5px #fcdeb199); }
.furiel-colony-field[data-furiel-theme="bi4Upgrade"] .furiel-colony-field__spores b {
    border-radius: 0; background: #fff;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
    filter: drop-shadow(0 0 4px #fcdeb1);
}

/* Közös koncert-elemek: csatatér-réteg (.furiel-bi4-vip-field) és képességjelenet (.furiel-bi4-vip-scene) */
.furiel-bi4-vip-field, .furiel-bi4-vip-scene { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.furiel-bi4-vip-field { z-index: 1; }
.furiel-bi4-vip-scene { z-index: 0; animation: furielBi4VipSceneFade 2.2s ease-out both; }
.furiel-showcase.is-200 .furiel-bi4-vip-scene { animation-duration: 3.4s; }
/* LED-fal: lefelé futó "BI4 ♪" körfelirat */
.furiel-bi4-vip-led {
    position: absolute; left: 6%; right: 6%; top: 3%; height: 17%; overflow: hidden; border-radius: 6px;
    border: 1px solid #edd7af55;
    background: repeating-linear-gradient(90deg, #edd7af2e 0 5px, transparent 5px 7px), linear-gradient(180deg, #67341855, #be936833);
    box-shadow: 0 0 14px #edd7af33, inset 0 0 12px #fcdeb133;
}
.furiel-bi4-vip-led::after {
    content: "BI4  ♛  VIP  ♫  BI4  ◇  VIP  ♬  BI4  ♛  VIP  ♫  BI4  ◇  VIP  ♬"; position: absolute; left: 0; top: 0; height: 100%;
    display: flex; align-items: center; white-space: nowrap; letter-spacing: .24em;
    color: #fefafe; font: 900 clamp(11px, 1.6vw, 17px)/1 "Outfit", "Segoe UI Symbol", sans-serif;
    text-shadow: 0 0 8px #fcdeb1, 0 0 14px #edd7af; animation: furielBi4VipMarquee 16s linear infinite;
}
.furiel-colony-field[data-furiel-tier="1"] .furiel-bi4-vip-led,
.furiel-colony-field[data-furiel-tier="1"] .furiel-bi4-vip-laser,
.furiel-colony-field[data-furiel-tier="1"] .furiel-bi4-vip-beam:nth-of-type(n+3) { display: none; }
/* Reflektorkúpok */
:is(.furiel-bi4-vip-field, .furiel-bi4-vip-scene) .furiel-bi4-vip-beam {
    position: absolute; top: -8%; left: calc(6% + var(--b) * 25%); width: 18%; height: 112%; transform-origin: 50% 0;
    background: linear-gradient(180deg, color-mix(in srgb, var(--c) 52%, transparent), transparent 82%);
    clip-path: polygon(45% 0, 55% 0, 100% 100%, 0 100%); opacity: .5;
    animation: furielBi4VipSweep 5s ease-in-out calc(var(--b) * -1.1s) infinite alternate;
}
/* Lézerek */
:is(.furiel-bi4-vip-field, .furiel-bi4-vip-scene) .furiel-bi4-vip-laser {
    position: absolute; top: -4%; width: 2px; height: 122%; transform-origin: 50% 0; opacity: .6;
    background: linear-gradient(180deg, var(--c), transparent 88%); box-shadow: 0 0 8px var(--c);
    animation: furielBi4VipLaser 3.1s ease-in-out calc(var(--l) * -.55s) infinite alternate;
}
.furiel-bi4-vip-field .furiel-bi4-vip-laser { left: calc(8% + var(--l) * 19%); }
.furiel-bi4-vip-scene .furiel-bi4-vip-laser { left: calc(5% + var(--l) * 15%); }
/* Glowstick-közönség */
:is(.furiel-bi4-vip-field, .furiel-bi4-vip-scene) .furiel-bi4-vip-stick {
    position: absolute; bottom: -2%; left: var(--sx); width: 5px; height: 30px; border-radius: 3px; text-decoration: none;
    background: linear-gradient(180deg, #fff, var(--c) 40%); box-shadow: 0 0 9px var(--c), 0 0 16px color-mix(in srgb, var(--c) 55%, transparent);
    transform-origin: 50% 100%; animation: furielBi4VipWave 1.5s ease-in-out calc(var(--s) * -.12s) infinite alternate;
}
.furiel-bi4-vip-scene .furiel-bi4-vip-stick { height: clamp(34px, 6vh, 64px); width: 7px; animation-duration: 1.2s; }
/* Hangjegyek */
:is(.furiel-bi4-vip-field, .furiel-bi4-vip-scene, .furiel-bi4-vip-stage) .furiel-bi4-vip-note {
    position: absolute; bottom: 8%; left: var(--nx); font: 700 clamp(15px, 2vw, 24px)/1 "Segoe UI Symbol", "Outfit", sans-serif;
    color: var(--c); text-shadow: 0 0 8px var(--c), 0 0 14px #fff6; opacity: 0;
    animation: furielBi4VipNoteRise 5.2s linear calc(var(--n) * -.58s) infinite;
}
.furiel-bi4-vip-scene .furiel-bi4-vip-note { bottom: 4%; font-size: clamp(24px, 3.4vw, 46px); animation: furielBi4VipNoteRiseScene 2.2s ease-out calc(var(--n) * .09s) both; }
.furiel-bi4-vip-stage .furiel-bi4-vip-note { bottom: 6%; animation: furielBi4VipNoteRiseScene 1.9s ease-out calc(var(--n) * .12s) both; }
/* Csillagszikrák */
:is(.furiel-bi4-vip-field, .furiel-bi4-vip-stage) .furiel-bi4-vip-spark {
    position: absolute; left: var(--px); top: var(--py); width: 9px; height: 9px; font-style: normal; background: #fff;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
    filter: drop-shadow(0 0 4px #fcdeb1); opacity: 0; animation: furielBi4VipTwinkle 2.4s ease-in-out calc(var(--p) * -.31s) infinite;
}
.furiel-bi4-vip-stage .furiel-bi4-vip-spark { width: 12px; height: 12px; animation: furielBi4VipTwinkleOnce 1.7s ease-out calc(var(--p) * .09s) both; }
/* Kristályszilánkok (jelenetréteg) */
.furiel-bi4-vip-scene .furiel-bi4-vip-shard {
    position: absolute; left: var(--hx); top: var(--hy); width: 14px; height: 26px; text-decoration: none;
    background: linear-gradient(135deg, #fff, var(--c) 50%, #673418); opacity: 0;
    clip-path: polygon(50% 0, 100% 36%, 72% 100%, 18% 86%, 0 30%); filter: drop-shadow(0 0 6px var(--c));
    animation: furielBi4VipShard 1.8s ease-out calc(var(--h) * .07s) both;
}
/* Stroboszkóp és LED-fal / prizma (jelenet) */
.furiel-bi4-vip-scene .furiel-bi4-vip-strobe {
    position: absolute; inset: 0;
    background: linear-gradient(180deg, #edd7af2e, #fcdeb11f 60%, transparent);
    animation: furielBi4VipStrobe 1.5s steps(1, end) both;
}
.furiel-bi4-vip-scene .furiel-bi4-vip-prism {
    position: absolute; inset: -20%; mix-blend-mode: screen; opacity: 0;
    background: conic-gradient(from 0deg at 50% 52%, #fcdeb144, #edd7af44, #fefafe44, #6734184d, #fcdeb144);
    animation: furielBi4VipPrism 1.9s ease-out both;
}
.furiel-bi4-vip-scene .furiel-bi4-vip-wall {
    position: absolute; left: 17%; right: 17%; top: 5%; height: 34%; border-radius: 12px; overflow: hidden;
    display: grid; place-items: center; border: 2px solid #fcdeb1; opacity: 0;
    background:
        repeating-linear-gradient(90deg, #edd7af1f 0 3px, transparent 3px 28px),
        repeating-linear-gradient(0deg, #edd7af1f 0 3px, transparent 3px 28px),
        repeating-linear-gradient(180deg, transparent 0 14px, #fefafe40 14px 15px, transparent 15px 22px),
        linear-gradient(180deg, #291409d9, #6734188c);
    box-shadow: 0 0 34px #fcdeb18c, 0 0 60px #edd7af55, inset 0 0 40px #be936877;
    animation: furielBi4VipWall 3.3s ease-out both;
}
.furiel-bi4-vip-scene .furiel-bi4-vip-wall span {
    font: 900 clamp(60px, 15vw, 190px)/1 "Outfit", "Arial Black", sans-serif; letter-spacing: .06em; font-style: italic;
    background: linear-gradient(90deg, #FEFAFE, #FCDEB1 40%, #EDD7AF); -webkit-background-clip: text; background-clip: text; color: transparent;
    filter: drop-shadow(0 0 16px #fcdeb1) drop-shadow(0 0 30px #edd7af99);
}
.furiel-bi4-vip-scene .furiel-bi4-vip-wall::after {
    content: ""; position: absolute; inset: 0; pointer-events: none; mix-blend-mode: screen;
    background: linear-gradient(180deg, transparent 40%, #ffffff3a 50%, transparent 60%) 0 0 / 100% 200%;
    animation: furielBi4VipScan 1.4s linear infinite;
}

/* ---- 4) Képesség-bemutató (.furiel-showcase) --------------------------- */
.furiel-showcase[data-furiel-theme="bi4Upgrade"] .furiel-showcase-halo {
    background: conic-gradient(from 60deg, transparent, #fcdeb134, transparent, #edd7af34, transparent, #fefafe34, transparent);
}
.furiel-showcase[data-furiel-theme="bi4Upgrade"] .furiel-showcase-arc { border-style: double; border-width: 4px; }
.furiel-showcase[data-furiel-theme="bi4Upgrade"] .furiel-showcase-shell { stroke: #FEFAFE; fill: #fcdeb11c; }
.furiel-showcase[data-furiel-theme="bi4Upgrade"] .furiel-showcase-shell path:nth-child(2) { stroke: #EDD7AF; }
.furiel-showcase[data-furiel-theme="bi4Upgrade"] .furiel-showcase-shell path:nth-child(3) { stroke: #FCDEB1; opacity: .8; }
.furiel-showcase[data-furiel-theme="bi4Upgrade"] .furiel-showcase-bed img,
.furiel-showcase[data-furiel-theme="bi4Upgrade"] .furiel-showcase-pool img { filter: drop-shadow(0 0 6px #fcdeb1) drop-shadow(0 0 12px #edd7af88); }
.furiel-showcase[data-furiel-theme="bi4Upgrade"] .furiel-showcase-pool::before {
    background: radial-gradient(ellipse, #fcdeb155, #67341833 46%, transparent 72%);
}
.furiel-showcase[data-furiel-theme="bi4Upgrade"] .furiel-showcase-pool > i { border-color: #FCDEB1; }
.furiel-showcase[data-furiel-theme="bi4Upgrade"] .furiel-showcase-pool > i:nth-child(2) { border-color: #EDD7AF; }
.furiel-showcase[data-furiel-theme="bi4Upgrade"].is-198 .furiel-showcase-pool::before {
    background: repeating-radial-gradient(ellipse, #edd7af2e 0 8%, transparent 9% 16%), radial-gradient(ellipse, #673418aa, transparent 68%);
}
/* Célpontonkénti színpadi réteg */
.furiel-bi4-vip-stage { position: absolute; inset: 0; pointer-events: none; }
.furiel-bi4-vip-cone {
    position: absolute; left: 16%; top: -52%; width: 68%; height: 150%; opacity: 0;
    background: linear-gradient(180deg, #fcdeb15e, #ffffff12 70%, transparent);
    clip-path: polygon(42% 0, 58% 0, 100% 100%, 0 100%); animation: furielBi4VipCone 1.9s ease-out both;
}
.furiel-bi4-vip-cone.is-b { left: 2%; width: 50%; background: linear-gradient(180deg, #edd7af5e, #ffffff10 70%, transparent); animation-delay: .12s; }
.furiel-bi4-vip-facets {
    position: absolute; inset: -4% 8%; width: 84%; height: 108%; overflow: visible; fill: #fcdeb11c; stroke: #fff;
    stroke-width: 1.6; stroke-linejoin: round; opacity: 0; filter: drop-shadow(0 0 5px #edd7af); animation: furielBi4VipFacet 1.9s ease-out both;
}
.furiel-bi4-vip-facets path:nth-child(2) { fill: none; stroke: #FEFAFE; stroke-width: 1; opacity: .85; }
.furiel-showcase.is-199 .furiel-bi4-vip-facets { fill: #edd7af2e; stroke-width: 2.4; }
.furiel-showcase.is-198 .furiel-bi4-vip-cone { background: linear-gradient(180deg, #edd7af7a, #67341822 70%, transparent); }
.furiel-showcase.is-198 .furiel-bi4-vip-cone.is-b { background: linear-gradient(180deg, #be936877, #67341818 70%, transparent); }
/* 200 ulti: kicsit nagyobb, lassabb színpadi fények */
.furiel-showcase.is-200 .furiel-bi4-vip-cone, .furiel-showcase.is-200 .furiel-bi4-vip-facets { animation-duration: 3.2s; }

/* ---- 5) Lövedék (spóra → kristály-hangjegy) ----------------------------- */
.furiel-spore-projectile[data-furiel-theme="bi4Upgrade"] .furiel-spore-projectile__core {
    background:
        radial-gradient(circle at 36% 30%, #fff, transparent 36%),
        conic-gradient(from 20deg, #FCDEB1, #EDD7AF, #FEFAFE, #BE9368, #FCDEB1);
    box-shadow: 0 0 12px #fff, 0 0 24px #fcdeb1, 0 0 40px #edd7af99;
}
.furiel-spore-projectile.is-arc[data-furiel-theme="bi4Upgrade"] .furiel-spore-projectile__core {
    background:
        radial-gradient(circle at 36% 30%, #fffffff0, transparent 36%),
        conic-gradient(from 20deg, #FCDEB1, #EDD7AF, #FEFAFE, #BE9368, #FCDEB1);
    box-shadow: 0 0 14px #fff, 0 0 26px #fcdeb1, 0 0 44px #edd7af99;
}
.furiel-spore-projectile[data-furiel-theme="bi4Upgrade"] .furiel-spore-projectile__trail,
.furiel-spore-projectile.is-heal[data-furiel-theme="bi4Upgrade"] .furiel-spore-projectile__trail {
    background: repeating-linear-gradient(90deg, transparent 0 7px, #ffffff40 7px 9px), linear-gradient(90deg, transparent, #edd7af88 45%, #FCDEB1);
}
.furiel-spore-projectile.is-heal[data-furiel-theme="bi4Upgrade"] .furiel-spore-projectile__core { filter: none; }
.furiel-spore-projectile[data-furiel-theme="bi4Upgrade"] .furiel-spore-projectile__mote {
    border-radius: 0; background: #fff;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); box-shadow: none;
    filter: drop-shadow(0 0 4px #fcdeb1);
}
.furiel-spore-projectile[data-furiel-theme="bi4Upgrade"] .furiel-spore-projectile__mote:nth-of-type(3n) { background: #FCDEB1; }
.furiel-spore-projectile[data-furiel-theme="bi4Upgrade"] .furiel-spore-projectile__mote:nth-of-type(3n+1) { background: #EDD7AF; }
/* Hangjegy-csóva a lövedék mellett */
.furiel-spore-projectile[data-furiel-theme="bi4Upgrade"]::after {
    content: "♪"; position: absolute; left: 14px; top: -34px; color: #FEFAFE;
    font: 700 22px/1 "Segoe UI Symbol", sans-serif; text-shadow: 0 0 8px #fcdeb1, 0 0 14px #edd7af;
}
.furiel-spore-projectile[data-furiel-theme="bi4Upgrade"].is-ability::after { content: "♫"; }
.furiel-spore-projectile[data-furiel-theme="bi4Upgrade"].is-heal::after { content: "♬"; }

/* Becsapódás-robbanás: csillagszikrák + kristálygyűrű */
.furiel-spore-impact-burst[data-furiel-theme="bi4Upgrade"] i {
    border-radius: 0; background: #fff; box-shadow: none; width: 10px; height: 10px; left: -5px; top: -5px;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); filter: drop-shadow(0 0 4px #fcdeb1);
}
.furiel-spore-impact-burst[data-furiel-theme="bi4Upgrade"] i:nth-child(3n) { background: #FCDEB1; }
.furiel-spore-impact-burst[data-furiel-theme="bi4Upgrade"] i:nth-child(3n+1) { background: #EDD7AF; }
.furiel-spore-impact-burst[data-furiel-theme="bi4Upgrade"] .furiel-spore-impact-burst__ring {
    border-radius: 6px; rotate: 45deg; border-color: #FCDEB1; box-shadow: 0 0 20px #EDD7AF, inset 0 0 10px #FEFAFE;
}
.furiel-spore-impact-burst[data-furiel-theme="bi4Upgrade"]::before {
    content: "♫"; position: absolute; left: -8px; top: -12px; color: #fff; font: 700 24px/1 "Segoe UI Symbol", sans-serif;
    text-shadow: 0 0 8px #fcdeb1, 0 0 16px #edd7af; animation: furielBi4VipBurstNote .8s ease-out forwards;
}

/* Kártyabecsapódás */
.furiel-spore-card-impact[data-furiel-theme="bi4Upgrade"] {
    background:
        linear-gradient(115deg, transparent 30%, #ffffff30 46%, #fcdeb144 54%, transparent 68%),
        radial-gradient(circle at 50% 48%, #edd7af38, #be936824 48%, transparent 74%);
}
.furiel-spore-card-impact[data-furiel-theme="bi4Upgrade"] > span {
    border-radius: 7px; rotate: 45deg; border-color: #FCDEB1; box-shadow: 0 0 18px #edd7af, inset 0 0 12px #FEFAFE;
}
.furiel-spore-card-impact[data-furiel-theme="bi4Upgrade"] > img { filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 10px #fcdeb1); }
.furiel-spore-card-impact[data-furiel-theme="bi4Upgrade"] > i {
    border-radius: 0; background: #fff; box-shadow: none;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); filter: drop-shadow(0 0 4px #fcdeb1);
}
.furiel-spore-card-impact[data-furiel-theme="bi4Upgrade"].is-heal { filter: none; }
.furiel-spore-card-impact[data-furiel-theme="bi4Upgrade"]::after {
    content: ""; position: absolute; left: 14%; top: -30%; width: 72%; height: 140%; opacity: 0; pointer-events: none;
    background: linear-gradient(180deg, #ffffff66, #fcdeb122 70%, transparent); clip-path: polygon(42% 0, 58% 0, 100% 100%, 0 100%);
    animation: furielBi4VipCone 1s ease-out both;
}

/* ---- 6) Képesség-varázslat a kártyán (furiel-ability-cast / card-layer) ---- */
.furiel-ability-cast[data-furiel-theme="bi4Upgrade"] {
    background:
        linear-gradient(180deg, #fcdeb133, transparent 40%),
        radial-gradient(circle at 50% 48%, #edd7af44, #be936824 48%, transparent 74%);
}
.furiel-ability-cast[data-furiel-theme="bi4Upgrade"].is-197 { filter: none; }
.furiel-ability-cast[data-furiel-theme="bi4Upgrade"].is-198 {
    background:
        repeating-linear-gradient(100deg, transparent 0 16px, #edd7af2e 16px 18px),
        radial-gradient(circle at 50% 48%, #67341855, #be936826 52%, transparent 76%);
}
.furiel-ability-cast[data-furiel-theme="bi4Upgrade"] > img { filter: drop-shadow(0 0 8px #fff) drop-shadow(0 0 16px #fcdeb1) drop-shadow(0 0 24px #edd7af99); }
.furiel-ability-cast[data-furiel-theme="bi4Upgrade"] > span,
.furiel-ability-cast[data-furiel-theme="bi4Upgrade"] > b {
    border-radius: 14%; border-color: #FCDEB1; box-shadow: 0 0 16px #edd7af, inset 0 0 14px #fefafe55;
}
.furiel-ability-cast[data-furiel-theme="bi4Upgrade"] > b { border-color: #EDD7AF; border-radius: 18%; }
.furiel-ability-cast[data-furiel-theme="bi4Upgrade"] > i {
    border-radius: 0; width: 9px; height: 9px; background: #fff; box-shadow: none;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); filter: drop-shadow(0 0 4px #fcdeb1);
}
/* Reflektorkúp a kártya fölött */
.furiel-ability-cast[data-furiel-theme="bi4Upgrade"]::before {
    content: ""; position: absolute; z-index: 1; left: 12%; top: -34%; width: 76%; height: 140%; opacity: 0; pointer-events: none;
    background: linear-gradient(180deg, #fcdeb16b, #ffffff14 70%, transparent); clip-path: polygon(42% 0, 58% 0, 100% 100%, 0 100%);
    animation: furielBi4VipCone 1.7s ease-out both;
}
/* Kottavonal-sáv a kártya alsó harmadában, benne hangjegyekkel */
.furiel-ability-cast[data-furiel-theme="bi4Upgrade"]::after {
    content: "♪   ♫   ♬   ♩   ♪"; position: absolute; z-index: 5; left: 0; right: 0; bottom: 14%; height: 34px; pointer-events: none;
    display: flex; align-items: center; justify-content: space-around; color: #fff; font: 700 20px/1 "Segoe UI Symbol", sans-serif;
    text-shadow: 0 0 8px #fcdeb1, 0 0 14px #edd7af;
    background: repeating-linear-gradient(180deg, transparent 0 6px, #fefafe80 6px 7px, transparent 7px 8px);
    animation: furielBi4VipStaff 1.8s ease-out both;
}
.furiel-ability-cast[data-furiel-theme="bi4Upgrade"].is-199::before {
    background: conic-gradient(from 90deg at 50% 100%, #fcdeb166, #edd7af66, #fefafe66, #fcdeb166); clip-path: none; inset: 0; width: auto; height: auto; top: 0; left: 0;
    mix-blend-mode: screen;
}
.furiel-ability-card-layer[data-furiel-theme="bi4Upgrade"] {
    background:
        linear-gradient(180deg, #fcdeb126, transparent 46%),
        radial-gradient(ellipse at 50% 52%, #edd7af2e, transparent 70%);
}
.furiel-ability-card-layer[data-furiel-theme="bi4Upgrade"].is-197 { filter: none; }
.furiel-ability-card-layer[data-furiel-theme="bi4Upgrade"] > span,
.furiel-ability-card-layer[data-furiel-theme="bi4Upgrade"] > b {
    border-color: #FCDEB1; border-radius: 40% 40% 46% 46% / 28% 28% 52% 52%;
    box-shadow: 0 0 14px #edd7af, inset 0 0 20px #fefafe44;
}
.furiel-ability-card-layer[data-furiel-theme="bi4Upgrade"] > b { border-color: #EDD7AF; }
.furiel-ability-card-layer[data-furiel-theme="bi4Upgrade"] > img { filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 10px #fcdeb1); }
.furiel-ability-card-layer[data-furiel-theme="bi4Upgrade"] > i {
    border-radius: 0; background: #fff; box-shadow: none;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); filter: drop-shadow(0 0 4px #fcdeb1);
}
.furiel-ability-card-layer[data-furiel-theme="bi4Upgrade"]::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: 6%; height: 30px; pointer-events: none;
    background: repeating-linear-gradient(180deg, transparent 0 6px, #fefafe7a 6px 7px, transparent 7px 8px);
    animation: furielBi4VipStaff 1.8s ease-out both;
}

/* ---- 7) Codex-előnézet: teljes képernyős koncert-vihar -------------------- */
.furiel-ultimate-spore-storm[data-furiel-theme="bi4Upgrade"] {
    background:
        radial-gradient(circle at 50% 54%, #fcdeb133, transparent 44%),
        linear-gradient(180deg, #291409a8, #be936838 62%, transparent);
}
.furiel-ultimate-spore-storm[data-furiel-theme="bi4Upgrade"] .furiel-ultimate-spore-storm__veil {
    background: repeating-conic-gradient(from 0deg at 50% 52%, transparent 0 9deg, #fcdeb12b 10deg 12deg, transparent 13deg 20deg, #edd7af26 21deg 23deg, transparent 24deg 40deg);
}
.furiel-ultimate-spore-storm[data-furiel-theme="bi4Upgrade"] .furiel-ultimate-spore-storm__wave { border-color: #FCDEB1; box-shadow: 0 0 36px #edd7af, inset 0 0 30px #BE9368; }
.furiel-ultimate-spore-storm[data-furiel-theme="bi4Upgrade"] .furiel-ultimate-spore-storm__wave.is-late { border-color: #EDD7AF; }
.furiel-ultimate-spore-storm[data-furiel-theme="bi4Upgrade"] .furiel-ultimate-spore-storm__icons img,
.furiel-ultimate-spore-storm[data-furiel-theme="bi4Upgrade"] .furiel-ultimate-spore-storm__core img { filter: drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px #fcdeb1) drop-shadow(0 0 22px #edd7af88); }
.furiel-ultimate-spore-storm[data-furiel-theme="bi4Upgrade"] .furiel-ultimate-spore-storm__spores b {
    border-radius: 0; background: #fff; box-shadow: none;
    clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); filter: drop-shadow(0 0 5px #fcdeb1);
}
/* LED-fal a vihar tetején */
.furiel-ultimate-spore-storm[data-furiel-theme="bi4Upgrade"]::before {
    content: "BI4 · VIP"; position: absolute; z-index: 1; left: 19%; right: 19%; top: 5%; height: 33%; border-radius: 14px;
    display: grid; place-items: center; border: 2px solid #fcdeb1; pointer-events: none;
    font: 900 clamp(70px, 17vw, 230px)/1 "Outfit", "Arial Black", sans-serif; font-style: italic; letter-spacing: .06em;
    color: #fefafe; text-shadow: 0 0 22px #fcdeb1, 0 0 44px #edd7af;
    background:
        repeating-linear-gradient(90deg, #edd7af1f 0 3px, transparent 3px 28px),
        repeating-linear-gradient(180deg, transparent 0 14px, #fefafe40 14px 15px, transparent 15px 22px),
        linear-gradient(180deg, #291409d0, #67341888);
    box-shadow: 0 0 40px #fcdeb18c, 0 0 70px #edd7af55;
    animation: furielBi4VipWall 3.7s ease-out .15s both;
}
/* Lézerek + glowstick-közönség alul */
.furiel-ultimate-spore-storm[data-furiel-theme="bi4Upgrade"]::after {
    content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none;
    background:
        repeating-linear-gradient(90deg, transparent 0 22px, #FCDEB1 22px 26px, transparent 26px 44px, #EDD7AF 44px 48px, transparent 48px 70px) 0 100% / 100% 13% no-repeat,
        repeating-conic-gradient(from 195deg at 50% -4%, #edd7af00 0 5deg, #edd7af3a 5.4deg 6deg, #edd7af00 6.4deg 12deg, #fcdeb13a 12.4deg 13deg, #fcdeb100 13.4deg 20deg);
    animation: furielBi4VipStormLights 1.2s ease-in-out infinite alternate;
}

/* ---- 8) Keyframe-ek ---------------------------------------------------- */
@keyframes furielBi4VipGardenSheen { 0%, 25% { background-position: 130% 0; } 75%, 100% { background-position: -30% 0; } }
@keyframes furielBi4VipDance { from { transform: rotate(-6deg) translateY(1px) scaleY(.96); } to { transform: rotate(6deg) translateY(-3px) scaleY(1.05); } }
@keyframes furielBi4VipBloomGlow { from { box-shadow: 0 5px 14px #000b, 0 0 18px #fcdeb199, 0 0 28px #edd7af55, inset 0 0 20px #fcdeb144; } to { box-shadow: 0 5px 14px #000b, 0 0 28px #edd7afcc, 0 0 40px #fcdeb18c, inset 0 0 26px #edd7af66; } }
@keyframes furielBi4VipTooltipBeam { from { opacity: .3; transform: translateX(-10px); } to { opacity: .65; transform: translateX(10px); } }
@keyframes furielBi4VipIconFloat { from { transform: translateY(1px); } to { transform: translateY(-3px); } }
@keyframes furielBi4VipFieldDance {
    0%, 100% { transform: scale(var(--furiel-m-scale, 1)) translateY(0) rotate(-4deg); }
    50% { transform: scale(calc(var(--furiel-m-scale, 1) * 1.08)) translateY(-7px) rotate(4deg); }
}
@keyframes furielBi4VipCableFlow { to { stroke-dashoffset: -42; } }
@keyframes furielBi4VipMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes furielBi4VipSweep { from { transform: rotate(-17deg); opacity: .3; } to { transform: rotate(17deg); opacity: .6; } }
@keyframes furielBi4VipLaser { from { transform: rotate(-24deg); opacity: .25; } 50% { opacity: .75; } to { transform: rotate(24deg); opacity: .4; } }
@keyframes furielBi4VipWave { from { transform: rotate(-14deg) scaleY(.82); } to { transform: rotate(14deg) scaleY(1.08); } }
@keyframes furielBi4VipNoteRise {
    0% { opacity: 0; transform: translate3d(0, 0, 0) scale(.6) rotate(-10deg); }
    15% { opacity: .95; }
    55% { transform: translate3d(14px, -90px, 0) scale(1) rotate(8deg); }
    100% { opacity: 0; transform: translate3d(-8px, -190px, 0) scale(1.15) rotate(-6deg); }
}
@keyframes furielBi4VipNoteRiseScene {
    0% { opacity: 0; transform: translate3d(0, 20px, 0) scale(.5) rotate(-12deg); }
    18% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(var(--furiel-bi4-drift, 18px), -46vh, 0) scale(1.25) rotate(10deg); }
}
@keyframes furielBi4VipTwinkle { 0%, 100% { opacity: 0; transform: scale(.3) rotate(0deg); } 50% { opacity: 1; transform: scale(1.2) rotate(45deg); } }
@keyframes furielBi4VipTwinkleOnce { 0% { opacity: 0; transform: scale(.2) rotate(0deg); } 40% { opacity: 1; transform: scale(1.3) rotate(40deg); } 100% { opacity: 0; transform: scale(.4) rotate(90deg); } }
@keyframes furielBi4VipShard { 0% { opacity: 0; transform: translateY(24px) scale(.3) rotate(-30deg); } 30% { opacity: 1; } 100% { opacity: 0; transform: translateY(-70px) scale(1.1) rotate(40deg); } }
@keyframes furielBi4VipSceneFade { 0% { opacity: 0; } 12% { opacity: 1; } 78% { opacity: 1; } 100% { opacity: 0; } }
@keyframes furielBi4VipStrobe { 0% { opacity: 0; } 10% { opacity: 1; } 20% { opacity: 0; } 32% { opacity: .9; } 44% { opacity: 0; } 62% { opacity: .7; } 74% { opacity: 0; } 100% { opacity: 0; } }
@keyframes furielBi4VipPrism { 0% { opacity: 0; transform: rotate(0deg) scale(.7); } 28% { opacity: .85; } 100% { opacity: 0; transform: rotate(80deg) scale(1.25); } }
@keyframes furielBi4VipWall { 0% { opacity: 0; transform: scaleY(.1); } 14% { opacity: 1; transform: scaleY(1.05); } 22% { opacity: .6; } 28% { opacity: 1; transform: scaleY(1); } 82% { opacity: .95; } 100% { opacity: 0; } }
@keyframes furielBi4VipScan { to { background-position: 0 -200%; } }
@keyframes furielBi4VipCone { 0% { opacity: 0; transform: scaleY(.3); transform-origin: 50% 0; } 24% { opacity: 1; transform: scaleY(1); } 100% { opacity: 0; transform: scaleY(1.05); } }
@keyframes furielBi4VipFacet { 0% { opacity: 0; transform: scale(1.3); } 36% { opacity: .95; transform: scale(.97); } 70% { opacity: .8; transform: scale(1); } 100% { opacity: 0; transform: scale(1.08); } }
@keyframes furielBi4VipStaff { 0% { opacity: 0; transform: translateX(-30px); } 24% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(26px); } }
@keyframes furielBi4VipBurstNote { 0% { opacity: 1; transform: translate(0, 0) scale(.6); } 100% { opacity: 0; transform: translate(14px, -64px) scale(1.3); } }
@keyframes furielBi4VipStormLights { from { opacity: .45; } to { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
    .furiel-colony-garden[data-furiel-theme="bi4Upgrade"]::before,
    .furiel-colony-garden[data-furiel-theme="bi4Upgrade"] .furiel-colony-slot.is-grown:not(.is-new) img,
    .furiel-colony-garden[data-furiel-theme="bi4Upgrade"].is-full-bloom,
    .furiel-colony-tooltip--bi4Upgrade::before,
    .furiel-colony-tooltip--bi4Upgrade header > span,
    .furiel-colony-field[data-furiel-theme="bi4Upgrade"] .furiel-colony-field__mushrooms img,
    .furiel-colony-field[data-furiel-theme="bi4Upgrade"] .furiel-field-roots,
    .furiel-bi4-vip-led::after,
    .furiel-bi4-vip-field *,
    .furiel-bi4-vip-scene .furiel-bi4-vip-wall::after { animation: none !important; }
    .furiel-bi4-vip-field .furiel-bi4-vip-note, .furiel-bi4-vip-field .furiel-bi4-vip-spark { opacity: .6; }
    .furiel-bi4-vip-scene * , .furiel-bi4-vip-stage * { animation-duration: 600ms !important; animation-delay: 0ms !important; }
}

/* VIP badge above the tooltip's musical staff. */
.furiel-colony-tooltip--bi4Upgrade::after { content: '♛  VIP  ◇  ♪'; color: #fcdeb15e; letter-spacing: .22em; }
.furiel-bi4-vip-scene .furiel-bi4-vip-wall span { font-size: clamp(58px, 13vw, 170px); }
.furiel-ultimate-spore-storm[data-furiel-theme='bi4Upgrade']::before { font-size: clamp(48px, 12vw, 155px); }