.gameplay-hero { position: relative; overflow: hidden; padding: 120px 0 90px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 78% 32%, rgba(101,196,102,.16), transparent 34%), linear-gradient(135deg, #0b100d 30%, #101a13); }
.gameplay-hero::after { position: absolute; inset: 0; content: ""; opacity: .08; background-image: linear-gradient(var(--green) 1px, transparent 1px), linear-gradient(90deg, var(--green) 1px, transparent 1px); background-size: 48px 48px; pointer-events: none; }
.gameplay-hero .container { position: relative; z-index: 1; }
.gameplay-hero h1 { max-width: 950px; font-size: clamp(3rem, 7vw, 6.2rem); }
.gameplay-intro { max-width: 790px; margin: 30px 0 0; color: var(--muted); font-size: 1.12rem; }
.gameplay-list { padding-block: 20px 105px; }
.gameplay-section { padding: 85px 0; border-bottom: 1px solid var(--line); }
.gameplay-section-header { display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; }
.gameplay-number { display: block; margin-bottom: 12px; color: var(--green); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .78rem; font-weight: 800; letter-spacing: .12em; }
.gameplay-section h2 { margin: 0; font-size: clamp(2.1rem, 5vw, 3.7rem); }
.gameplay-section h3 { margin: 4px 0 12px; font-size: clamp(1.35rem, 3vw, 2rem); line-height: 1.25; }
.gameplay-section-copy p { max-width: 680px; margin: 0; color: var(--muted); }
.gameplay-section-copy .related-mods { margin-top: 18px; color: var(--muted); opacity: .78; font-size: .82rem; line-height: 1.6; }
.gameplay-section--compact { padding-block: 70px; }
.gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 42px; }
.gallery-item { margin: 0; border: 1px solid var(--line); background: var(--surface); }
.gallery-media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; }
.gallery-placeholder { position: absolute; inset: 0; display: grid; place-items: center; overflow: hidden; background: linear-gradient(145deg, var(--surface-light), #0d1510); }
.gallery-placeholder::before { position: absolute; inset: 0; content: ""; opacity: .12; pointer-events: none; background-image: linear-gradient(45deg, transparent 48%, var(--green) 49%, var(--green) 51%, transparent 52%); background-size: 28px 28px; }
.placeholder-copy { position: relative; padding: 20px; text-align: center; }
.placeholder-copy strong, .placeholder-copy span { display: block; }
.placeholder-copy span { margin-top: 4px; color: var(--green-bright); font-size: .82rem; }
.gallery-item figcaption { min-height: 54px; padding: 13px 15px; border-top: 1px solid var(--line); color: var(--muted); font-size: .82rem; }
.gallery-item img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.gallery-item.has-image .gallery-placeholder { visibility: hidden; }
.gameplay-actions { display: flex; flex-wrap: wrap; gap: 12px; padding-top: 70px; }
@media (max-width: 900px) { .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .gameplay-hero { padding: 85px 0 65px; }
  .gameplay-section, .gameplay-section--compact { padding: 65px 0; }
  .gameplay-section-header, .gallery { grid-template-columns: 1fr; }
  .gameplay-section-header { gap: 24px; }
  .gameplay-actions { padding-top: 55px; }
}