.game-cards{display:grid;gap:14px}
body[data-page=games] .intro{padding:4px 0 17px}
body[data-page=games] .intro .eyebrow{font-size:9px;letter-spacing:1.2px;color:#b4bba8}
body[data-page=games] .intro h1{font:400 36px/1.1 var(--display);margin:5px 0 8px;text-transform:uppercase}
body[data-page=games] .intro h1 em{color:#ffe000;font-style:normal}
body[data-page=games] .intro>p:last-child{font-size:12px;color:#a7b19f}
body[data-page=games] .description-points b{font-weight:400}
.expandable-game{overflow:hidden;border:1px solid #625c28;border-radius:11px;background:#151a15}
.game-cover{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#141a14;color:#f1eedf;text-align:left;cursor:pointer;overflow:hidden;font:inherit}
.game-cover:focus-visible{outline:3px solid #67b3ff;outline-offset:-4px}
.game-cover::after{content:'';position:absolute;inset:35% 0 0;z-index:-1;background:linear-gradient(transparent,#101212e6)}
.game-cover>img.cover-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;z-index:-2}
.game-cover-ucl{background:repeating-linear-gradient(128deg,transparent 0 47px,#f1eedf05 48px 49px,transparent 50px 82px),#141a14}
.game-cover-ucl::after{inset:0;background:linear-gradient(90deg,#101212 0,#101212df 32%,#10121222 70%)}
.game-cover-ucl .cover-starball{position:absolute;right:-28px;top:-27px;width:66%;height:auto;opacity:.97;z-index:-2}


.cover-title{position:absolute;left:15px;bottom:16px;right:48px}
.cover-title h2{font:400 clamp(27px,8vw,41px)/1.02 var(--display);text-transform:uppercase;text-shadow:2px 3px #101212;margin:0;color:#fff7e0}
.game-cover-ucl .cover-title h2{color:#ffe000;max-width:240px}
.cover-title p{font-size:10px;color:#d5d7bd;margin-top:8px;line-height:1.4}
.game-cover-rpl .cover-title h2{font-size:clamp(25px,7.5vw,35px);max-width:230px}
.game-cover-best>img.cover-art{object-position:center center}
.game-cover-best::after{inset:75% 0 0;background:linear-gradient(transparent,#101212bd)}


.cover-disclosure{position:absolute;right:12px;bottom:13px;display:grid;place-items:center;width:29px;height:29px;border:1px solid #93842c;border-radius:6px;background:#101212d9;color:#ffe000}
.cover-disclosure svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .32s ease}
.game-cover[aria-expanded=true] .cover-disclosure svg{transform:rotate(180deg)}
.game-description{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .34s cubic-bezier(.2,.7,.3,1),visibility .34s}
.expandable-game.is-open .game-description{grid-template-rows:1fr;visibility:visible}
.game-description>div{min-height:0;overflow:hidden;background:#f1eedf;color:#101212}
.description-inner{padding:16px}
.description-inner h3{font:400 23px/1.15 var(--display);margin:0 0 9px;text-transform:uppercase}
.description-inner p{font-size:12px;line-height:1.65;color:#58604b;margin:0 0 11px}
.description-inner strong{color:#252e20}
.description-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.description-tags span{border:1px solid #cec69d;border-radius:4px;color:#6e6744;padding:3px 6px;font-size:8px;font-weight:600}
.description-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:13px 0}
.description-points>div{background:#e8e3cc;border:1px solid #d4c991;border-radius:6px;padding:8px 3px;text-align:center}
.description-points b{display:block;font:400 25px/1 var(--display);color:#252b1d}
.description-points span{display:block;margin-top:4px;font-size:8px;line-height:1.3;color:#6b6b50}
.enter-league{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#ffe000;color:#101212;border:1px solid #c6ab00;border-radius:6px;padding:11px 12px;font:400 21px/1.1 var(--display);margin-top:14px}
.enter-league .arrow{font:24px/1 Arial,sans-serif}
.description-inner .description-muted{font-size:10px;color:#8b8364;margin:9px 0 0}
.development-label{margin-top:14px;padding-top:12px;border-top:1px solid #d1c9a7;color:#806c12;font-size:10px;font-weight:700;line-height:1.5}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.game-description,.cover-disclosure svg{transition:none}}
@media(max-width:350px){.cover-title{left:12px;bottom:12px}.cover-title p{font-size:9px;max-width:185px}.game-cover-ucl .cover-starball{right:-24px;top:-17px;width:69%}.description-inner{padding:13px}.description-inner p{font-size:11px}.description-points span{font-size:7.5px}}