/* Раздел «Игры»: карточки-постеры (ПК) и карточки с иконкой (мобильные) */
html body #pl-grid.pg-mode{gap:16px}
html body #pl-grid .pg-card{position:relative;display:block;width:100%;min-width:0;min-height:0 !important;aspect-ratio:3/4;padding:0 !important;margin:0;border-radius:22px !important;overflow:hidden;cursor:pointer;color:#fff;text-align:center;
  font-family:'Inter',system-ui,sans-serif;isolation:isolate;border:1px solid rgba(255,255,255,.16) !important;
  background:radial-gradient(125% 80% at 50% 22%,rgba(var(--pg-rgb,70,70,80),.9) 0%,rgba(var(--pg-rgb,70,70,80),.28) 55%,transparent 82%),linear-gradient(180deg,#0f0f0f,#050505) !important;
  transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .28s}
html body #pl-grid .pg-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.55) !important;box-shadow:0 22px 56px rgba(0,0,0,.65) !important;background:radial-gradient(125% 80% at 50% 22%,rgba(var(--pg-rgb,70,70,80),1) 0%,rgba(var(--pg-rgb,70,70,80),.34) 55%,transparent 82%),linear-gradient(180deg,#121212,#060606) !important}
html body #pl-grid .pg-card::before,html body #pl-grid .pg-card::after{display:none !important}
html body .pg-ico{position:absolute;left:50%;top:8%;transform:translateX(-50%);width:76%;aspect-ratio:1;border-radius:23%;overflow:hidden;
  box-shadow:0 18px 50px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.2),0 0 70px rgba(255,255,255,.08);transition:transform .3s;z-index:0;
  background:linear-gradient(135deg,rgba(var(--pg-rgb,70,70,80),.95),#101010)}
html body .pg-ico::before{content:attr(data-l);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 46px 'Inter',sans-serif;color:rgba(255,255,255,.55)}
html body .pg-ico img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover}
html body #pl-grid .pg-card:hover .pg-ico{transform:translateX(-50%) scale(1.05)}
html body .pg-full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;transition:transform .5s cubic-bezier(.22,1,.36,1)}
html body #pl-grid .pg-card:hover .pg-full{transform:scale(1.05)}
html body .pg-sh{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.12) 42%,rgba(0,0,0,.9) 100%)}
html body .pg-poster .pg-sh{background:linear-gradient(180deg,rgba(0,0,0,0) 36%,rgba(0,0,0,.6) 64%,rgba(0,0,0,.96) 100%)}
html body .pg-meta{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 10px 14px;display:flex;flex-direction:column;align-items:center;gap:9px}
html body .pg-nm{display:flex;align-items:flex-end;justify-content:center;min-height:2.4em;max-height:2.4em;overflow:hidden;font-size:16.5px;font-weight:800;line-height:1.2;letter-spacing:-.015em;color:#fff;
  text-shadow:0 2px 14px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.7)}
html body .pg-nm span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center;text-wrap:balance}
html body .pg-pill{font-style:normal;background:#fff;color:#000;border-radius:99px;padding:6px 18px;font-weight:800;font-size:12.5px;line-height:1.1;letter-spacing:.01em}
html body #pl-grid .pg-card::selection{background:transparent}
@media(max-width:560px){
  html body #pl-grid.pg-mode{gap:12px}
  html body #pl-grid .pg-card{border-radius:18px !important}
  html body .pg-ico{width:68%}
  html body .pg-nm{font-size:14.5px}
  html body .pg-pill{font-size:11.5px;padding:5px 14px}
  html body .pg-meta{padding-bottom:12px;gap:8px}
}
@media(prefers-reduced-motion:reduce){html body #pl-grid .pg-card,html body .pg-ico,html body .pg-full{transition:none}html body #pl-grid .pg-card:hover{transform:none}}
/* распроданные категории */
html body #pl-grid .pg-card.pg-sold{--pg-rgb:78,78,88 !important}
html body .pg-sold .pg-ico,html body .pg-sold .pg-full{filter:grayscale(.85) brightness(.72)}
html body .pg-pill.sold{background:rgba(255,255,255,.14);color:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.32)}
