/* Field layout pass: tally bottom-left, everything else bottom-right. */

#round-tally{display:block !important;background-repeat:no-repeat !important;background-size:contain !important;
  font-size:0 !important;text-shadow:none !important;transform:rotate(-2deg) !important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.85)) !important}
#round-num{display:block !important;font:900 76px/1 "Arial Black",Impact,sans-serif !important;
  color:#e8e2d2 !important;font-style:italic !important;letter-spacing:-.02em !important;
  text-shadow:3px 4px 0 rgba(0,0,0,.85),0 0 18px rgba(0,0,0,.9) !important;transform:skew(-7deg) !important}
#round-num:before{content:"" !important;display:none !important}

/* points sit on a painted red smear, above the weapon block */
#points-box{left:auto !important;right:22px !important;top:auto !important;bottom:166px !important;
  width:206px !important;height:68px !important;padding:0 !important;text-align:center !important;
  background-repeat:no-repeat !important;background-size:100% 100% !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.7)) !important}
#points-box:before{display:none !important}
#points{font:800 31px/1 "Arial Narrow","Franklin Gothic Medium",sans-serif !important;color:#f2ece0 !important;
  letter-spacing:.02em !important;text-shadow:2px 2px 3px rgba(0,0,0,.8) !important;transform:skew(-5deg)}
#points:after{content:"" !important;display:none !important}

#ammo-box{right:32px !important;bottom:24px !important;text-align:right !important}
#wpn-name{color:#ddd6c6 !important;font:700 15px/1 "Trebuchet MS","Segoe UI",sans-serif !important;
  letter-spacing:.02em !important;text-transform:none !important;margin-bottom:4px !important;
  text-shadow:1px 2px 3px #000 !important}
#wpn-name.pap{color:#8fd8ff !important}
#ammo-line{color:#e4ddcb !important}
#ammo-mag{font-size:44px !important}
#ammo-res{font-size:30px !important;color:#e4ddcb !important}
#nade-pips{margin-top:2px !important}

/* grenade pictogram + count, tucked between the weapon name and the ammo */
#nade-box{position:absolute;right:32px;bottom:110px;display:flex;align-items:center;gap:7px;
  justify-content:flex-end;filter:drop-shadow(0 2px 2px rgba(0,0,0,.8))}
#nade-icon{width:19px;height:19px;opacity:.9}
#nade-count{color:#ddd6c6;font:700 17px/1 "Trebuchet MS",sans-serif;text-shadow:1px 2px 3px #000}

/* perk badges above the tally */
#perks{left:36px !important;right:auto !important;bottom:132px !important;flex-direction:row !important;gap:6px !important}

/* gold point popups and the plain white reload prompt, as in the original */
.ppop{font:800 25px/1 "Arial Narrow","Franklin Gothic Medium",sans-serif !important;color:#f2c14a !important;
  text-shadow:2px 2px 3px rgba(0,0,0,.9) !important}
#reload-tip{top:auto !important;bottom:34% !important;color:#f0ebdd !important;
  font:700 21px/1 "Trebuchet MS","Segoe UI",sans-serif !important;letter-spacing:.02em !important;
  text-transform:none !important;text-shadow:1px 2px 4px #000 !important}
#reload-tip:before{content:"" !important}#reload-tip:after{content:"" !important}

/* dread overlays: a closing vignette and a colour drain, both pure CSS */
/* A plain alpha wash, deliberately NOT mix-blend-mode:saturation — that is a
   non-separable blend, so the compositor has to read back the whole backdrop
   every frame. This costs nothing and reads almost the same. */
#dread-grey{position:fixed;inset:0;pointer-events:none;z-index:38;opacity:0;transition:opacity .5s;
  background:linear-gradient(rgba(84,88,96,.5),rgba(66,70,78,.5))}
#dread-vig{position:fixed;inset:0;pointer-events:none;z-index:44;opacity:0;
  background:radial-gradient(ellipse at center,transparent 18%,rgba(0,0,0,.55) 56%,#000 96%)}