/* Velvet Room R313 — Mode guide, not a duplicate of the owner's bio.
 * Reuses official mode-select hero assets; no crops, no account content. */
#vrChannelAboutPanel{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:18px 14px 32px!important;
  border:0!important;
  background:transparent!important;
}
#vrChannelAboutPanel[hidden]{display:none!important}
#vrChannelAboutPanel .vrRoomModeGuideR313{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:780px!important;
  margin:0 auto!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid color-mix(in srgb,var(--ch-accent,#b65cff) 56%,rgba(255,255,255,.12))!important;
  background:rgba(8,7,14,.95)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.28)!important;
  color:#f9f7ff!important;
}
#vrChannelAboutPanel .vrRoomGuideHeroR313{
  display:block!important;
  margin:0!important;
  padding:0!important;
  width:100%!important;
  overflow:hidden!important;
  background:rgba(6,5,10,.86)!important;
  border-bottom:2px solid var(--ch-accent,#b65cff)!important;
}
#vrChannelAboutPanel .vrRoomGuideHeroR313 img{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  max-height:350px!important;
  margin:0 auto!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}
#vrChannelAboutPanel .vrRoomGuideCopyR313{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  padding:20px 20px 24px!important;
  background:rgba(9,7,15,.96)!important;
}
#vrChannelAboutPanel .vrRoomGuideEyebrowR313{
  display:block!important;
  color:var(--ch-accent,#ce8bff)!important;
  font:900 11px/1.35 system-ui,sans-serif!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  margin:0 0 8px!important;
}
#vrChannelAboutPanel .vrRoomGuideTitleR313{
  display:block!important;
  color:#fff!important;
  font:900 clamp(22px,6vw,27px)/1.18 system-ui,sans-serif!important;
  letter-spacing:-.025em!important;
  margin:0 0 15px!important;
  padding:0!important;
}
#vrChannelAboutPanel .vrRoomGuideIntroR313,
#vrChannelAboutPanel .vrRoomGuideDetailR313{
  display:block!important;
  font-family:system-ui,sans-serif!important;
  font-size:15px!important;
  line-height:1.55!important;
  color:#e6dfeb!important;
  margin:0!important;
  padding:0!important;
  overflow-wrap:break-word!important;
}
#vrChannelAboutPanel .vrRoomGuideIntroR313{
  color:#fff!important;
  font-weight:650!important;
  margin-bottom:14px!important;
}
#vrChannelAboutPanel .vrRoomGuideDetailR313{
  font-weight:450!important;
  margin-bottom:16px!important;
}
#vrChannelAboutPanel .vrRoomGuideBoundaryR313{
  display:block!important;
  font:650 13px/1.5 system-ui,sans-serif!important;
  color:#d6d0e0!important;
  background:rgba(255,255,255,.045)!important;
  border-left:3px solid var(--ch-accent,#b65cff)!important;
  border-radius:0 9px 9px 0!important;
  margin:0!important;
  padding:9px 12px!important;
}
@media(max-width:360px){
  #vrChannelAboutPanel{padding:12px 10px 25px!important}
  #vrChannelAboutPanel .vrRoomGuideCopyR313{padding:17px 15px 21px!important}
  #vrChannelAboutPanel .vrRoomGuideIntroR313,
  #vrChannelAboutPanel .vrRoomGuideDetailR313{font-size:14px!important}
  #vrChannelAboutPanel .vrRoomGuideBoundaryR313{font-size:12px!important}
}