.ru-hidden { display: none !important; }

.ru-bar{
  position: fixed;
  left:0; right:0; bottom:0;
  z-index:999999;
  background: rgba(120, 16, 16, 0.98);
  color:#fff;
  padding: 14px 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  box-shadow: 0 -8px 25px rgba(0,0,0,0.35);
  font-family: Arial, sans-serif;
}

.ru-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width: 230px;
}

.ru-live{
  background:#ff2d2d;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .5px;
}

.ru-title{ font-weight: 800; font-size: 14px; line-height: 1.2; }
.ru-subtitle{ font-size: 12px; opacity: .9; }

.ru-center{ display:flex; align-items:center; gap:10px; }

.ru-btn{
  border: none;
  cursor:pointer;
  color:#fff;
  background: rgba(255,255,255,0.18);
  border-radius: 999px;
  padding: 10px 14px;
  font-size: 14px;
  transition: transform .08s ease, background .2s ease;
}
.ru-btn:hover{ background: rgba(255,255,255,0.25); }
.ru-btn:active{ transform: scale(0.96); }

.ru-close{
  background: rgba(0,0,0,0.25);
}

.ru-open{
  border:none;
  background:#d50000;
  color:#fff;
  font-weight:800;
  padding: 12px 18px;
  border-radius: 10px;
  cursor:pointer;
}
.ru-open:hover{ opacity: .95; }

body { padding-bottom: 80px; }