/* Gunstorm Commando pages - on top of the shared css/antsmasher.css (as-* classes) */
.gs-hero { background: linear-gradient(160deg, #0b1410 0%, #13261a 50%, #3a1206 100%); color: #fff; padding: 60px 0 50px; }
.gs-hero h1 { font-weight: 700; font-size: 3rem; color: #ffc94a; margin: 0 0 10px; text-shadow: 0 3px 0 #7a1206; letter-spacing: .02em; }
.gs-hero .as-tag { color: #e8f2e4; font-size: 1.2rem; }
.gs-hero .as-pill { background: rgba(255,255,255,.14); color: #fff; }
.gs-hero .as-icon { width: 96px; height: 96px; border-radius: 24px; box-shadow: 0 6px 18px rgba(0,0,0,.35); margin-bottom: 18px; }
.gs-hero-img { width: 100%; border-radius: 18px; box-shadow: 0 12px 30px rgba(0,0,0,.45); }
.gs-stage .as-card { border-top: 6px solid #7a1206; }
.gs-stage .gs-num { color: #7a1206; font-weight: 700; font-size: .85rem; letter-spacing: .08em; }
.gs-stage .gs-boss { color: #2f5a35; font-size: .92rem; margin: 0; }
.gs-squad .as-card { border-left: 6px solid #ffc94a; }
.gs-gallery { display: flex; gap: 16px; overflow-x: auto; padding: 10px 4px 24px; scroll-snap-type: x mandatory; }
.gs-gallery img { height: 300px; border-radius: 16px; box-shadow: 0 8px 22px rgba(0,0,0,.2); scroll-snap-align: start; flex: 0 0 auto; }
.gs-keys td:first-child { white-space: nowrap; font-weight: 600; }
@media (max-width: 767px) { .gs-hero h1 { font-size: 2.2rem; } .gs-gallery img { height: 190px; } }