/* PHSPB Related Live Rooms — prepared snapshot UI only. */
.phspb-more-like-this .phspb-related-live {
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid rgba(178, 124, 255, .14);
}
.phspb-related-live-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin: 0 2px 16px;
}
.phspb-related-live-head > div { min-width: 0; }
.phspb-related-live-head strong {
  display: block;
  color: #fff;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -.02em;
}
.phspb-related-live-head span:not(.phspb-related-live-status) {
  display: block;
  margin-top: 5px;
  color: rgba(218, 202, 255, .62);
  font-size: 12px;
  line-height: 1.35;
}
.phspb-related-live-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
  color: rgba(236, 221, 255, .78);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.phspb-related-live-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fb4a86;
  box-shadow: 0 0 0 4px rgba(251, 74, 134, .12), 0 0 14px rgba(251, 74, 134, .60);
}
.phspb-related-live-results[aria-busy="true"] { opacity: .62; pointer-events: none; }
.phspb-related-live-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 13px !important;
}
.phspb-related-live-grid .phlc-card {
  min-width: 0;
  border: 1px solid rgba(180, 127, 255, .16) !important;
  background: linear-gradient(180deg, rgba(56, 20, 92, .80), rgba(24, 9, 45, .94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 10px 24px rgba(0,0,0,.16) !important;
}
.phspb-related-live-grid .phlc-card:hover {
  transform: translateY(-2px);
  border-color: rgba(216, 155, 255, .36) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.075), 0 16px 30px rgba(0,0,0,.25), 0 0 20px rgba(141,74,255,.10) !important;
}
.phspb-related-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 18px 0 0;
}
.phspb-related-pagination-summary {
  color: rgba(216, 202, 252, .60);
  font-size: 12px;
  white-space: nowrap;
}
.phspb-related-pagination-links { display: inline-flex; align-items: center; gap: 7px; }
.phspb-related-page {
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid rgba(182, 134, 255, .22);
  border-radius: 10px;
  background: rgba(42, 19, 68, .72);
  color: rgba(245, 236, 255, .86);
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
  transition: transform .16s ease, background-color .16s ease, border-color .16s ease;
}
.phspb-related-page:hover:not(:disabled) { transform: translateY(-1px); border-color: rgba(223, 169, 255, .48); background: rgba(100, 43, 160, .62); }
.phspb-related-page.is-current { border-color: rgba(222, 170, 255, .56); background: linear-gradient(180deg, #a34cff, #7227d6); color: #fff; box-shadow: 0 6px 18px rgba(119, 42, 218, .30); }
.phspb-related-page:disabled { cursor: default; opacity: .38; }
.phspb-related-page-ellipsis { color: rgba(217, 199, 255, .50); padding: 0 1px; }
.phspb-related-live-error {
  margin: 0 0 12px;
  padding: 12px 14px;
  border: 1px solid rgba(243, 152, 255, .20);
  border-radius: 12px;
  background: rgba(78, 28, 94, .42);
  color: rgba(245, 222, 255, .78);
  font-size: 13px;
}
@media (max-width: 1450px) { .phspb-related-live-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@media (max-width: 1120px) { .phspb-related-live-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 760px) {
  .phspb-related-live-head { align-items: flex-start; flex-direction: column; gap: 8px; }
  .phspb-related-live-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
  .phspb-related-pagination { flex-direction: column; gap: 10px; }
}