/* V5.1 — VALHÄNGET COMMUNITY LIVE PANEL */
body:not([data-pixel-layout="9"]) .v51Valhanget{
  position:absolute !important;
  left:25.8% !important;
  top:18px !important;
  width:48.2% !important;
  height:112px !important;
  z-index:240 !important;
  box-sizing:border-box !important;
  padding:10px 14px 9px !important;
  overflow:hidden !important;

  border:2px solid #19e9ff !important;
  background:
    linear-gradient(90deg,rgba(255,45,157,.09),transparent 28%,rgba(25,233,255,.07)),
    repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.025) 5px 6px),
    #04101e !important;

  box-shadow:
    5px 5px 0 #000,
    inset 0 0 0 1px rgba(255,45,157,.25),
    0 0 24px rgba(25,233,255,.08) !important;

  font-family:"Courier New",monospace !important;
  color:#fff !important;
  image-rendering:pixelated !important;
}

.v51Valhanget::after{
  content:"" !important;
  position:absolute !important;
  left:0;right:0;bottom:0;height:4px !important;
  background:linear-gradient(90deg,#ff2d9d,#7a2cff,#19e9ff,#ffe13d) !important;
}

.v51VhTop{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  height:24px !important;
}

.v51VhTitle{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
  color:#19e9ff !important;
  font:1000 12px/1 "Courier New",monospace !important;
  letter-spacing:.07em !important;
  white-space:nowrap !important;
}

.v51VhTitle b{
  color:#fff !important;
  font-size:14px !important;
}

.v51VhLive{
  flex:0 0 auto !important;
  padding:4px 7px !important;
  border:1px solid #56ffa1 !important;
  color:#56ffa1 !important;
  background:#061b14 !important;
  font:900 10px/1 "Courier New",monospace !important;
  box-shadow:2px 2px 0 #000 !important;
}

.v51VhLive::before{
  content:"●" !important;
  margin-right:5px !important;
  animation:v51Pulse 1.2s steps(2,end) infinite !important;
}
@keyframes v51Pulse{50%{opacity:.25}}

.v51VhMetrics{
  display:grid !important;
  grid-template-columns:1.15fr 1fr 1.2fr !important;
  gap:9px !important;
  height:54px !important;
  margin-top:6px !important;
}

.v51VhMetric{
  position:relative !important;
  min-width:0 !important;
  padding:6px 9px !important;
  border:1px solid rgba(25,233,255,.42) !important;
  background:rgba(3,14,29,.80) !important;
  box-shadow:inset 0 -3px 0 rgba(255,45,157,.06) !important;
}

.v51VhMetric span{
  display:block !important;
  color:#8eb6ca !important;
  font:900 8px/1 "Courier New",monospace !important;
  letter-spacing:.075em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.v51VhMetric strong{
  display:block !important;
  margin-top:4px !important;
  color:#fff !important;
  font:1000 22px/.95 "Courier New",monospace !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-shadow:2px 2px 0 #000 !important;
}

.v51VhMetric.isHot{
  border-color:#ff2d9d !important;
}
.v51VhMetric.isHot strong{
  color:#ff7ac8 !important;
}

.v51VhFoot{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-top:5px !important;
  height:13px !important;
  color:#b9d4e2 !important;
  font:900 8px/1 "Courier New",monospace !important;
  letter-spacing:.035em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
}

.v51VhFoot .v51Link{
  color:#ffe13d !important;
}

.v51Valhanget.v51Waiting .v51VhMetric strong{
  opacity:.78 !important;
}

.v51Valhanget.v51Flash{
  animation:v51Flash .45s steps(2,end) 4 !important;
}
@keyframes v51Flash{
  50%{
    border-color:#ffe13d;
    filter:brightness(1.25);
  }
}

/* vertical view: don't crowd the 9:16 header */
body[data-pixel-layout="9"] .v51Valhanget{
  display:none !important;
}