/* Fight Station pages - on top of the shared css/antsmasher.css (as-* classes) */
.rf-hero { background: radial-gradient(ellipse at 30% 40%, #4a1030 0%, #1a0812 60%, #0d0612 100%); color: #fff; padding: 60px 0 50px; }
.rf-hero h1 { font-weight: 700; font-size: 3rem; color: #ffc94a; margin: 0 0 10px; text-shadow: 0 3px 0 #b3121f; letter-spacing: .02em; }
.rf-hero .as-tag { color: #f4e6ea; font-size: 1.2rem; }
.rf-hero .as-pill { background: rgba(255,255,255,.14); color: #fff; }
.rf-hero .as-icon { width: 96px; height: 96px; border-radius: 24px; box-shadow: 0 6px 18px rgba(0,0,0,.4); margin-bottom: 18px; }
.rf-hero-img { width: 100%; border-radius: 18px; box-shadow: 0 12px 30px rgba(0,0,0,.5); }
.rf-roster .as-card { border-top: 6px solid #b3121f; }
.rf-roster .rf-from { color: #b3121f; font-weight: 700; font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; }
.rf-roster .rf-moves { color: #4a1030; font-size: .92rem; margin: 0; }
.rf-modes .as-card { border-left: 6px solid #ffc94a; }
.rf-gallery { display: flex; gap: 16px; overflow-x: auto; padding: 10px 4px 24px; scroll-snap-type: x mandatory; }
.rf-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; }
.rf-keys td:first-child { white-space: nowrap; font-weight: 600; }
@media (max-width: 767px) { .rf-hero h1 { font-size: 2.2rem; } .rf-gallery img { height: 190px; } }