/* A consistent poster format, with artwork and labels inside every tile. */
.game-grid.full-grid,.game-grid.real-game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 14px}
.real-game-card{width:100%;min-width:0;max-width:none}
.real-game-card .game-cover{display:block;position:relative;aspect-ratio:3/4;width:100%;height:auto;background:#222031;container-type:normal;border:0;border-radius:12px;isolation:isolate;overflow:hidden}
.game-art-fill{position:absolute;z-index:0;inset:-12%;display:block;width:124%;height:124%;max-width:none;object-fit:cover;filter:blur(14px) brightness(.68) saturate(1.1);pointer-events:none}
.game-poster-visual{position:absolute;z-index:1;inset:0 0 27%;display:block;overflow:hidden}
.real-game-art{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;transform:none;mask-image:linear-gradient(to bottom,#000 88%,transparent)}
.real-game-card[data-game-provider="originals"] .real-game-art{object-fit:cover}
.real-game-card .game-cover:after{z-index:2;background:linear-gradient(180deg,#12101b00 40%,#12101b28 64%,#12101ba6 100%);pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff09;border-radius:inherit}
.game-poster-caption{position:absolute;z-index:3;inset:auto 0 0;height:30%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:3px 10px 10px;text-align:center}
.real-game-card .game-poster-caption .game-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:2.2em;width:100%;color:#fff;font-size:15px;font-weight:900;line-height:1.1;letter-spacing:-.35px;text-transform:uppercase;white-space:normal;text-wrap:balance}
.real-game-card .game-poster-caption .game-provider{display:block;width:100%;color:#e7e4f1bf;font-size:7px;font-weight:700;line-height:1.3;letter-spacing:.55px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
.real-game-card .game-cover:hover{transform:translateY(-2px)}
.real-game-card .game-play{z-index:4;background:#16151c33}
@media(max-width:700px){.real-game-card .game-poster-caption .game-name{font-size:13px}.game-poster-caption{gap:4px;padding:2px 7px 8px}.real-game-card .game-poster-caption .game-provider{font-size:6px}}
@media(max-width:390px){.real-game-card .game-poster-caption .game-name{font-size:11px;letter-spacing:-.2px}.real-game-card .game-poster-caption .game-provider{font-size:5.5px;letter-spacing:.25px}.game-poster-caption{gap:3px;padding:1px 5px 6px}}
.real-game-preview{height:280px;background:#251f20;margin:-36px -36px 25px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #564b4d}
.real-game-preview img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:1000px){.game-grid.real-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-grid.real-game-grid .game-card:nth-child(n+5){display:none}}
@media(max-width:580px){.real-game-card .game-name{font-size:10px}.real-game-card .game-provider{font-size:8px}.real-game-preview{height:250px}.category{padding-left:8px;padding-right:8px}.category-tabs{gap:2px}}
@media(max-width:390px){.real-game-preview{margin:-29px -29px 23px;height:235px}.real-game-card .game-name{font-size:9px}.real-game-card .game-provider{font-size:7px}.category{font-size:8px;padding-left:7px;padding-right:7px}.category svg{width:12px;height:12px}}
@media(prefers-reduced-motion:reduce){.real-game-art{transition:none!important}}


@media(max-width:1000px){.game-grid.full-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 12px}}
@media(max-width:580px){.game-grid.full-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}}