/* Game page: big cover and offer on top, screenshots, how to play, more games. */
.gp{padding-bottom:30px}
.crumbs{font:500 13px var(--mono);color:var(--muted);margin:6px 0 18px}
.crumbs a{color:var(--muted)}
.gp-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:center;padding-block:10px 20px}
.gp-cover{position:relative;display:block;border-radius:20px;overflow:hidden;border:2px solid var(--line)}
.gp-cover:hover{border-color:var(--c)}
.gp-cover img{display:block;width:100%;height:auto}
.gp-cover span{position:absolute;right:16px;bottom:16px;background:var(--c);color:#120f1c;font-weight:700;border-radius:999px;padding:9px 16px}
.gp h1{font-size:clamp(40px,7vw,72px);margin:0 0 12px;color:var(--c);line-height:.95}
.gp .lede{max-width:46ch}
.gp-offer{background:var(--panel);border-left:4px solid var(--c);border-radius:10px;padding:12px 14px;color:var(--fg);margin:16px 0 20px}
.gp .hint{margin-top:12px}
.gp section{padding-block:22px}
.gp h2{margin-bottom:14px}
.gp-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gp-shots img{width:100%;height:auto;border-radius:14px;border:2px solid var(--line);display:block}
.gp-how{display:grid;gap:10px;max-width:72ch}
.gp-how p{margin:0;background:var(--panel);border-radius:12px;padding:12px 16px;color:var(--fg)}
.gp-more{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.gp-more a{display:block;text-decoration:none;color:var(--fg);background:var(--panel);border:2px solid var(--line);border-radius:12px;overflow:hidden}
.gp-more a:hover{border-color:var(--c)}
.gp-more img{width:100%;aspect-ratio:63/50;object-fit:cover;display:block}
.gp-more b{display:block;padding:8px 10px;font-size:14px}
@media (max-width:900px){.gp-hero{grid-template-columns:1fr;gap:20px}.gp-more{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.gp-shots{grid-template-columns:1fr}.gp-more{grid-template-columns:repeat(2,minmax(0,1fr))}}