/* v234Z R86 — app-icon rendering-quality correction layered onto the R84 mobile/app-cover system.
   R84 folds the R83 visual refresh into the canonical CSS delivery pipeline and adds
   a mobile quick-jump strip plus a horizontal snap launcher to reduce long phone scrolls. */

/* ===== Sleek app-cover presentation ===== */
#desktop .desktop-app-launcher-shell .universal-app-tile-art,
.public-game-art,
.game-zone-carousel-item img,
.game-zone-feature-art,
.bar-top .navlinks .universal-app-nav-btn img,
.rpg-title-emblem{
  image-rendering:auto;
}

#desktop .desktop-app-launcher-shell .universal-app-tile-art{
  max-width:152px;
  margin:0 auto 10px!important;
}

#desktop .desktop-app-launcher-shell .universal-app-tile-art img{
  width:100%!important;
  height:100%!important;
  border-radius:0!important;
  filter:none!important;
  image-rendering:auto!important;
  object-fit:contain!important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:none!important;
  will-change:auto!important;
}

#desktop .desktop-app-launcher-shell .tile-name{margin-top:2px}
#desktop .desktop-app-launcher-shell .tile-meta{
  min-height:2.55em;
  max-width:210px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

.bar-top .navlinks .universal-app-nav-btn img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:0;
  filter:none;
  image-rendering:auto!important;
  transform:none!important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.public-game-art img,
.game-zone-carousel-item img,
.game-art,
.rpg-title-emblem{
  border-radius:0!important;
  image-rendering:auto!important;
  object-fit:contain;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.public-game-art{
  border-radius:28px;
  background:radial-gradient(circle at 50% 30%,rgba(124,231,255,.11),rgba(255,255,255,.025) 68%);
}

#desktop .private-game-launchers{
  grid-template-columns:repeat(5,minmax(138px,1fr));
  gap:20px 16px;
}
#desktop .desktop-app-launcher-shell .universal-app-tile{padding:0 2px 2px!important}

/* ===== Mobile Home quick jump ===== */
.mobile-home-jump{display:none}

@media(max-width:760px){
  body.view-home .mobile-home-jump{
    position:sticky;
    top:max(66px,calc(var(--gh-device-safe-top,0px) + 58px));
    z-index:14;
    display:flex;
    align-items:center;
    gap:7px;
    width:calc(100% - 18px);
    margin:8px 9px 5px;
    padding:6px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    border:1px solid rgba(140,232,255,.12);
    border-radius:17px;
    background:rgba(4,13,26,.82);
    box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035);
    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);
  }
  .mobile-home-jump::-webkit-scrollbar{display:none}
  .mobile-home-jump button{
    appearance:none;
    flex:0 0 auto;
    min-height:34px;
    padding:7px 11px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    background:rgba(255,255,255,.045);
    color:#b9d8e2;
    font:900 9px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
    letter-spacing:.045em;
    cursor:pointer;
    scroll-snap-align:start;
  }
  .mobile-home-jump button[aria-current="true"]{
    border-color:rgba(103,232,255,.30);
    background:linear-gradient(145deg,rgba(103,232,255,.13),rgba(184,140,255,.09));
    color:#e7fbff;
  }
  .mobile-home-jump button:focus-visible{outline:2px solid rgba(103,232,255,.72);outline-offset:2px}

  /* Desktop Apps becomes one short, swipeable launcher row instead of a tall phone grid. */
  .section-head.desktop-apps-header-v227g{padding:12px 13px 8px}
  .desktop-apps-collapsible-inner-v227g{padding-bottom:2px}
  #desktop .private-game-launchers{
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column;
    grid-auto-columns:minmax(112px,31vw);
    align-items:start;
    gap:11px;
    padding:10px 10px 14px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    touch-action:pan-x pan-y;
    -webkit-overflow-scrolling:touch;
  }
  #desktop .private-game-launchers::-webkit-scrollbar{display:none}
  #desktop .private-game-launchers > .desktop-app-launcher-shell,
  #desktop .private-game-launchers > .universal-app-tile{
    min-width:0;
    scroll-snap-align:start;
    scroll-snap-stop:normal;
  }
  #desktop .desktop-app-launcher-shell .universal-app-tile-art,
  #desktop .private-game-launchers > .universal-app-tile .universal-app-tile-art{
    max-width:104px;
    margin:0 auto 7px!important;
  }
  #desktop .desktop-app-launcher-shell .tile-name,
  #desktop .private-game-launchers > .universal-app-tile .tile-name{
    font-size:14px!important;
    line-height:1.05!important;
  }
  #desktop .desktop-app-launcher-shell .tile-meta,
  #desktop .private-game-launchers > .universal-app-tile .tile-meta{
    max-width:125px;
    min-height:0!important;
    margin-top:4px!important;
    font-size:8px!important;
    line-height:1.2!important;
    -webkit-line-clamp:1;
  }
  #desktop .desktop-app-runtime-controls{margin-top:6px!important}

  /* Keep major Home sections tighter without changing their functionality. */
  .private-collection-section-head,
  .private-price-hero{padding-left:14px!important;padding-right:14px!important}
  .private-collection-section-head h2,
  .private-price-hero h2{font-size:24px!important}
  .private-price-page>.private-price-refresh-status,
  .private-price-dashboard-toolbar,
  .private-price-card-grid,
  .private-price-table-panel,
  .private-price-empty{margin-left:10px!important;margin-right:10px!important}

  /* When Analytics is collapsed, keep the summary header extremely compact. */
  .private-analytics.is-collapsed-v227f .private-analytics-header-v194a{min-height:58px!important;padding-top:10px!important;padding-bottom:10px!important}
}

@media(max-width:560px){
  #desktop .private-game-launchers{grid-auto-columns:minmax(104px,34vw);gap:9px;padding-inline:8px}
  #desktop .desktop-app-launcher-shell .universal-app-tile-art,
  #desktop .private-game-launchers > .universal-app-tile .universal-app-tile-art{max-width:94px}
  #desktop .desktop-app-launcher-shell .tile-name,
  #desktop .private-game-launchers > .universal-app-tile .tile-name{font-size:13px!important}
  .private-price-dashboard-toolbar{top:68px!important}
}

@media(max-width:430px){
  #desktop .private-game-launchers{grid-auto-columns:minmax(108px,40vw)}
  #desktop .desktop-app-launcher-shell .universal-app-tile-art,
  #desktop .private-game-launchers > .universal-app-tile .universal-app-tile-art{max-width:98px}
  #desktop .desktop-app-launcher-shell .tile-meta,
  #desktop .private-game-launchers > .universal-app-tile .tile-meta{display:none!important}
  .mobile-home-jump{gap:5px!important;padding:5px!important}
  .mobile-home-jump button{min-height:32px;padding:7px 10px}
}

@media(prefers-reduced-motion:reduce){
  .mobile-home-jump{scroll-behavior:auto}
}

/* R86: the generated PNGs already carry their own alpha-rounded silhouette.
   Do not clip, re-filter, or fractionally scale the raster again in CSS. */
@media (hover:hover) and (pointer:fine){
  #desktop .desktop-app-launcher-shell .universal-app-tile:hover .universal-app-tile-art{
    transform:translateY(-5px)!important;
  }
  #desktop .desktop-app-launcher-shell .universal-app-tile:hover .universal-app-tile-art img{
    filter:none!important;
    transform:none!important;
  }
}

.public-game-art img,
.game-zone-carousel-item img,
.game-art,
.rpg-title-emblem,
.bar-top .navlinks .universal-app-nav-btn img,
#desktop .desktop-app-launcher-shell .universal-app-tile-art img{
  -ms-interpolation-mode:bicubic;
}