.slot-bar-live{
  max-width:760px;
  margin:30px auto;
  padding:22px;
  background:
    radial-gradient(circle at top left,rgba(255,215,0,.10),transparent 42%),
    linear-gradient(135deg,#000000,#0d0d0d 55%,#1a1a1a);
  border:1px solid rgba(212,175,55,.35);
  border-radius:18px;
  color:#fff;
  box-shadow:
    0 0 25px rgba(255,215,0,.22),
    inset 0 0 18px rgba(255,215,0,.04);
  position:relative;
  font-family:sans-serif;
}

.bar-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:20px;
}

.bar-head h2{
  color:#ffd700;
  font-size:20px;
  margin:0;
  text-shadow:0 0 10px rgba(255,215,0,.35);
}

.bar-head span{
  font-size:12px;
  font-weight:700;
  padding:5px 12px;
  border-radius:20px;
  color:#111;
  background:linear-gradient(to bottom,#fff4b0 0%,#ffd700 25%,#d4af37 50%,#8c6b2f 75%,#d4af37 100%);
  border:1px solid rgba(255,215,0,.55);
  box-shadow:
    0 0 12px rgba(255,215,0,.45),
    inset 0 1px 2px rgba(255,255,255,.4);
  animation:pulseLive 1.5s infinite;
}

@keyframes pulseLive{
  0%,100%{transform:scale(1);opacity:1;}
  50%{transform:scale(1.06);opacity:.75;}
}

.bar-chart{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.bar-item{
  display:flex;
  align-items:center;
  gap:12px;
}

.bar-name{
  width:140px;
  text-align:right;
  font-weight:600;
  color:#fff;
}

.bar-value{
  width:60px;
  text-align:left;
  font-weight:bold;
  color:#ffd700;
  text-shadow:0 0 8px rgba(255,215,0,.3);
}

.bar-info{
  width:160px;
  text-align:left;
  font-size:12px;
  color:#d4af37;
}

.bar-fill{
  flex:1;
  height:24px;
  border-radius:12px;
  background:#111111;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(212,175,55,.18);
  box-shadow:
    inset 0 0 8px rgba(0,0,0,.75),
    0 0 8px rgba(255,215,0,.06);
}

.bar-fill-inner{
  height:100%;
  width:0%;
  border-radius:12px;
  background:linear-gradient(90deg,#8c6b2f 0%,#d4af37 35%,#ffd700 65%,#fff4b0 100%);
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.35),
    0 0 12px rgba(255,215,0,.3);
  transition:width .8s ease;
}

.bar-name{
  width:170px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  font-weight:700;
  color:#fff;
}

.game-icon{
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(212,175,55,.5);
  border-radius:6px;
  background:linear-gradient(145deg,#000000,#1a1a1a);
  box-shadow:
    0 0 6px rgba(255,215,0,.3),
    inset 0 0 4px rgba(255,215,0,.15);
  color:#ffd700;
  font-size:12px;
  flex-shrink:0;
}