/* GTA Online intro: translucent glass, with no visible X.
   Loaded after legacy compact/outline styles to keep Safari presentation consistent. */
html body.online-portal .online-home-dialog::backdrop{
 background:rgba(3,4,7,.36)!important;
 -webkit-backdrop-filter:blur(9px) saturate(1.12)!important;
 backdrop-filter:blur(9px) saturate(1.12)!important;
}

html body.online-portal .online-home-dialog>.gta-online-menu-promo{
 background:linear-gradient(155deg,rgba(30,33,39,.60) 0%,rgba(19,21,27,.52) 48%,rgba(10,12,17,.60) 100%)!important;
 background-color:transparent!important;
 border:1px solid rgba(255,255,255,.13)!important;
 -webkit-backdrop-filter:blur(30px) saturate(1.45)!important;
 backdrop-filter:blur(30px) saturate(1.45)!important;
 box-shadow:0 25px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.085)!important;
}

html body.online-portal .online-home-dialog .gta-online-sheet-top{
 grid-template-columns:minmax(0,1fr)!important;
 gap:0!important;
 background:transparent!important;
 border-bottom:1px solid rgba(255,255,255,.085)!important;
}
html body.online-portal .online-home-dialog .gta-online-sheet-heading{
 width:100%;
}
html body.online-portal .online-home-dialog .gta-online-menu-body,
html body.online-portal .online-home-dialog .gta-online-menu-copy,
html body.online-portal .online-home-dialog .gta-online-menu-footer{
 background:transparent!important;
}
html body.online-portal .online-home-dialog .gta-online-menu-footer{
 border-top:1px solid rgba(255,255,255,.09)!important;
}

/* The CTA belongs to the same glass system, not the old opaque gray card. */
html body.online-portal .online-home-dialog .gta-online-menu-play{
 background:linear-gradient(140deg,rgba(255,255,255,.105),rgba(255,255,255,.045))!important;
 color:#f6f6f7!important;
 border:1px solid rgba(255,255,255,.17)!important;
 -webkit-backdrop-filter:blur(15px) saturate(1.3)!important;
 backdrop-filter:blur(15px) saturate(1.3)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 9px 24px rgba(0,0,0,.18)!important;
}
html body.online-portal .online-home-dialog .gta-online-menu-play:hover{
 background:linear-gradient(140deg,rgba(255,255,255,.14),rgba(255,255,255,.065))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 12px 26px rgba(0,0,0,.20)!important;
}

/* Covers cached HTML containing the old dismiss button. Swipe, backdrop,
   and Escape remain the accessible ways to close the dialog. */
html body.online-portal .online-home-dialog .gta-online-sheet-dismiss{
 display:none!important;
}

/* Match the collapsed dock to the translucent sheet. */
html body.online-portal .online-page-dock{
 background:linear-gradient(150deg,rgba(31,32,36,.60),rgba(11,13,17,.62))!important;
 -webkit-backdrop-filter:blur(24px) saturate(1.35)!important;
 backdrop-filter:blur(24px) saturate(1.35)!important;
}

@media(max-width:760px){
 html body.online-portal .online-home-dialog>.gta-online-menu-promo{
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  border-radius:22px 22px 0 0!important;
 }
 html body.online-portal .online-home-dialog .gta-online-sheet-top{
  padding-right:18px!important;
 }
}

@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
 html body.online-portal .online-home-dialog>.gta-online-menu-promo{
  background:rgba(17,19,23,.91)!important;
 }
}
