.hys-player {
  --hys-accent: #e11d48;
  max-width: 1100px;
  margin: 1.5rem auto;
  border-radius: 14px;
  overflow: hidden;
  background: #0b0b0f;
  color: #f4f4f5;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
}

.hys-player__frame { position: relative; background: #000; }
.hys-player--video .hys-player__frame { aspect-ratio: 16 / 9; }
.hys-player--video video { width: 100%; height: 100%; display: block; object-fit: contain; background: #000; }
.hys-player--audio .hys-player__frame { padding: 1.25rem; min-height: 5.5rem; }
.hys-player--audio audio { width: 100%; }

.hys-player__offline {
  position: absolute; inset: 0;
  display: none; flex-direction: column; align-items: center; justify-content: center;
  gap: .35rem; text-align: center; padding: 1rem;
  background: radial-gradient(circle at center, #1c1c24 0%, #0b0b0f 70%);
}
.hys-player__offline strong { font-size: clamp(1.1rem, 3vw, 1.6rem); letter-spacing: .02em; }
.hys-player__offline span { opacity: .7; font-size: .9rem; }
.hys-player[data-state="offline"] .hys-player__offline,
.hys-player[data-state="unsupported"] .hys-player__offline { display: flex; }

.hys-player__unmute {
  position: absolute; left: 1rem; bottom: 3.5rem;
  border: 0; border-radius: 999px; padding: .55rem 1rem;
  background: rgba(0, 0, 0, .7); color: #fff; font-weight: 600; cursor: pointer;
}
.hys-player:not([data-state="live"]) .hys-player__unmute { display: none; }

.hys-player__bar { display: flex; align-items: center; gap: .75rem; padding: .7rem 1rem; font-size: .95rem; }
.hys-player__badge {
  background: #3f3f46; color: #fff; font-weight: 700; font-size: .72rem;
  letter-spacing: .08em; padding: .2rem .55rem; border-radius: 4px;
}
.hys-player[data-state="live"] .hys-player__badge { background: var(--hys-accent); animation: hys-pulse 2s infinite; }
.hys-player[data-state="offline"] .hys-player__badge { opacity: .4; }

@keyframes hys-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .6; } }
@media (prefers-reduced-motion: reduce) { .hys-player__badge { animation: none !important; } }