.gp{padding:36px 0 8px}
.gp-in{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:38px;align-items:center}
.gp-art{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:1;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.22), 0 8px 0 var(--card-edge), 0 18px 36px rgba(2,8,20,.45)}
.gp-art img,.gp-art svg{width:100%;height:100%;object-fit:cover}
.gp-head h1{font-size:clamp(34px,6vw,56px);line-height:1.08;font-weight:900;letter-spacing:-1px;color:var(--title);
  overflow-wrap:anywhere;hyphens:auto}
.gp-sub{margin-top:12px;font-size:clamp(16px,2.4vw,20px);color:var(--ink-soft)}
.gp-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.gp-back{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--accent)}
.gp-back svg{width:16px;height:16px}
.gp .badges{margin-top:26px}

.shots{padding:34px 0 10px}
.shots-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.shot figure{margin:0}
.shot img{width:100%;height:auto;border-radius:18px;background:var(--sunk);
  box-shadow:0 6px 0 var(--card-edge), 0 14px 30px rgba(2,8,20,.4)}
.shot figcaption{margin-top:10px;text-align:center;font-size:13px;font-weight:800;letter-spacing:.4px;
  text-transform:uppercase;color:var(--ink-soft)}

.rules{padding:34px 0 46px}
.rules-box{background:var(--sunk);box-shadow:var(--inset);border-radius:22px;padding:26px 26px 30px}
.rules-box h2{font-size:22px;font-weight:900;color:var(--title);margin-bottom:14px}
.rules-box h3{font-size:13px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
  color:var(--accent);margin:20px 0 8px}
.rules-box h3:first-of-type{margin-top:0}
.rules-box p{color:var(--ink-soft);margin-bottom:16px}
.rules-box ul{list-style:none;display:grid;gap:7px}
.rules-box li{position:relative;padding-inline-start:20px;color:var(--ink-soft)}
.rules-box li::before{content:"";position:absolute;inset-inline-start:4px;top:11px;width:6px;height:6px;
  border-radius:50%;background:var(--accent)}

.more-games{padding:8px 0 56px}
.more-games h2{font-size:22px;font-weight:900;color:var(--title);margin-bottom:16px}
.more-all{margin-top:18px}

@media (max-width:820px){
  .gp-in{grid-template-columns:1fr;gap:24px}
  .gp-art{max-width:240px}
  .shots-grid{
    display:flex;gap:14px;
    overflow-x:auto;overflow-y:hidden;
    padding:4px var(--pad) 10px;margin:0 calc(var(--pad) * -1);
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .shots-grid::-webkit-scrollbar{display:none}
  .shot{scroll-snap-align:center;flex:0 0 min(232px,64vw)}
  .shot figcaption{margin-top:8px}
}