/* D1 follow-up mobile viewport + first-paint fix. Loaded AFTER v2 styles. */
@media (max-width:860px) {
 html body #portalScreen #playerSidebar.sidebar {
   position:fixed!important; inset:0 auto 0 0!important;
   top:0!important;bottom:0!important;left:0!important;right:auto!important;
   width:min(90vw,360px)!important; max-width:calc(100vw - 16px)!important;
   height:100dvh!important;max-height:100dvh!important;
   min-height:0!important;box-sizing:border-box!important;
   padding:0 14px calc(16px + env(safe-area-inset-bottom,0px))!important;
   overflow-x:hidden!important; overflow-y:auto!important;
   scrollbar-gutter:stable!important;
   background:linear-gradient(180deg,#140c0e,#090909)!important;
   z-index:20010!important;
   transform:translate3d(-110%,0,0)!important;
   visibility:hidden!important;pointer-events:none!important;
   transition:transform .18s ease,visibility 0s linear .18s!important;
   overscroll-behavior:contain!important;
   -webkit-overflow-scrolling:touch!important;
 }
 html body #portalScreen #playerSidebar.sidebar.open {
   transform:translate3d(0,0,0)!important;
   visibility:visible!important;pointer-events:auto!important;
   transition:transform .18s ease!important;
 }
 html body #portalScreen #sidebarBackdrop.sidebar-backdrop {
   position:fixed!important;inset:0!important;z-index:20000!important;
 }
 html body #portalScreen #playerSidebar .d1-drawer-mobile-header {
   display:flex!important;position:sticky!important;top:0!important;
   min-height:68px!important;padding:12px 0!important;margin:0 0 8px!important;
   background:linear-gradient(180deg,#140c0e 86%,rgba(20,12,14,.90))!important;
   align-items:center!important;justify-content:space-between!important;
   gap:10px!important;z-index:2!important;
   border-bottom:1px solid rgba(221,185,79,.25)!important;
 }
 html body #portalScreen #playerSidebar .d1-drawer-mobile-header strong {
   display:block!important;font-size:17px!important;color:#fff0c5!important;
   white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
 }
 html body #portalScreen #d1MobileDrawerClose {
   display:inline-flex!important;align-items:center!important;justify-content:center!important;
   flex:0 0 42px!important;width:42px!important;height:42px!important;
   border:1px solid rgba(221,185,79,.4)!important;border-radius:12px!important;
   color:#fff0c5!important;background:#8e1123!important;font-size:23px!important;
   cursor:pointer!important;touch-action:manipulation!important;
 }
 /* A persisted desktop collapse must never hide labels in an OPEN mobile drawer. */
 html body #portalScreen.sidebar-collapsed #playerSidebar.sidebar.open .sidebar-nav,
 html body #portalScreen #playerSidebar.sidebar.open .sidebar-nav {
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;
   width:100%!important;min-width:0!important;height:auto!important;
   max-height:none!important; overflow:visible!important;
   align-items:stretch!important;gap:6px!important;
 }
 html body #portalScreen.sidebar-collapsed #playerSidebar.sidebar.open .nav-label,
 html body #portalScreen.sidebar-collapsed #playerSidebar.sidebar.open .nav-section-label,
 html body #portalScreen.sidebar-collapsed #playerSidebar.sidebar.open .nav-divider,
 html body #portalScreen #playerSidebar.sidebar.open .nav-label,
 html body #portalScreen #playerSidebar.sidebar.open .nav-section-label {
   display:block!important;visibility:visible!important;opacity:1!important;
   min-width:0!important;white-space:normal!important;overflow-wrap:break-word!important;
 }
 html body #portalScreen.sidebar-collapsed #playerSidebar.sidebar.open .nav-button,
 html body #portalScreen #playerSidebar.sidebar.open .nav-button {
   display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;
   height:auto!important;min-height:48px!important;margin:0!important;
   padding:11px 12px!important;justify-content:flex-start!important;
   gap:12px!important;box-sizing:border-box!important;
 }
 html body #portalScreen.sidebar-collapsed #playerSidebar.sidebar.open .nav-icon {
   display:grid!important;flex:0 0 34px!important;width:34px!important;height:34px!important;
 }
 html body #portalScreen #playerSidebar.sidebar.open .sidebar-footer {
   display:block!important;margin:12px 0 0!important;
 }
}
@media (prefers-reduced-motion:reduce) {
 html body #portalScreen #playerSidebar.sidebar {transition:none!important;}
}
/* Do not reveal an obsolete corporate image in the Featured cover slot. */
html body #featuredGamesGrid .featured-game-media img[src*="system-logo"],
html body #featuredGamesGrid .featured-game-media source[srcset*="system-logo"] {
 display:none!important;
}
