/* 96M SG Play — Shared Stylesheet */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
}
.glass-card {
  background: rgba(29, 32, 38, 0.6);
  backdrop-filter: blur(20px);
}
.glass-effect {
  backdrop-filter: blur(20px);
  background: rgba(29, 32, 38, 0.6);
}
.primary-gradient {
  background: linear-gradient(135deg, #ffb77f 0%, #ff8a00 100%);
}
.hero-gradient {
  background: linear-gradient(135deg, #10131a 0%, #191c22 100%);
}
.neon-glow {
  box-shadow: 0 0 20px rgba(255, 138, 0, 0.2);
}
.text-glow-orange {
  text-shadow: 0 0 10px rgba(255, 138, 0, 0.5);
}
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #10131a; }
::-webkit-scrollbar-thumb { background: #272a31; border-radius: 10px; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Access Bar */
.access-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1.5rem;
  background: #0b0e14;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.access-bar__label {
  font-size: 0.7rem;
  color: #64748b;
  font-weight: 600;
}
.access-bar__btn {
  padding: 0.2rem 0.75rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #bdc2ff;
  background: rgba(0,33,220,0.15);
  border: 1px solid rgba(0,33,220,0.3);
  border-radius: 9999px;
  text-decoration: none;
  transition: all 0.15s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.access-bar__btn:hover {
  background: rgba(0,33,220,0.35);
  color: #fff;
}
.access-bar__all {
  font-size: 0.65rem;
  color: #374151;
  cursor: default;
}
@media (max-width: 640px) {
  .access-bar { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; padding: 0.5rem 1rem; }
}

/* Rating stars */
.star-filled { color: #ff8a00; }
.star-empty { color: #374151; }

/* Prose-like content */
.content-body h2 { font-size: 1.4rem; font-weight: 800; color: #e1e2eb; margin-top: 2rem; margin-bottom: 0.75rem; font-family: 'Plus Jakarta Sans', sans-serif; }
.content-body h3 { font-size: 1.1rem; font-weight: 700; color: #e1e2eb; margin-top: 1.5rem; margin-bottom: 0.5rem; }
.content-body p { color: #94a3b8; line-height: 1.75; margin-bottom: 1rem; }
.content-body ul { color: #94a3b8; line-height: 1.75; margin-bottom: 1rem; padding-left: 1.5rem; list-style: disc; }
.content-body li { margin-bottom: 0.25rem; }
.content-body strong { color: #e1e2eb; }
.content-body a { color: #ffb77f; text-decoration: underline; }

/* Sidebar scroll */
.sidebar-scroll::-webkit-scrollbar { width: 4px; }
.sidebar-scroll::-webkit-scrollbar-thumb { background: #272a31; border-radius: 10px; }