body.zone-a #vignette {
  background:
    radial-gradient(ellipse at center, transparent 58%, rgba(46, 26, 6, 0.5) 100%),
    linear-gradient(rgba(255, 166, 60, 0.045), rgba(255, 166, 60, 0.045));
}
body.zone-a #grain { opacity: 0.03; }



body.zone-b #vignette {
  background:
    radial-gradient(ellipse at center, transparent 58%, rgba(46, 26, 6, 0.5) 100%),
    linear-gradient(rgba(255, 166, 60, 0.045), rgba(255, 166, 60, 0.045));
}
body.zone-b #grain { opacity: 0.03; }



body.zone-c #vignette {
  background:
    radial-gradient(ellipse at center, transparent 58%, rgba(46, 26, 6, 0.5) 100%),
    linear-gradient(rgba(255, 166, 60, 0.045), rgba(255, 166, 60, 0.045));
}
body.zone-c #grain { opacity: 0.03; }



body.zone-d #vignette {
  background:
    radial-gradient(ellipse at center, transparent 58%, rgba(46, 26, 6, 0.5) 100%),
    linear-gradient(rgba(255, 166, 60, 0.045), rgba(255, 166, 60, 0.045));
}
body.zone-d #grain { opacity: 0.03; }



#gas-mask-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  background: radial-gradient(ellipse at 38% 48%, transparent 16%, rgba(10,12,8,0.92) 22%),
              radial-gradient(ellipse at 62% 48%, transparent 16%, rgba(10,12,8,0.92) 22%);
}
body.gas-mask #gas-mask-overlay { display: block; }
 
body.gas-mask #gas-mask-overlay::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 38% 48%, rgba(180,200,180,0.06) 0%, transparent 14%),
    radial-gradient(ellipse at 62% 48%, rgba(180,200,180,0.06) 0%, transparent 14%);
  animation: gasCondensation 4s ease-in-out infinite alternate;
}
@keyframes gasCondensation {
  0%   { opacity: 0.4; }
  100% { opacity: 0.8; }
}