.furiel-colony-field { inset:-12px -18px -32px;overflow:visible;isolation:isolate; }
.furiel-colony-field[data-furiel-tier="1"] { opacity:.72; }
.furiel-colony-field__mycelium { height:68%; filter:none; opacity:.8; background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--furiel-glow) 30%,transparent),transparent 72%),repeating-linear-gradient(64deg,color-mix(in srgb,var(--furiel-accent) 24%,transparent) 0 1px,transparent 1px 31px); }
.furiel-colony-field[data-furiel-tier="3"] .furiel-colony-field__mycelium { animation:none; }
.furiel-colony-field__glow { height:75%; filter:none; background:radial-gradient(ellipse at 50% 90%,color-mix(in srgb,var(--furiel-glow) 30%,transparent),transparent 70%); }
.furiel-colony-field__mushrooms img { width:calc(68px * var(--furiel-m-scale)); bottom:var(--furiel-m-bottom); filter:drop-shadow(0 0 6px var(--furiel-glow)); }
.furiel-field-roots { position:absolute;left:0;bottom:0;width:100%;height:68%;overflow:visible;opacity:.65;fill:none;stroke:var(--furiel-glow);stroke-width:2;stroke-linecap:round; }
.furiel-field-roots path:first-child { stroke:var(--furiel-rim);stroke-width:3; }
.furiel-field-platform { position:absolute;left:5%;right:5%;bottom:-4%;height:47%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--furiel-accent) 15%,transparent),transparent 68%); }
.furiel-field-platform i { position:absolute;inset:12% 0;border:2px solid var(--furiel-glow);border-radius:50%;box-shadow:0 0 12px color-mix(in srgb,var(--furiel-glow) 45%,transparent); }
.furiel-field-platform i:nth-child(2) { inset:25% 8%;border-color:var(--furiel-accent);border-style:dashed; }
.furiel-field-platform i:nth-child(3) { inset:37% 18%;border-color:var(--furiel-rim);opacity:.7; }
.furiel-field-motifs { position:absolute;inset:36% 3% 3%;opacity:.8; }
.furiel-motif { position:absolute;left:var(--fm-x);top:var(--fm-y);width:52px;height:52px;overflow:visible;translate:-50% -50%; }
.furiel-field-motifs .furiel-motif { animation:furielMotifFloat 4s ease-in-out calc(var(--fm-index) * -.37s) infinite alternate; }
.furiel-field-equalizer { position:absolute;bottom:0;left:8%;right:8%;height:35%;display:none;align-items:end;gap:2%;opacity:.42; }
.furiel-field-equalizer i { flex:1;height:var(--bar-height);background:linear-gradient(0deg,var(--furiel-glow),var(--furiel-accent),transparent);transform-origin:bottom;animation:furielBeat 1.15s ease-in-out calc(var(--bar) * -.12s) infinite alternate; }
.furiel-colony-field[data-furiel-theme^="monsterhunter"] .furiel-field-equalizer { display:flex; }
.furiel-colony-field[data-furiel-theme^="monsterhunter"] .furiel-colony-field__mycelium { background:repeating-linear-gradient(90deg,transparent 0 46px,color-mix(in srgb,var(--furiel-glow) 28%,transparent) 47px 48px),repeating-linear-gradient(0deg,transparent 0 24px,color-mix(in srgb,var(--furiel-accent) 24%,transparent) 25px 26px);transform:perspective(320px) rotateX(35deg);transform-origin:bottom; }
.furiel-colony-field[data-furiel-theme="monsterhunterUpgrade"] .furiel-field-platform { background:conic-gradient(from 35deg,#53f5ff30,#ff57de30,#ffe48430,#9a7aff30,#53f5ff30); }
.furiel-colony-field[data-furiel-theme="monsterhunterUpgrade"] .furiel-field-platform i { border-image:none;border-color:#83ffef;box-shadow:0 0 14px #53f5ff66,inset 0 0 18px #ff57de44; }
.furiel-colony-field[data-furiel-theme="vip"] .furiel-field-platform { background:radial-gradient(ellipse,#ffd56c30,transparent 65%); }
.furiel-colony-field[data-furiel-theme="vip"] .furiel-field-motifs .furiel-motif { width:61px;height:61px; }

.furiel-showcase { position:fixed;inset:0;z-index:175;pointer-events:none;overflow:hidden; }
.furiel-showcase-target { position:absolute;translate:-50% -50%;animation:furielShowcaseFade 2.2s ease-out var(--ft-delay) both; }
.furiel-showcase-halo { position:absolute;inset:-7%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--furiel-glow) 26%,transparent),transparent 66%); }
.furiel-showcase-arc { position:absolute;inset:12% -9%;border:3px solid var(--furiel-glow);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;rotate:-28deg;box-shadow:0 0 12px color-mix(in srgb,var(--furiel-glow) 30%,transparent);animation:furielShowcaseArc 1.8s ease-out both; }
.furiel-showcase-arc.is-cross { inset:24% -14%;rotate:35deg;border-color:var(--furiel-accent);border-right-color:transparent;animation-delay:120ms; }
.furiel-showcase-shell { position:absolute;inset:-3% 4%;width:92%;height:106%;overflow:visible;fill:color-mix(in srgb,var(--furiel-glow) 9%,transparent);stroke:var(--furiel-rim);stroke-width:2;opacity:.45; }
.furiel-showcase-shell path:nth-child(2) { fill:none;stroke:var(--furiel-glow);stroke-width:3; }
.furiel-showcase-shell path:nth-child(3) { fill:none;stroke:var(--furiel-accent);stroke-width:1;opacity:.5; }
.furiel-showcase.is-197 .furiel-showcase-shell { display:none; }
.furiel-showcase.is-198 .furiel-showcase-shell { stroke-dasharray:10 7;fill:color-mix(in srgb,var(--furiel-accent) 12%,transparent); }
.furiel-showcase.is-199 .furiel-showcase-shell { opacity:.9;animation:furielShieldAssemble 1.6s cubic-bezier(.2,.8,.2,1) both; }
.furiel-showcase-bed { position:absolute;left:0;right:0;bottom:0;height:30%; }
.furiel-showcase-bed img { position:absolute;left:calc(5% + var(--m) * 19%);bottom:0;width:var(--m-size);height:68px;object-fit:contain;filter:drop-shadow(0 0 5px var(--furiel-glow));animation:furielNewSprout 1.7s ease-out calc(var(--m) * 65ms) both; }
.furiel-showcase-motifs { position:absolute;inset:0; }
.furiel-showcase-motifs .furiel-motif { width:54px;height:54px;animation:furielMotifReveal 1.85s ease-out var(--fm-delay) both; }
.furiel-showcase[data-furiel-theme="monsterhunterUpgrade"] .furiel-showcase-halo { background:conic-gradient(from 70deg,transparent,#53f5ff30,transparent,#ff57de30,transparent,#ffe48430,transparent); }
.furiel-showcase[data-furiel-theme="monsterhunterUpgrade"] .furiel-showcase-shell { stroke:#86fff1;fill:#8f59ff16; }
.furiel-showcase[data-furiel-theme="vip"] .furiel-showcase-arc { border-width:4px;border-style:double; }
.furiel-showcase.is-200 .furiel-showcase-target { animation-duration:3.25s; }
.furiel-showcase.is-200 .furiel-showcase-motifs .furiel-motif { width:64px;height:64px;animation-duration:3.05s; }
.furiel-showcase.is-200 .furiel-showcase-shell { opacity:.4; }
.furiel-showcase-pool { position:absolute;isolation:isolate;animation:furielPoolBloom 2.25s ease-out both; }
.furiel-showcase-pool::before { content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--furiel-glow) 35%,transparent),color-mix(in srgb,var(--furiel-accent) 20%,transparent) 45%,transparent 72%); }
.furiel-showcase-pool > i { position:absolute;inset:10% 0;border:3px solid var(--furiel-glow);border-radius:50%;box-shadow:0 0 10px color-mix(in srgb,var(--furiel-glow) 45%,transparent); }
.furiel-showcase-pool > i:nth-child(2) { inset:22% 10%;border:2px dashed var(--furiel-rim); }
.furiel-showcase-pool > i:nth-child(3) { inset:34% 20%;border-color:var(--furiel-accent); }
.furiel-showcase-pool > div { position:absolute;inset:0; }
.furiel-showcase-pool img { position:absolute;left:calc(3% + var(--m) * 11.3%);bottom:var(--m-bottom);width:clamp(35px,5vw,72px);height:82px;object-fit:contain;filter:drop-shadow(0 0 5px var(--furiel-glow));animation:furielNewSprout 1.85s ease-out calc(var(--m) * 45ms) both; }
.furiel-showcase.is-198 .furiel-showcase-pool::before { background:repeating-radial-gradient(ellipse,#60dfff20 0 8%,transparent 9% 16%),radial-gradient(ellipse,var(--furiel-accent),transparent 68%);opacity:.6; }
.furiel-showcase.is-200 .furiel-showcase-pool { animation-duration:3.3s; }
.furiel-showcase.is-200 .furiel-showcase-pool img { animation-duration:2.9s; }
.furiel-spore-projectile .furiel-flight-motif { position:absolute;width:43px;height:43px;left:-22px;top:-48px;overflow:visible; }
.furiel-spore-card-impact .furiel-hit-motifs { position:absolute;inset:7%; }
.furiel-hit-motifs .furiel-motif { width:40px;height:40px;animation:furielMotifReveal 950ms ease-out var(--fm-delay) both; }
@keyframes furielMotifFloat { from { transform:translateY(3px);opacity:.65; } to { transform:translateY(-8px);opacity:1; } }
@keyframes furielBeat { from { transform:scaleY(.45); } to { transform:scaleY(1); } }
@keyframes furielShowcaseFade { 0% {opacity:0;scale:.84} 17% {opacity:1;scale:1.03} 34% {scale:1} 78% {opacity:.95} 100% {opacity:0;scale:1.05} }
@keyframes furielShowcaseArc { from {scale:.35;opacity:0;transform:rotate(-40deg)} 25% {opacity:1} to {scale:1.1;opacity:0;transform:rotate(65deg)} }
@keyframes furielShieldAssemble { from {scale:1.3;opacity:0;stroke-dasharray:14 20} 38% {scale:.95;opacity:1;stroke-dasharray:14 0} 68% {scale:1;opacity:.9} to {scale:1.08;opacity:0;stroke-dasharray:14 0} }
@keyframes furielNewSprout { 0% {opacity:0;transform:translateY(24px) scale(.25)} 33% {opacity:1;transform:translateY(-3px) scale(1.12)} 70% {opacity:1;transform:translateY(0) scale(1)} 100% {opacity:0;transform:translateY(-15px) scale(1.04)} }
@keyframes furielMotifReveal { 0% {opacity:0;scale:.25;transform:translateY(15px)} 25% {opacity:1;scale:1.08} 70% {opacity:1;scale:1} 100% {opacity:0;scale:1.15;transform:translateY(-18px)} }
@keyframes furielPoolBloom { 0% {opacity:0;scale:.45} 23% {opacity:1;scale:1.04} 74% {opacity:.9;scale:1} 100% {opacity:0;scale:1.08} }
@media(prefers-reduced-motion:reduce) { .furiel-field-motifs .furiel-motif,.furiel-field-equalizer i { animation:none; } .furiel-showcase * { animation-duration:600ms!important;animation-delay:0ms!important; } }

/* BI4 prestige: actual SVG crowns, champagne flutes and diamond pendants
   sit around the original musical stage, never intercepting game input. */
.furiel-vip-decor { position:absolute;inset:0;pointer-events:none; }
.furiel-vip-crown { position:absolute;left:50%;top:-19%;width:72px;height:72px;translate:-50% 0;overflow:visible;filter:drop-shadow(0 0 7px #fcdeb1);animation:furielVipCoronation 2.1s ease-out both; }
.furiel-vip-sign { position:absolute;left:50%;top:4%;translate:-50% 0;padding:4px 12px;border:1px solid #fcdeb1b3;border-radius:20px;color:#FEFAFE;background:linear-gradient(135deg,#673418d9,#291409cc);font:900 12px/1.2 Outfit,Arial,sans-serif;letter-spacing:.2em;white-space:nowrap;box-shadow:0 0 14px #fcdeb177,inset 0 1px 0 #fefafe66;animation:furielVipCoronation 2.1s ease-out both; }
.furiel-vip-jewel { position:absolute;left:var(--vip-x);top:var(--vip-y);width:46px;height:46px;translate:-50% -50%;overflow:visible;filter:drop-shadow(0 0 6px #fcdeb1);animation:furielVipJewelRise 2s ease-out calc(var(--vip-i) * 65ms) both; }
.furiel-vip-ribbon { position:absolute;inset:20% -12%;border:3px double #FCDEB1;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;rotate:calc(-34deg + var(--vip-i) * 32deg);filter:drop-shadow(0 0 5px #fcdeb166);animation:furielVipRibbon 2s ease-out calc(var(--vip-i) * 80ms) both; }
.furiel-vip-ribbon:nth-of-type(2) { inset:28% -18%;border-color:#FEFAFE;border-right-color:transparent;border-top-color:transparent; }
.furiel-vip-ribbon:nth-of-type(3) { inset:36% -8%;border-color:#BE9368;border-left-color:transparent;border-bottom-color:transparent; }
.furiel-vip-decor.is-field .furiel-vip-crown { top:17%;width:51px;height:51px;opacity:.82;animation:furielVipJewelFloat 3.2s ease-in-out infinite alternate; }
.furiel-vip-decor.is-field .furiel-vip-sign { top:34%;font-size:10px;opacity:.78;animation:none; }
.furiel-vip-decor.is-field .furiel-vip-jewel { width:34px;height:34px;opacity:.7;animation:furielVipJewelFloat 3s ease-in-out calc(var(--vip-i) * -.37s) infinite alternate; }
.furiel-vip-decor.is-field .furiel-vip-ribbon { inset:36% 2% 4%;opacity:.4;animation:furielVipArcShimmer 4s ease-in-out calc(var(--vip-i) * -.8s) infinite alternate; }
.furiel-vip-decor.is-scene .furiel-vip-crown { top:3%;width:100px;height:100px; }
.furiel-vip-decor.is-scene .furiel-vip-sign { top:23%;font-size:clamp(12px,2vw,24px);padding:8px 22px; }
.furiel-vip-decor.is-scene .furiel-vip-jewel { width:clamp(36px,5vw,70px);height:clamp(36px,5vw,70px); }
.furiel-vip-decor.is-scene .furiel-vip-ribbon { inset:18% 6% 20%;border-width:4px; }
.furiel-showcase.is-200 .furiel-vip-decor.is-target .furiel-vip-crown,
.furiel-showcase.is-200 .furiel-vip-decor.is-target .furiel-vip-sign,
.furiel-showcase.is-200 .furiel-vip-decor.is-target .furiel-vip-jewel,
.furiel-showcase.is-200 .furiel-vip-decor.is-target .furiel-vip-ribbon { animation-duration:3.1s; }
.furiel-vip-bubbles { position:absolute;inset:12% 10%;background:radial-gradient(circle at 15% 72%,#fefafedd 0 2px,transparent 3px),radial-gradient(circle at 38% 85%,#fcdeb1ee 0 3px,transparent 4px),radial-gradient(circle at 64% 67%,#edd7afdd 0 2px,transparent 3px),radial-gradient(circle at 87% 89%,#fefafeee 0 3px,transparent 4px);filter:drop-shadow(0 0 4px #fcdeb1);animation:furielVipBubbles 1.8s ease-out both; }
.furiel-colony-tooltip--bi4Upgrade::after { content:"♛  VIP  ◇  ♪";color:#fcdeb15e;letter-spacing:.22em; }
.furiel-colony-tooltip--bi4Upgrade header em { color:#EDD7AF; }
.furiel-colony-garden[data-furiel-theme="bi4Upgrade"] .furiel-colony-garden__stage::after { content:" · VIP";color:#FCDEB1;font-size:.85em;letter-spacing:.08em; }
.furiel-colony-garden[data-furiel-theme="bi4Upgrade"]::before { background:linear-gradient(115deg,transparent 38%,#fefafe66 47%,#fcdeb177 52%,#edd7af44 57%,transparent 64%);background-size:280% 100%; }
.furiel-showcase[data-furiel-theme="bi4Upgrade"].is-198 .furiel-showcase-pool::before { background:repeating-radial-gradient(ellipse,#fcdeb12e 0 8%,transparent 9% 16%),radial-gradient(ellipse,#673418aa,transparent 68%); }
.furiel-showcase[data-furiel-theme="bi4Upgrade"].is-199 .furiel-vip-decor.is-target .furiel-vip-crown { top:-25%; }
.furiel-showcase[data-furiel-theme="bi4Upgrade"] .furiel-showcase-motifs .furiel-motif { filter:drop-shadow(0 0 5px #fcdeb199); }
@keyframes furielVipCoronation { 0% {opacity:0;transform:translateY(-24px) scale(.65)} 24% {opacity:1;transform:translateY(0) scale(1.1)} 38%,76% {opacity:1;transform:translateY(0) scale(1)} 100% {opacity:0;transform:translateY(-12px) scale(1.08)} }
@keyframes furielVipJewelRise { 0% {opacity:0;transform:translateY(35px) rotate(-12deg) scale(.4)} 25% {opacity:.95;transform:translateY(0) rotate(7deg) scale(1.08)} 72% {opacity:.85} 100% {opacity:0;transform:translateY(-45px) rotate(-6deg) scale(1.15)} }
@keyframes furielVipRibbon { 0% {opacity:0;scale:.3;transform:rotate(-40deg)} 25% {opacity:.85} 78% {opacity:.65} 100% {opacity:0;scale:1.12;transform:rotate(42deg)} }
@keyframes furielVipJewelFloat { from {transform:translateY(3px) rotate(-4deg);opacity:.52} to {transform:translateY(-9px) rotate(4deg);opacity:.88} }
@keyframes furielVipArcShimmer { from {opacity:.23;transform:rotate(-4deg)} to {opacity:.56;transform:rotate(5deg)} }
@keyframes furielVipBubbles { 0% {opacity:0;transform:translateY(12px)} 20% {opacity:.9} 100% {opacity:0;transform:translateY(-105px)} }
@media(prefers-reduced-motion:reduce) {
    .furiel-vip-decor.is-field * { animation:none!important; }
    .furiel-vip-decor:not(.is-field) * { animation-duration:600ms!important;animation-delay:0ms!important; }
}
