/* PHSPB Live room details — scoped visual layer only. No home, sync, cache or data selectors. */
body.phspb-stream-template .phspb-live-details-card .phspb-section-head {
  padding-bottom: 12px !important;
}
body.phspb-stream-template .phspb-live-details-card .phspb-section-title {
  letter-spacing: -.035em;
}
body.phspb-stream-template .phspb-live-details-card .phspb-section-subtitle {
  margin-top: 6px !important;
  color: rgba(211,191,235,.58) !important;
  font-size: 12px !important;
}
body.phspb-stream-template .phspb-live-details-card .phspb-section-divider {
  margin-bottom: 18px !important;
}
body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail,
body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-fact-badges { min-width: 0; }

body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-fact-badges {
  display: grid !important;
  grid-template-columns: minmax(138px,.9fr) minmax(240px,2fr) minmax(172px,1.05fr) minmax(190px,1.12fr) !important;
  grid-template-areas: "language tags viewers followers" !important;
  width: 100% !important;
  margin: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(190,136,255,.26) !important;
  border-radius: 18px !important;
  background: linear-gradient(104deg, rgba(35,14,65,.92), rgba(16,8,31,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 12px 30px rgba(3,0,12,.16) !important;
}
body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 78px !important;
  margin: 0 !important;
  padding: 14px 17px !important;
  gap: 11px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge + .phspb-badge { border-left: 1px solid rgba(197,150,255,.14) !important; }
body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-language { grid-area: language; }
body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-live-tags,
body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-tags-wrap { grid-area: tags; }
body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-viewers { grid-area: viewers; background: linear-gradient(135deg,rgba(56,76,160,.26),rgba(26,13,57,.04)) !important; }
body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-followers { grid-area: followers; background: linear-gradient(135deg,rgba(148,44,117,.23),rgba(48,10,51,.04)) !important; }

body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-icon-wrap {
  position: relative !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(225,191,255,.15) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
}
body.phspb-stream-template .phspb-live-details-card .phspb-badge-language .phspb-badge-icon-wrap { background: rgba(168,107,255,.16) !important; border-color: rgba(212,173,255,.28) !important; }
body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-icon { font-size: 20px !important; line-height: 1 !important; }
body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-body { display:flex !important; flex:1 1 auto !important; min-width:0 !important; flex-direction:column !important; justify-content:center !important; gap:5px !important; }
body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-lbl { color:rgba(222,202,242,.62) !important; font-size:10px !important; font-weight:800 !important; line-height:1 !important; letter-spacing:.09em !important; text-transform:uppercase !important; }
body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-text { display:flex !important; align-items:baseline !important; gap:5px !important; min-width:0 !important; overflow:visible !important; color:#fff !important; font-size:17px !important; font-weight:850 !important; line-height:1.12 !important; letter-spacing:-.02em !important; white-space:nowrap !important; }
body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-room-wow-number { min-width:0; }
body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-room-wow-unit { color:rgba(239,228,249,.82); font-size:.82em; font-weight:700; letter-spacing:-.01em; }
body.phspb-stream-template .phspb-live-details-card .phspb-room-wow-live-label { display:flex !important; align-items:center !important; gap:6px !important; color:rgba(255,210,233,.9) !important; }
body.phspb-stream-template .phspb-live-details-card .phspb-room-wow-live-dot { display:inline-block; width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:#f05c9f; box-shadow:0 0 0 3px rgba(240,92,159,.11); }

body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-tags-body { justify-content:center !important; }
body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-tag-chips { display:flex !important; flex-wrap:wrap !important; gap:6px !important; overflow:hidden !important; max-height:40px !important; }
body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-tag-chip { min-height:27px !important; padding:5px 10px !important; border-radius:999px !important; color:rgba(255,255,255,.92) !important; background:rgba(174,125,255,.11) !important; border:1px solid rgba(203,164,255,.23) !important; font-size:11px !important; font-weight:750 !important; line-height:1 !important; }
body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-tag-chip--more { display:inline-flex !important; align-items:center !important; color:rgba(236,218,255,.85) !important; background:rgba(255,255,255,.045) !important; cursor:default !important; }

/* One-time reveal. JS adds the ready class only on real model pages; without JS all content stays visible. */
body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-ready [data-phspb-room-wow-item] { opacity:0; transform:translateY(14px); transition:opacity 920ms cubic-bezier(.2,.78,.2,1),transform 920ms cubic-bezier(.2,.78,.2,1); transition-delay:var(--phspb-room-wow-delay,0ms); }
body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-visible [data-phspb-room-wow-item] { opacity:1; transform:translateY(0); }
body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-visible .phspb-badge-language .phspb-badge-icon-wrap { animation:phspb-room-flag-in 560ms cubic-bezier(.2,.8,.2,1) 90ms both; }
body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-visible .phspb-badge-viewers .phspb-badge-icon-wrap { animation:phspb-room-eye-in 460ms cubic-bezier(.2,.8,.2,1) 240ms both; }
body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-visible .phspb-room-wow-live-dot { animation:phspb-room-live-breathe 2400ms ease-in-out 460ms 2; }
body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-visible .phspb-badge-followers .phspb-badge-icon-wrap { animation:phspb-room-heart-beat 780ms cubic-bezier(.2,.8,.2,1) 410ms 1 both; }
body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-visible .phspb-badge-followers .phspb-badge-icon-wrap::after { content:""; position:absolute; inset:7px; border:1px solid rgba(246,100,175,.56); border-radius:50%; opacity:0; animation:phspb-room-heart-ripple 650ms ease-out 770ms 1 both; }
body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-visible .phspb-tag-chip { animation:phspb-room-tag-in 520ms cubic-bezier(.2,.78,.2,1) both; }
body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-visible .phspb-tag-chip:nth-child(1) { animation-delay:530ms; }
body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-visible .phspb-tag-chip:nth-child(2) { animation-delay:610ms; }
body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-visible .phspb-tag-chip:nth-child(3) { animation-delay:690ms; }
body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-visible .phspb-tag-chip:nth-child(4) { animation-delay:770ms; }

@keyframes phspb-room-flag-in { from{opacity:0;transform:scale(.92)} to{opacity:1;transform:scale(1)} }
@keyframes phspb-room-eye-in { from{opacity:0;transform:scale(.9)} to{opacity:1;transform:scale(1)} }
@keyframes phspb-room-live-breathe { 0%,100%{opacity:.58;transform:scale(.94)} 48%{opacity:1;transform:scale(1.06)} }
@keyframes phspb-room-heart-beat { 0%{transform:scale(.84)} 38%{transform:scale(1.08)} 55%{transform:scale(.96)} 72%{transform:scale(1.045)} 100%{transform:scale(1)} }
@keyframes phspb-room-heart-ripple { 0%{opacity:.62;transform:scale(.65)} 100%{opacity:0;transform:scale(1.9)} }
@keyframes phspb-room-tag-in { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }

@media (hover:hover) {
 body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-tag-chip:hover { transform:translateY(-1px); border-color:rgba(222,181,255,.42) !important; }
}
@media (max-width:767px) {
  body.phspb-stream-template .phspb-live-details-card .phspb-section-subtitle { display:none !important; }
  body.phspb-stream-template .phspb-live-details-card .phspb-section-divider { margin-bottom:14px !important; }
  body.phspb-stream-template .phspb-live-data-desktop { display:none !important; }
  body.phspb-stream-template .phspb-live-data-mobile { display:block !important; }
  body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-fact-badges { grid-template-columns:repeat(2,minmax(0,1fr)) !important; grid-template-areas:"language viewers" "followers followers" "tags tags" !important; gap:8px !important; padding:0 !important; overflow:visible !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
  body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge { min-height:76px !important; padding:11px 12px !important; gap:9px !important; border:1px solid rgba(193,142,255,.20) !important; border-radius:15px !important; background:linear-gradient(135deg,rgba(47,22,82,.88),rgba(24,12,47,.95)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important; }
  body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge + .phspb-badge { border-left:1px solid rgba(193,142,255,.20) !important; }
  body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-followers { min-height:62px !important; background:linear-gradient(135deg,rgba(111,38,110,.28),rgba(31,13,56,.94)) !important; }
  body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-live-tags, body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-tags-wrap { min-height:68px !important; align-items:flex-start !important; }
  body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-icon-wrap { flex:0 0 34px !important; width:34px !important; height:34px !important; border-radius:11px !important; }
  body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-icon { font-size:18px !important; }
  body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-lbl { font-size:8.5px !important; }
  body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-text { font-size:15px !important; gap:4px !important; letter-spacing:-.025em !important; }
  body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-badge-followers .phspb-badge-text { font-size:17px !important; }
  body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-room-wow-unit { font-size:.76em !important; }
  body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-tag-chips { max-height:none !important; gap:5px !important; overflow:visible !important; }
  body.phspb-stream-template .phspb-live-details-card .phspb-room-details-rail .phspb-tag-chip { min-height:25px !important; padding:4px 8px !important; font-size:10px !important; }
}
@media (prefers-reduced-motion:reduce) {
 body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-ready [data-phspb-room-wow-item] { opacity:1 !important; transform:none !important; transition:none !important; }
 body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-visible .phspb-badge-language .phspb-badge-icon-wrap,
 body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-visible .phspb-badge-viewers .phspb-badge-icon-wrap,
 body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-visible .phspb-room-wow-live-dot,
 body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-visible .phspb-badge-followers .phspb-badge-icon-wrap,
 body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-visible .phspb-badge-followers .phspb-badge-icon-wrap::after,
 body.phspb-stream-template .phspb-room-details-wow.is-phspb-room-wow-visible .phspb-tag-chip { animation:none !important; }
}