.akuma-stream-club {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 999999;
  width: min(430px, calc(100vw - 28px));
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 14px;
  background: #0b0d12;
  color: #eef2ff;
  box-shadow: 0 22px 70px rgba(0,0,0,.48);
  font: 13px/1.35 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  transition: width .2s ease, transform .2s ease;
  isolation: isolate;
}
.akuma-stream-club * { box-sizing: border-box; }
.akuma-stream-topbar,
.akuma-stream-footer,
.akuma-stream-community {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: #11141b;
}
.akuma-stream-topbar strong { font-size: 13px; white-space: nowrap; }
.akuma-stream-channel { color: #9aa5bc; }
.akuma-stream-online { margin-left: auto; color: #6ff0c1; font-size: 11px; white-space: nowrap; }
.akuma-stream-dot { width: 8px; height: 8px; border-radius: 50%; background: #58f0ba; box-shadow: 0 0 12px #58f0ba; flex: 0 0 auto; }
.akuma-stream-topbar button {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  background: #191d27;
  color: #fff;
  min-width: 31px;
  height: 28px;
  padding: 0 7px;
  cursor: pointer;
  font: inherit;
}
.akuma-stream-topbar button:hover { background: #232938; }
.akuma-stream-player { position: relative; aspect-ratio: 16/9; background: #06070a; }
.akuma-stream-club.akuma-platform-twitch .akuma-stream-player { aspect-ratio: auto; height: 300px; }
.akuma-stream-player iframe { display: block; width: 100%; height: 100%; border: 0; }
.akuma-stream-passive { height: 100%; min-height: 160px; display: grid; place-items: center; padding: 22px; text-align: center; color: #9aa5bc; }
.akuma-stream-community { background: #0e1118; color: #cbd4e8; font-size: 11px; border-top: 1px solid rgba(255,255,255,.07); }
.akuma-stream-community span { white-space: nowrap; }
.akuma-stream-community span + span { margin-left: 5px; }
.akuma-stream-badge { color: #ffd86b; font-weight: 700; }
.akuma-stream-event { margin-left: auto !important; padding: 3px 7px; border-radius: 999px; background: rgba(111,240,193,.1); color: #6ff0c1; overflow: hidden; text-overflow: ellipsis; }
.akuma-stream-footer { justify-content: space-between; color: #858fa5; font-size: 11px; }
.akuma-stream-footer a { color: #6ff0c1; text-decoration: none; }
.akuma-stream-expanded { width: min(960px, calc(100vw - 36px)); }
#akuma-stream-club.akuma-stream-minimized {
  width: 250px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  overflow: hidden !important;
}
.akuma-stream-minimized .akuma-stream-topbar {
  width: 100%;
  height: 46px;
  min-height: 46px;
  padding: 8px 9px;
  border-radius: 13px;
  gap: 7px;
}
.akuma-stream-minimized .akuma-stream-channel,
.akuma-stream-minimized .akuma-stream-online,
.akuma-stream-minimized #akuma-stream-mute,
.akuma-stream-minimized #akuma-stream-expand,
.akuma-stream-minimized .akuma-stream-community,
.akuma-stream-minimized .akuma-stream-footer {
  display: none !important;
}
.akuma-stream-minimized .akuma-stream-topbar strong {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Fallback visual. O JavaScript aplica inline !important para vencer CSS do tema/cache. */
#akuma-stream-club.akuma-stream-minimized .akuma-stream-player,
#akuma-stream-club.akuma-stream-minimized.akuma-platform-twitch .akuma-stream-player {
  position: fixed !important;
  left: -10000px !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  width: 430px !important;
  height: 242px !important;
  min-width: 400px !important;
  min-height: 225px !important;
  aspect-ratio: auto !important;
  opacity: .001 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  z-index: -1 !important;
}
#akuma-stream-club.akuma-stream-minimized .akuma-stream-player iframe {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
#akuma-stream-mini {
  touch-action: manipulation;
  position: relative;
  z-index: 4;
}
.akuma-stream-public-dashboard { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 20px 0; }
.akuma-stream-public-stat { padding: 16px; border: 1px solid rgba(127,127,127,.2); border-radius: 12px; background: rgba(127,127,127,.06); }
.akuma-stream-public-stat b,.akuma-stream-public-stat span { display: block; }
.akuma-stream-public-stat b { font-size: 22px; }
.akuma-stream-ranking { grid-column: 1/-1; margin: 0; padding-left: 24px; }
.akuma-stream-ranking li { padding: 7px 0; display: grid; grid-template-columns: 1fr auto auto; gap: 10px; align-items: center; border-bottom: 1px solid rgba(127,127,127,.15); }
@media (max-width: 760px) {
  .akuma-stream-club { right: 8px; bottom: 8px; width: calc(100vw - 16px); border-radius: 11px; }
  .akuma-stream-expanded { width: calc(100vw - 16px); }
  .akuma-stream-channel { display: none; }
  .akuma-stream-online { margin-left: auto; }
  .akuma-stream-community { overflow-x: auto; }
  .akuma-stream-footer { padding: 8px 10px; }
  #akuma-stream-club.akuma-stream-minimized { width: 215px !important; right: 8px !important; }
  .akuma-stream-minimized .akuma-stream-topbar { padding: 7px 8px; }
  .akuma-stream-public-dashboard { grid-template-columns: 1fr; }
  .akuma-stream-ranking { grid-column: 1; }
}

#akuma-stream-mute:disabled { opacity: .72; cursor: default; }

.akuma-stream-club.akuma-platform-twitch .akuma-stream-dot { background:#9147ff; box-shadow:0 0 12px #9147ff; }
