.ps-card-overlay {
  position: relative;
  display: inline-grid;
  place-items: center;
  max-width: 100%;
  isolation: isolate;
}
.ps-card-overlay > img { grid-area: 1 / 1; }
.ps-card-overlay-icons {
  --ps-ovr-overshoot: -2px;
  position: absolute;
  z-index: 3;
  left: 7%;
  right: auto;
  top: 11%;
  bottom: auto;
  transform: translate(-50%, var(--ps-ovr-overshoot));
  display: flex;
  width: clamp(22px, 18%, 44px);
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 1px;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 6px;
  background: linear-gradient(145deg, rgba(7,10,20,.80), rgba(22,25,39,.52));
  box-shadow: 0 8px 18px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter: blur(9px) saturate(1.2);
  backdrop-filter: blur(9px) saturate(1.2);
  pointer-events: none;
}
.ps-card-overlay-icon {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 256 / 228;
  flex: 0 0 auto;
  overflow: hidden;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.72));
}
.ps-card-overlay-icon + .ps-card-overlay-icon { margin-top: -4%; }
.ps-card-overlay-icon img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: scale(1.35) !important;
  filter: none !important;
}
.ps-card-overlay-icon.ps-level-2 { filter: drop-shadow(0 0 7px rgba(255,205,67,.46)) drop-shadow(0 2px 4px rgba(0,0,0,.72)); }
.ps-card-overlay-icon.ps-level-1 { filter: grayscale(.82) brightness(1.3) contrast(.9) drop-shadow(0 0 5px rgba(221,231,246,.34)) drop-shadow(0 2px 4px rgba(0,0,0,.72)); }
.mini-card-art-action > .ps-card-overlay { width: 100%; height: 100%; }
.mini-card-art-action > .ps-card-overlay > .full-card-thumbnail,
.mini-card-art-action > .ps-card-overlay > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.player-card-visual > .ps-card-overlay { width: 126px; height: 126px; }
.player-card-visual > .ps-card-overlay > #playerCardArt { display: block; width: 126px; height: 126px; object-fit: contain; filter: drop-shadow(0 10px 13px rgba(0,0,0,.42)); }
.player-card-visual .ps-card-overlay-icons {
  --ps-ovr-overshoot: -6px;
  left: calc(15% - 2px);
  width: clamp(21px, 17.1%, 42px);
}
.compare-player-head > .ps-card-overlay { width: min(210px, 100%); }
.compare-player-head > .ps-card-overlay > img { width: 100%; height: auto; object-fit: contain; }
.analysis-player-hero > .ps-card-overlay { flex: 0 0 auto; width: 94px; height: 118px; }
.analysis-player-hero > .ps-card-overlay > .analysis-player-card { display: block; width: 94px; height: 118px; object-fit: contain; filter: drop-shadow(0 8px 12px rgba(0,0,0,.38)); }
/* Portrait wrappers letterbox square card art vertically. Offset the stack so
   its top edge follows the printed OVR instead of the wrapper's empty space. */
.playercard-art .ps-card-overlay-icons,
.analysis-player-hero .ps-card-overlay-icons { top: 18%; }
.latest-row-art .ps-card-overlay-icons { top: 13%; }
.mini-card-art-action .ps-card-overlay-icons { left: 7%; top: 19%; }
/* Search/similar rows reserve a wider art lane: the PlayStyle panel occupies
   most of the card height while the card artwork shifts right to clear it. */
.player-results-panel .result-card,
.similar-card { grid-template-columns: 72px minmax(0,1fr) auto; }
.result-profile,
.similar-portrait { width: 72px; overflow: visible !important; }
.result-profile > .ps-card-overlay,
.similar-portrait > .ps-card-overlay { width: 72px; height: 64px; }
.result-profile > .ps-card-overlay > img,
.similar-portrait > .ps-card-overlay > img {
  width: 58px !important;
  height: 64px !important;
  transform: translateX(12px) !important;
}
.result-profile .ps-card-overlay-icons,
.similar-portrait .ps-card-overlay-icons {
  display: flex !important;
  left: 18%;
  top: 11%;
  bottom: auto;
  width: 30px;
  max-width: none;
  flex-direction: column;
  gap: 0;
  padding: 1px;
  border-radius: 6px;
}
.result-profile .ps-card-overlay-icon,
.similar-portrait .ps-card-overlay-icon { width: 100%; flex: 0 0 auto; }
/* Collection thumbnails remain intentionally compact. */
.profile-collection-art .ps-card-overlay-icons,
.collection-member-art .ps-card-overlay-icons {
  display: flex !important;
  left: 4%;
  top: 11%;
  bottom: auto;
  width: 18px;
  max-width: none;
  flex-direction: column;
  gap: 0;
  padding: 1px;
  border-radius: 5px;
}
.profile-collection-art .ps-card-overlay-icon,
.collection-member-art .ps-card-overlay-icon { width: 100%; flex: 0 0 auto; }

/* TOP 10 gives PlayStyle a dedicated visual lane, then moves the card right. */
.top-art .ps-card-overlay-icons {
  --ps-ovr-overshoot: -5px;
  left: 12%;
  width: clamp(30px, 25.2%, 42px);
}
.top-art > .ps-card-overlay > img { transform: translateX(14px) !important; }
@media (max-width: 760px) {
  .player-card-visual > .ps-card-overlay { width: min(150px,46.8vw); height: 126px; }
  .player-card-visual > .ps-card-overlay > #playerCardArt { width: min(150px,46.8vw); height: 126px; }
}
@media (max-width: 700px) {
  .player-card-visual > .ps-card-overlay,
  .player-card-visual > .ps-card-overlay > #playerCardArt {
    width:min(225px,65vw);
    height:189px;
  }
}
@media (max-width: 700px) {
  .top-art .ps-card-overlay-icons { top: 15.5%; }
  .latest-row-art .ps-card-overlay-icons { top: 16%; }
}
@media (max-width: 480px) {
  .new-card-strip-panel .mini-card-art-action > .ps-card-overlay,
  .new-card-strip-panel .mini-card-art-action > .ps-card-overlay > .full-card-thumbnail{
    width:100%;
    height:150px;
  }
}
@media (min-width: 481px) and (max-width: 700px) {
  .new-card-strip-panel .mini-card-art-action > .ps-card-overlay,
  .new-card-strip-panel .mini-card-art-action > .ps-card-overlay > .full-card-thumbnail{
    width:100%;
    height:150px;
  }
}
@media (min-width: 701px) {
  .player-card-visual > .ps-card-overlay,
  .player-card-visual > .ps-card-overlay > #playerCardArt {
    width:225px;
    height:189px;
  }
}
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) {
  .player-card-visual > .ps-card-overlay,
  .player-card-visual > .ps-card-overlay > #playerCardArt {
    width: 112px;
    height: 126px;
  }
  .player-head[data-event-set="champions"] .player-card-visual > .ps-card-overlay,
  .player-head[data-event-set="champions"] .player-card-visual > .ps-card-overlay > #playerCardArt {
    width:190px;
    height:180px;
  }
  .player-head[data-event-set="game-changer"] .player-card-visual > .ps-card-overlay,
  .player-head[data-event-set="game-changer"] .player-card-visual > .ps-card-overlay > #playerCardArt {
    width:190px;
    height:180px;
  }
  .player-head[data-event-set="summer-special"] .player-card-visual > .ps-card-overlay,
  .player-head[data-event-set="summer-special"] .player-card-visual > .ps-card-overlay > #playerCardArt,
  .player-head[data-event-set="twg"] .player-card-visual > .ps-card-overlay,
  .player-head[data-event-set="twg"] .player-card-visual > .ps-card-overlay > #playerCardArt,
  .player-head[data-event-set="numero"] .player-card-visual > .ps-card-overlay,
  .player-head[data-event-set="numero"] .player-card-visual > .ps-card-overlay > #playerCardArt,
  .player-head[data-event-set="tots"] .player-card-visual > .ps-card-overlay,
  .player-head[data-event-set="tots"] .player-card-visual > .ps-card-overlay > #playerCardArt,
  .player-head[data-event-wallpaper="auto"] .player-card-visual > .ps-card-overlay,
  .player-head[data-event-wallpaper="auto"] .player-card-visual > .ps-card-overlay > #playerCardArt {
    width:190px;
    height:180px;
  }
  .player-head[data-event-set="signature"] .player-card-visual > .ps-card-overlay,
  .player-head[data-event-set="signature"] .player-card-visual > .ps-card-overlay > #playerCardArt {
    width:190px;
    height:180px;
  }
}
@media (orientation: landscape) and (max-height: 720px) and (min-width: 901px) and (max-width: 1180px) {
  .player-card-visual > .ps-card-overlay,
  .player-card-visual > .ps-card-overlay > #playerCardArt {
    width: 138px;
    height: 158px;
  }
}