/* Ceralia V3 / Codex: material effects without effect-name labels. */
.ceralia-combat-canvas { position:fixed; inset:0; width:100%; height:100%; z-index:120; pointer-events:none; }
.ceralia-porcelain-impact { position:absolute; inset:0; border-radius:inherit; z-index:46; pointer-events:none; overflow:hidden; animation:crPorcelainHit .8s ease-out both; box-shadow:inset 0 0 0 2px #fff5cf,inset 0 0 45px #ddae57b0,0 0 28px #efc97585; }
.ceralia-porcelain-impact b { position:absolute; inset:0; background:radial-gradient(ellipse at 50% 42%,#fff9d9b0,transparent 57%); animation:crImpactFlash .3s ease-out both; }
.ceralia-porcelain-impact em { position:absolute; width:90%; aspect-ratio:1; left:5%; top:12%; background:repeating-conic-gradient(from 12deg,transparent 0deg 42deg,#efd180 43deg 44deg,transparent 45deg 60deg); clip-path:polygon(50% 46%,5% 3%,43% 47%,22% 1%,50% 42%,74% 0,56% 45%,100% 22%,60% 50%,100% 80%,55% 57%,68% 100%,49% 57%,12% 94%,43% 52%,0 38%); }
.ceralia-porcelain-impact i { position:absolute; left:50%; top:42%; width:17%; height:7%; background:linear-gradient(145deg,#ffffef 0%,#ebe4d3 42%,#7eaaa0 47%,#fcf5e2 53%,#a3b1ad 100%); border:1px solid #edc269; clip-path:polygon(0 14%,88% 0,100% 72%,36% 100%); transform:rotate(var(--angle)); animation:crImpactShard .72s cubic-bezier(.12,.65,.22,1) both; }
.ceralia-porcelain-impact.is-heal { box-shadow:inset 0 -30px 45px -20px #f7d984,inset 0 0 0 1px #eddb9b; }
.ceralia-porcelain-impact.is-heal em,.ceralia-porcelain-impact.is-heal i,.ceralia-porcelain-impact.is-mist em,.ceralia-porcelain-impact.is-mist i { display:none; }
.ceralia-porcelain-impact.is-mist { box-shadow:inset 0 0 45px #83bfa281,inset 0 0 0 2px #c4d49c; }
.ceralia-porcelain-impact.is-echo { box-shadow:inset 0 0 22px #66a18580,0 0 18px #e2bd6b; }
.ceralia-porcelain-impact.is-fist { box-shadow:inset 0 0 0 4px #fff5d3,inset 0 0 60px #dfad62bd,0 0 45px #f4c877; }
.ceralia-ceremony-ribbon,.ceralia-bleed-inlay,.ceralia-feast-inlay { position:absolute; inset:0; pointer-events:none; border-radius:inherit; overflow:hidden; z-index:6; }
.ceralia-ceremony-ribbon { background:radial-gradient(ellipse at 50% 100%,#d9a84a28,transparent 60%); }
.ceralia-ceremony-ribbon i { position:absolute; left:calc(12% + var(--i) * 14%); bottom:3%; width:14%; height:38%; border-left:2px solid #ffe9af; border-radius:50%; filter:drop-shadow(0 0 4px #d9a84a); opacity:0; animation:crCeremonySteam 3.2s ease-in-out infinite; animation-delay:calc(var(--i) * -.45s); }
.ceralia-bleed-inlay i { position:absolute; top:calc(18% + var(--i) * 18%); left:3%; width:13px; height:29px; background:linear-gradient(130deg,#fffdf1 10%,#a0b9b1 65%,#cc944b); clip-path:polygon(10% 0,100% 30%,38% 100%,0 32%); filter:drop-shadow(0 3px 2px #b96a33); }
.ceralia-bleed-inlay i:nth-child(even) { left:auto; right:3%; transform:rotate(110deg); }
.ceralia-feast-inlay i { position:absolute; bottom:4%; left:calc(36% + var(--i) * 10%); width:13px; height:17px; border:1px solid #e8c578; border-radius:65% 35%; background:linear-gradient(130deg,#f7f2df,#8fad99); transform:rotate(calc(var(--i) * 65deg)); box-shadow:0 0 9px #e5be6b60; }
.ceralia-illusion-veil__mist { background:radial-gradient(ellipse at 50% 95%,#72a68b45,transparent 52%) !important; }
.ceralia-illusion-veil__cup { filter:drop-shadow(0 1px 2px #233e31) drop-shadow(0 0 9px #b8d3a8); opacity:.65; }
.ceralia-false-feast .ceralia-illusion-veil__cup { filter:drop-shadow(11px -7px 0 #b4cda647) drop-shadow(0 0 12px #ead08c); }
.ceralia-teapot-meter__cups i.is-on .cr-cup-tea { animation:crTeaFill .5s ease-out; }
.ceralia-teapot-meter.is-consume .ceralia-teapot-meter__cups i { animation:crCupPour .6s ease-in-out; }
@keyframes crPorcelainHit { 0% {opacity:0} 8% {opacity:1} 70% {opacity:.65} 100% {opacity:0} }
@keyframes crImpactFlash { from {opacity:1} to {opacity:0} }
@keyframes crImpactShard { 0% {opacity:0;transform:rotate(var(--angle)) translateX(10px) scale(.3)} 12% {opacity:1} 100% {opacity:0;transform:rotate(calc(var(--angle) + 35deg)) translateX(calc(100px * var(--cr-force))) translateY(22px) scale(.7)} }
@keyframes crCeremonySteam { 0% {opacity:0;transform:translateY(20%) rotate(-12deg) scaleX(.5)} 40% {opacity:.6} 100% {opacity:0;transform:translateY(-65%) rotate(14deg) scaleX(1.5)} }
@keyframes crTeaFill { from {opacity:.2;transform:translateY(3px) scaleY(.2)} to {opacity:1;transform:none} }
@keyframes crCupPour { 40% {transform:rotate(-28deg) translateY(-3px)} }
body.v3-vfx-disabled .ceralia-porcelain-impact,body.v3-vfx-disabled .ceralia-ceremony-ribbon,body.v3-vfx-disabled .ceralia-bleed-inlay,body.v3-vfx-disabled .ceralia-feast-inlay { display:none; }
body.bf-vfx-suspended .ceralia-ceremony-ribbon * { animation-play-state:paused; }
@media(prefers-reduced-motion:reduce) {
    .ceralia-ceremony-ribbon i { animation:none;opacity:.3; }
    .ceralia-porcelain-impact i { display:none; }
    .ceralia-porcelain-impact { animation-duration:.25s; }
    .ceralia-teapot-meter__cups i,.ceralia-teapot-meter__cups .cr-cup-tea { animation:none!important; }
}
.ceralia-porcelain-impact[data-cr-theme="kristaly"] { box-shadow:inset 0 0 0 2px #fff8fe,inset 0 0 45px #7170da85,0 0 30px #febaf480; }
.ceralia-porcelain-impact[data-cr-theme="kristaly"] b { background:radial-gradient(ellipse at 50% 42%,#febaf499,#8da7e730 30%,transparent 60%); }
.ceralia-porcelain-impact[data-cr-theme="kristaly"] i { background:linear-gradient(130deg,#fff8fe,#febaf4 27%,#8da7e7 49%,#fff8fe 52%,#7170da);border-color:#f4ddb5;clip-path:polygon(50% 0,95% 34%,73% 85%,40% 100%,0 40%); }
[data-cr-theme="kristaly"] .ceralia-ceremony-ribbon { background:radial-gradient(ellipse at 50% 100%,#febaf433,transparent 65%); }
[data-cr-theme="kristaly"] .ceralia-ceremony-ribbon i { border-color:#febaf4;filter:drop-shadow(0 0 4px #8da7e7); }
[data-cr-theme="kristaly"] .ceralia-feast-inlay i { background:linear-gradient(135deg,#fff8fe,#febaf4,#8da7e7);border-color:#f4ddb5; }

/* Elegáns Ceralia: onyx edges and emerald diamond impacts. */
.ceralia-porcelain-impact[data-cr-theme="elegans"] { box-shadow:inset 0 0 0 2px #e9c779,inset 0 0 46px #18d39285,0 0 30px #00ffe45c; }
.ceralia-porcelain-impact[data-cr-theme="elegans"] b { background:radial-gradient(ellipse at 50% 42%,#ffffe2b0,#18d39240 35%,transparent 62%); }
.ceralia-porcelain-impact[data-cr-theme="elegans"] em { background:repeating-conic-gradient(from 12deg,transparent 0deg 42deg,#00ffe4 43deg 44deg,transparent 45deg 60deg); }
.ceralia-porcelain-impact[data-cr-theme="elegans"] i { background:linear-gradient(135deg,#ffffe2,#18d392 30%,#10362a 47%,#00ffe4 50%,#27735d 80%);border-color:#e9c779;clip-path:polygon(50% 0,100% 35%,70% 85%,50% 100%,30% 85%,0 35%); }
[data-cr-theme="elegans"] .ceralia-ceremony-ribbon { background:radial-gradient(ellipse at 50% 100%,#18d39233,transparent 65%); }
[data-cr-theme="elegans"] .ceralia-ceremony-ribbon i { border-color:#00ffe4;filter:drop-shadow(0 0 5px #18d392); }
[data-cr-theme="elegans"] .ceralia-feast-inlay i { background:linear-gradient(135deg,#ffffe2,#18d392,#10362a);border-color:#e9c779;clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%);border-radius:0; }
[data-cr-theme="elegans"] .ceralia-bleed-inlay i { background:linear-gradient(130deg,#ffffe2,#00ffe4 35%,#10362a 75%);filter:drop-shadow(0 0 4px #18d392); }
.ceralia-porcelain-impact[data-cr-theme="rend"] { box-shadow:inset 0 0 0 2px #b1695e,inset 0 0 46px #4f0008ad,0 0 30px #b41d2666; }
.ceralia-porcelain-impact[data-cr-theme="rend"] b { background:radial-gradient(ellipse at 50% 42%,#e4435480,#4f000840 35%,transparent 62%); }
.ceralia-porcelain-impact[data-cr-theme="rend"] em { background:repeating-conic-gradient(from 12deg,transparent 0deg 42deg,#b41d26 43deg 44deg,transparent 45deg 60deg); }
.ceralia-porcelain-impact[data-cr-theme="rend"] i { background:linear-gradient(135deg,#e8ddeb,#b41d26 28%,#1c1315 47%,#b1695e 50%,#2d0000 80%);border-color:#b1695e;clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%); }
[data-cr-theme="rend"] .ceralia-ceremony-ribbon { background:radial-gradient(ellipse at 50% 100%,#b41d2633,transparent 65%); }
[data-cr-theme="rend"] .ceralia-ceremony-ribbon i { border-color:#b41d26;filter:drop-shadow(0 0 5px #9484ba); }
[data-cr-theme="rend"] .ceralia-feast-inlay i { background:linear-gradient(135deg,#b1695e,#b41d26,#1c1315);border-color:#b1695e;clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%);border-radius:0; }
[data-cr-theme="rend"] .ceralia-bleed-inlay i { background:linear-gradient(130deg,#d8cedc,#b41d26 35%,#1c1315 75%);filter:drop-shadow(0 0 4px #b41d26); }
.ceralia-ceremony-ribbon[data-cr-theme="rend"] { background:radial-gradient(ellipse at 50% 100%,#b41d2633,transparent 65%); }
.ceralia-ceremony-ribbon[data-cr-theme="rend"] i { border-color:#b41d26;filter:drop-shadow(0 0 5px #9484ba); }
.ceralia-feast-inlay[data-cr-theme="rend"] i { background:linear-gradient(135deg,#b1695e,#b41d26,#1c1315);border-color:#b1695e;clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%);border-radius:0; }
.ceralia-bleed-inlay[data-cr-theme="rend"] i { background:linear-gradient(130deg,#d8cedc,#b41d26 35%,#1c1315 75%);filter:drop-shadow(0 0 4px #b41d26); }