/* NIGHT ECHO 3D — additions on top of ../styles.css */

.badge3d {
  display: inline-block;
  font-size: .38em;
  vertical-align: super;
  letter-spacing: .12em;
  padding: .12em .45em;
  margin-left: .2em;
  border: 1px solid var(--green);
  border-radius: 4px;
  color: var(--green);
  text-shadow: 0 0 10px rgba(89,255,158,.6);
}

#vignette3d, #nv3d, #hurt3d {
  position: absolute; inset: 0; pointer-events: none;
}
#vignette3d {
  background: radial-gradient(ellipse at center, rgba(0,0,0,0) 55%, rgba(0,0,0,.42) 100%);
}
#nv3d {
  opacity: 0;
  transition: opacity .18s;
  background:
    repeating-linear-gradient(to bottom, rgba(0,20,10,.13) 0 1px, transparent 1px 3px),
    radial-gradient(ellipse at center, rgba(20,110,60,.14) 30%, rgba(0,12,6,.78) 100%);
  mix-blend-mode: normal;
}
#nv3d.on { opacity: 1; }
#hurt3d {
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(120,0,20,0) 40%, rgba(150,10,30,.6) 100%);
}

.icon-btn.view3d { margin-right: 6px; font-size: 16px; }
.hud-top { align-items: flex-start; }