/* Round-survival HUD layer. */

/* ---------- Survival HUD layer ---------- */
#blood{position:fixed;inset:0;pointer-events:none;z-index:39;opacity:0;transition:opacity .35s;
  background-size:cover;background-position:center}
#round-splat{position:absolute;inset:0;pointer-events:none;opacity:0;background-size:cover;background-position:center}
#round-splat.play{animation:splat 2.4s ease-out forwards}
#round-splat.play.dogs{animation:splat-dogs 2.4s ease-out forwards}
@keyframes splat{0%{opacity:0;transform:scale(1.22)}12%{opacity:.72;transform:scale(1)}50%{opacity:.5}100%{opacity:0;transform:scale(1.03)}}
@keyframes splat-dogs{0%{opacity:0;filter:hue-rotate(-25deg) saturate(1.8);transform:scale(1.28)}
  10%{opacity:.8;transform:scale(1)}50%{opacity:.55}100%{opacity:0}}
#wpn-name.pap{color:#8fd8ff !important;text-shadow:0 0 11px rgba(90,200,255,.75),1px 1px 0 #000}
#nade-pips .monkey{color:#e8a13a}
#alt-wpns{position:absolute;right:37px;bottom:128px;text-align:right;display:flex;flex-direction:column;gap:3px}
.alt-wpn{color:#6d6a62;font:700 9px/1.5 "Courier New",monospace;letter-spacing:.13em;text-shadow:1px 1px 0 #000}
.alt-wpn b{color:#948d7d}
.alt-wpn.pap{color:#4d7b93}.alt-wpn.pap b{color:#8fd8ff}
#stam-box{position:absolute;left:34px;bottom:186px;width:148px;opacity:0;transition:opacity .3s}
#stam-bar{height:3px;background:rgba(8,10,10,.72);overflow:hidden;box-shadow:inset 0 0 4px #000}
#stam-fill{height:100%;width:100%;background:linear-gradient(90deg,#4a6a2a,#9ad14a);transition:width .08s linear}
#revive-bar{position:absolute;left:50%;bottom:25%;transform:translateX(-50%);width:290px;display:none;text-align:center}
#revive-bar .lbl{margin-bottom:5px;color:#8fc0ff;font:700 10px/1 "Courier New",monospace;letter-spacing:.3em;
  text-shadow:0 0 9px rgba(80,150,255,.65),1px 1px 0 #000}
#revive-track{height:5px;background:rgba(6,8,12,.85);overflow:hidden;box-shadow:inset 0 0 5px #000}
#revive-fill{height:100%;width:0%;background:linear-gradient(90deg,#2a4a9a,#6fa8ff);box-shadow:0 0 9px rgba(110,170,255,.75)}
.pill.pink{color:#e6a6c2;box-shadow:inset 3px 0 rgba(220,60,140,.8)}
.pill.orange{color:#e0b189;box-shadow:inset 3px 0 rgba(220,110,30,.8)}

/* ---------- classic round-survival HUD arrangement ----------
   round bottom-left, points above it, perk row above that, ammo bottom-right. */
#round-box{left:34px !important;right:auto !important;top:auto !important;bottom:26px !important;
  filter:drop-shadow(0 3px 2px #000)}
#round-tally{font-family:"Arial Black",Impact,sans-serif !important;color:#8c130b !important;
  font-size:52px !important;font-weight:900 !important;letter-spacing:2px !important;
  text-shadow:0 0 14px rgba(150,14,8,.9),2px 3px 0 #170403 !important;transform:skew(-9deg) rotate(-4deg) !important}
#round-num{font-family:"Arial Black",Impact,sans-serif !important;color:#8c130b !important;
  font:900 66px/1 "Arial Black",Impact,sans-serif !important;font-style:italic !important;letter-spacing:0 !important;
  text-shadow:0 0 15px rgba(150,14,8,.9),3px 4px 0 #170403 !important;transform:skew(-9deg) rotate(-4deg) !important}
#round-num:before{content:"" !important;display:none !important}
#points-box{left:36px !important;right:auto !important;top:auto !important;bottom:104px !important;
  padding:0 0 0 18px !important;text-align:left !important}
#points-box:before{left:0 !important;right:auto !important;top:7px !important;width:7px !important;height:23px !important;
  background:#7e1711 !important;transform:skew(-8deg) !important;box-shadow:0 0 7px rgba(130,18,12,.65) !important}
#points{font-family:"Arial Narrow","Franklin Gothic Medium",sans-serif !important;font-size:31px !important;
  font-weight:800 !important;color:#e2d9c0 !important;letter-spacing:.035em !important;text-shadow:2px 3px 2px #000 !important}
#points:after{content:"POINTS" !important;font-size:8px !important;letter-spacing:.22em !important;color:#6c6b61 !important}
#perks{left:34px !important;right:auto !important;bottom:150px !important;flex-direction:row !important;gap:7px !important}
.perk-chip{width:34px !important;height:34px !important;border-radius:50% !important;
  display:flex;align-items:center;justify-content:center;
  font:800 15px/1 Impact,"Arial Black",sans-serif !important;filter:none !important;
  box-shadow:0 2px 6px #000,inset 0 0 10px rgba(0,0,0,.75) !important}
#stam-box{left:34px !important;bottom:196px !important}
#alt-wpns{right:33px !important;bottom:136px !important}

/* ---------- Field layout: tally bottom-left, everything else bottom-right ---------- */
#round-box{left:36px !important;right:auto !important;top:auto !important;bottom:30px !important}