/* Galaxy Live 2.22.8: daily landing artwork and exact image-map controls. */
:root{--gl228-landing-image:url('/assets/branding/weekly/monday.webp?v=2280')}

/* Keep the desktop glow/background in step with the visible daily poster. */
.gl215LandingShell::before{background-image:var(--gl228-landing-image)!important}
.gl215LandingArt{isolation:isolate;touch-action:manipulation}
.gl215LandingArt>img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}

/* A hotspot is one button, and its hit area never extends outside its box. */
.gl215LandingArt .gl215Hotspot{
  appearance:none!important;-webkit-appearance:none!important;position:absolute!important;
  margin:0!important;padding:0!important;min-width:0!important;min-height:0!important;
  border:0!important;border-radius:14px!important;background:transparent!important;
  box-shadow:none!important;outline:0!important;overflow:hidden!important;
  transform:none!important;touch-action:manipulation!important;z-index:4!important
}
.gl215LandingArt .gl215Hotspot:focus,.gl215LandingArt .gl215Hotspot:active{
  border:0!important;outline:0!important;box-shadow:none!important;transform:none!important
}
.gl215LandingArt .gl215Hotspot:focus-visible{box-shadow:inset 0 0 0 3px #5ee7ff!important}
@media (pointer:coarse){.gl215LandingArt .gl215Hotspot:focus-visible{box-shadow:none!important}}

/* Studio-host posters: Monday and Tuesday. */
.gl215LandingArt[data-gl228-layout="host"] .gl215HotspotCreate{left:14.8%!important;right:14.8%!important;top:58.1%!important;width:auto!important;height:5%!important}
.gl215LandingArt[data-gl228-layout="host"] .gl215HotspotLogin{left:14.8%!important;right:14.8%!important;top:63.9%!important;width:auto!important;height:4.7%!important}
.gl215LandingArt[data-gl228-layout="host"] .gl215HotspotGuest{left:35%!important;right:35%!important;top:69.7%!important;width:auto!important;height:2.2%!important}
.gl215LandingArt[data-gl228-layout="host"] .gl215HotspotSkip{left:auto!important;right:2%!important;top:1.2%!important;width:12%!important;height:3.2%!important}
.gl215LandingArt[data-gl228-layout="host"] .gl215HotspotInbox{left:3.8%!important;top:73.2%!important;width:29.8%!important;height:9.4%!important}
.gl215LandingArt[data-gl228-layout="host"] .gl215HotspotDating{left:35%!important;top:73.2%!important;width:29.8%!important;height:9.4%!important}
.gl215LandingArt[data-gl228-layout="host"] .gl215HotspotBattles{left:66.2%!important;top:73.2%!important;width:29.8%!important;height:9.4%!important}
.gl215LandingArt[data-gl228-layout="host"] .gl215HotspotPlaylists{left:3.8%!important;top:83.3%!important;width:29.8%!important;height:9.8%!important}
.gl215LandingArt[data-gl228-layout="host"] .gl215HotspotWallet{left:35%!important;top:83.3%!important;width:29.8%!important;height:9.8%!important}
.gl215LandingArt[data-gl228-layout="host"] .gl215HotspotLiveRooms{left:66.2%!important;top:83.3%!important;width:29.8%!important;height:9.8%!important}

/* Community posters: Wednesday through Sunday. */
.gl215LandingArt[data-gl228-layout="community"] .gl215HotspotCreate{left:28.3%!important;right:28.3%!important;top:47.2%!important;width:auto!important;height:3.9%!important}
.gl215LandingArt[data-gl228-layout="community"] .gl215HotspotLogin{left:28.3%!important;right:28.3%!important;top:51.9%!important;width:auto!important;height:3.4%!important}
.gl215LandingArt[data-gl228-layout="community"] .gl215HotspotGuest{left:35%!important;right:35%!important;top:56.2%!important;width:auto!important;height:2.3%!important}
.gl215LandingArt[data-gl228-layout="community"] .gl215HotspotSkip{display:none!important;pointer-events:none!important}
.gl215LandingArt[data-gl228-layout="community"] .gl215HotspotInbox{left:2.5%!important;top:59.5%!important;width:30.7%!important;height:13.6%!important}
.gl215LandingArt[data-gl228-layout="community"] .gl215HotspotDating{left:34.5%!important;top:59.5%!important;width:30.7%!important;height:13.6%!important}
.gl215LandingArt[data-gl228-layout="community"] .gl215HotspotBattles{left:66.7%!important;top:59.5%!important;width:30.7%!important;height:13.6%!important}
.gl215LandingArt[data-gl228-layout="community"] .gl215HotspotPlaylists{left:2.5%!important;top:74.2%!important;width:30.7%!important;height:14%!important}
.gl215LandingArt[data-gl228-layout="community"] .gl215HotspotWallet{left:34.5%!important;top:74.2%!important;width:30.7%!important;height:14%!important}
.gl215LandingArt[data-gl228-layout="community"] .gl215HotspotLiveRooms{left:66.7%!important;top:74.2%!important;width:30.7%!important;height:14%!important}

/* There is one control system. Text controls appear only if an image fails. */
.gl215LandingFallbackActions{display:none!important}
.gl215LandingArt.gl228LandingImageFailed{display:none!important}
.gl215LandingShell.gl228LandingImageFailed .gl215LandingFallbackActions,
.gl215LandingShell:has(.gl228LandingImageFailed) .gl215LandingFallbackActions{display:grid!important}