.clioxa-combat-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:10030}
.clioxa-ice-protected{outline:1px solid #b8f7ff;outline-offset:2px}
.clioxa-universe-bound{outline:1px solid #b39aff;outline-offset:2px}
.clioxa-card-fx{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden;border-radius:inherit;animation:clioxaArrive .6s ease-out both}
.clioxa-card-veil{position:absolute;inset:0;border-radius:inherit;border:2px solid #beefffb0;background:linear-gradient(115deg,#a6ecff50,transparent 30%,transparent 66%,#73cbff55),radial-gradient(ellipse at 50% 45%,transparent 35%,#308ccc30 72%,#a8faff88);box-shadow:inset 0 0 24px #7fdfff65;animation:clioxaBreathe 3.8s ease-in-out infinite}
.clioxa-card-fx svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#c4f7ff;stroke-width:1.4;filter:drop-shadow(0 0 3px #48cfff)}
.clioxa-facet{fill:#8beaff0b;stroke:#cafaff9c;stroke-width:1}
.clioxa-orbit{stroke-dasharray:20 12 3 14;animation:clioxaOrbit 7s linear infinite;opacity:.65}
.clioxa-orbit--cross{transform:rotate(-20deg);transform-origin:100px 150px;animation-direction:reverse;stroke:#9bdcff;opacity:.45}
.clioxa-crown{fill:#9defff40;stroke:#efffff;stroke-width:2}
.clioxa-cracks{stroke:#e5ffffb0;stroke-width:1.2}
.clioxa-card-stars{position:absolute;inset:0}
.clioxa-card-stars i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:#e9ffff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:clioxaStars 3.2s var(--d) ease-in-out infinite}
.clioxa-card-fx--universe .clioxa-card-veil{border-color:#ae99ffb0;background:radial-gradient(ellipse at 50% 48%,#10113708 25%,#170e5b33 55%,#8465cc70 85%,#a0eaff99);box-shadow:inset 0 0 24px #7054da75}
.clioxa-card-fx--universe svg{stroke:#c4afff;filter:drop-shadow(0 0 3px #9169ff)}
.clioxa-card-fx--universe .clioxa-facet{opacity:.35}
.clioxa-card-fx--universe .clioxa-orbit{stroke-width:2;stroke:#dfcaff;animation-duration:5s}
.clioxa-card-fx--universe .clioxa-orbit--cross{stroke:#8beaff;animation-duration:8s}
.clioxa-card-fx--universe .clioxa-cracks{stroke:#b9d5ff;stroke-dasharray:14 6;animation:clioxaOrbit 4s linear infinite}
.clioxa-seal{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);font-size:36px;line-height:1;color:#e3dcff;text-shadow:0 0 10px #b080ff,0 0 24px #63d9ff;animation:clioxaBreathe 3s ease-in-out infinite}
@keyframes clioxaArrive{from{opacity:0}to{opacity:1}}
@keyframes clioxaBreathe{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes clioxaOrbit{to{stroke-dashoffset:-196}}
@keyframes clioxaStars{0%,100%{opacity:.2;transform:translateY(5px) scale(.65)}50%{opacity:1;transform:translateY(-5px) scale(1.2)}}
body.v3-vfx-disabled .clioxa-card-fx{display:none}
@media(prefers-reduced-motion:reduce){.clioxa-card-fx,.clioxa-card-fx *{animation:none!important}.clioxa-card-stars i{opacity:.6}}