/* B3: established illustrations, compact cards and the reference's 2 + 2 + 3 grouping. */
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined{background:linear-gradient(#d5f5ff,#edfbea 70%,#fff7e8);min-height:100%}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-screenhead{min-height:78px;padding:10px 16px;gap:12px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-screenhead h2{font-size:30px;line-height:1.25}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-screenhead p{font-size:16px;line-height:1.4;margin-top:3px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-total-pill{display:grid;place-items:center;flex-shrink:0;background:#fff8cf;color:#71531f;border:2px solid #fff;border-radius:16px;min-width:64px;padding:5px 9px;line-height:1.1;box-shadow:0 3px 0 #0079c34d}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-total-pill b{font-size:25px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-total-pill small{font-size:13px;margin-top:3px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px 12px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamefilters{padding:0;gap:8px;flex-wrap:wrap;overflow:visible}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamefilters button{font-size:16px;font-weight:700;min-height:44px;padding:8px 18px;border:2px solid #ded8f2;box-shadow:none}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamefilters button.active{background:linear-gradient(#9a61ee,#713bc9);border-color:#a577ed;color:#fff;box-shadow:0 3px 0 #6636b0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-filter-count{font-size:15px;font-weight:700;white-space:nowrap;color:#4d6386}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;padding:0 16px 12px;align-items:stretch}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard{display:flex;flex-direction:column;grid-column:span 3!important;width:auto;min-width:0;max-width:none;justify-self:stretch;border:3px solid #fff;border-radius:19px;background:#fffdf5;overflow:hidden;padding:0;box-shadow:0 4px 0 #c9d7e7;text-align:left;position:relative;transform:none;transition:box-shadow .15s ease,transform .15s ease}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard:nth-child(n+5){grid-column:span 4!important}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard:last-child:nth-child(odd){grid-column:span 4!important;width:auto;justify-self:stretch}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard:hover{transform:translateY(-2px);box-shadow:0 6px 0 #b7c9e0,0 8px 16px #24559815}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard:focus-visible{outline:4px solid #7740d1;outline-offset:3px}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard .ppl-premium-gamepicture{position:relative;flex:none;height:clamp(130px,19dvh,170px);width:100%;aspect-ratio:auto;margin:0;border-radius:0;overflow:hidden;background:#e5f3fc}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamecard img.ppl-v210-gameart{position:static;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center 43%;transform:none}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-language-tag{position:absolute;top:8px;left:8px;background:#fff9d5;color:#6b4816;border:1px solid #f1c868;border-radius:20px;padding:4px 9px;font-size:13px;font-weight:700;line-height:1.3;box-shadow:0 2px 6px #1c39601f}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamecopy{padding:9px 12px 3px;flex:1;min-width:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard .ppl-premium-gamecopy strong{display:block;font-size:22px;line-height:1.25;color:#293b83;font-weight:700;overflow-wrap:normal;word-break:normal}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard .ppl-premium-gamecopy small{display:block;font-size:16px;line-height:1.4;color:#52648a;margin-top:4px;overflow-wrap:normal;word-break:normal}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamestatus{display:block;flex:none;font-size:14px;line-height:1.3;color:#657494;padding:5px 43px 10px 12px;min-height:33px;font-weight:700}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamearrow{position:absolute;bottom:8px;right:9px;display:grid;place-items:center;width:28px;height:28px;border:2px solid #eee0ff;border-radius:50%;background:linear-gradient(#bf70ff,#8041e5);color:#fff;font-size:20px;line-height:1;box-shadow:0 2px 0 #6d35bf}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamesnote{font-size:15px;line-height:1.5;text-align:center;color:#5c7491;padding:4px 16px 16px;margin:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined.games-filtered .ppl-premium-gamegrid .ppl-premium-gamecard{grid-column:span 3!important;width:auto;justify-self:stretch}
@media(min-width:900px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined:not(.games-filtered) .ppl-premium-gamegrid .ppl-premium-gamecard:nth-child(n+5){display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);grid-template-rows:1fr auto;column-gap:2px;min-height:156px;align-items:center}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined:not(.games-filtered) .ppl-premium-gamegrid .ppl-premium-gamecard:nth-child(n+5) .ppl-premium-gamepicture{grid-column:1;grid-row:1/3;height:auto;aspect-ratio:3/2;margin:8px;width:calc(100% - 8px);border-radius:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined:not(.games-filtered) .ppl-premium-gamegrid .ppl-premium-gamecard:nth-child(n+5) .ppl-premium-gamecopy{grid-column:2;grid-row:1;padding:11px 8px 4px;align-self:stretch}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined:not(.games-filtered) .ppl-premium-gamegrid .ppl-premium-gamecard:nth-child(n+5) .ppl-premium-gamestatus{grid-column:2;grid-row:2;padding-left:8px;align-self:end}
}
@media(min-width:600px) and (max-width:899px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid{grid-template-columns:repeat(6,minmax(0,1fr))}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard{grid-column:span 3!important}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard:nth-child(n+5){grid-column:span 2!important}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard:last-child:nth-child(odd){grid-column:span 2!important}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard .ppl-premium-gamepicture{height:190px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard:nth-child(n+5) .ppl-premium-gamepicture{height:150px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard:nth-child(n+5) .ppl-premium-gamecopy strong{font-size:20px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined.games-filtered .ppl-premium-gamegrid .ppl-premium-gamecard{grid-column:span 3!important}
}
@media(max-width:599px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-screenhead{min-height:72px;padding:9px 10px;gap:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-screenhead h2{font-size:23px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-screenhead p{font-size:14px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-total-pill{min-width:49px;padding:5px 7px;border-radius:12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-total-pill b{font-size:21px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-total-pill small{font-size:11px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-filter-bar{padding:9px 8px 11px;display:block}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamefilters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamefilters button{font-size:14px;min-height:44px;padding:8px 5px;border-radius:13px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-filter-count{display:block;font-size:13px;margin:8px 3px 0}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:0 8px 12px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard{grid-column:span 3!important;border-radius:15px;border-width:2px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard:nth-child(n+5){grid-column:span 2!important}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard:last-child:nth-child(odd){grid-column:span 2!important;width:auto;justify-self:stretch}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard .ppl-premium-gamepicture{height:108px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamecopy{padding:8px 8px 3px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard .ppl-premium-gamecopy strong{font-size:18px;line-height:1.25}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard .ppl-premium-gamecopy small{font-size:14px;line-height:1.4;margin-top:4px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamestatus{font-size:12px;padding:5px 31px 10px 8px;min-height:31px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamearrow{width:24px;height:24px;font-size:17px;right:5px;bottom:7px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-language-tag{top:6px;left:6px;font-size:11px;padding:3px 7px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard:nth-child(n+5) .ppl-premium-gamepicture{height:88px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard:nth-child(n+5) .ppl-premium-gamecopy{padding:7px 6px 3px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard:nth-child(n+5) .ppl-premium-gamecopy strong{font-size:16px;line-height:1.3}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard:nth-child(n+5) .ppl-premium-gamestatus{font-size:12px;padding-left:6px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamesnote{font-size:14px;padding:0 12px 14px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined.games-filtered .ppl-premium-gamegrid .ppl-premium-gamecard{grid-column:span 3!important;width:auto;justify-self:stretch}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined.games-filtered .ppl-premium-gamegrid .ppl-premium-gamecard .ppl-premium-gamepicture{height:108px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined.games-filtered .ppl-premium-gamegrid .ppl-premium-gamecard .ppl-premium-gamecopy strong{font-size:18px}
}
@media(max-width:359px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard{grid-column:span 1!important}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard:nth-child(n+5){grid-column:span 1!important}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamegrid .ppl-premium-gamecard:last-child:nth-child(odd){grid-column:1/-1!important;width:calc(50% - 4px);justify-self:center}
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined.games-filtered .ppl-premium-gamegrid .ppl-premium-gamecard{grid-column:span 1!important;width:auto;justify-self:stretch}
}
@media(prefers-reduced-motion:reduce){.games-refined *{transition:none!important;animation:none!important}}

/* Preserve live progress meters and announcement badges in compact cards. */
.ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined .ppl-premium-gamecard>.ppl-premium-gamemeter{position:absolute;left:0;bottom:0;width:100%;max-width:none;height:4px;margin:0;border-radius:0}
@media(min-width:900px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v210 .games-refined:not(.games-filtered) .ppl-premium-gamecard:nth-child(n+5)>.ppl-news-cardbadge{top:8px;left:10px;right:auto;max-width:calc(42% - 16px)}
}