/* Corrosion: kept thin on purpose so auras, the player and the HUD stay easy to see. See js/ui/corrosion.js. */
#corrofx { position: fixed; inset: 0; z-index: 2; display: none; pointer-events: none; overflow: hidden; }
body.biome-Corrosion #corrofx { display: block; animation: corrofade 3s ease-out; }
#corrofx i { position: absolute; inset: 0; display: block; }
.ctint { background: linear-gradient(rgba(40, 70, 10, .16), rgba(8, 20, 4, .26)); mix-blend-mode: multiply; }
.cveins { opacity: .5; background:
  repeating-linear-gradient(62deg, transparent 0 46px, rgba(150, 255, 60, .05) 47px 48px, transparent 49px 120px),
  repeating-linear-gradient(-28deg, transparent 0 70px, rgba(150, 255, 60, .04) 71px 72px, transparent 73px 170px),
  radial-gradient(ellipse at 50% 50%, transparent 58%, rgba(6, 18, 2, .4)); mix-blend-mode: screen; }
.cflick { background: radial-gradient(ellipse at 30% 70%, rgba(130, 60, 190, .5), transparent 55%); opacity: 0; animation: corroflick 17s linear infinite; }
#corrofx .rad { position: absolute; bottom: -40px; font-size: 54px; line-height: 1; color: #9be15d; opacity: .1; animation: corroup 9s linear forwards; }
@keyframes corrofade { from { opacity: 0; } to { opacity: 1; } }
@keyframes corroflick { 0%, 86%, 100% { opacity: 0; } 89% { opacity: .08; } 91% { opacity: .02; } 94% { opacity: .07; } }
@keyframes corroup { to { transform: translateY(-115vh) rotate(25deg); } }
@media (prefers-reduced-motion: reduce) { .cflick, #corrofx .rad { animation: none !important; } }