/**
 * trivia1.com /play — game-mode slider additions layered on top of the home
 * hero-slider system (trivia-home.css supplies .t1x-hero / .t1x-hslide /
 * .t1x-btn / .t1x-joinband / dots + arrows; this file adds only what /play
 * needs). Solid brand surfaces, ZERO gradients. t1x- scoped; page CSS linked
 * via @push('styles') on trivia-app.play-landing.
 */
.t1x-play { width: 100%; }

/* Alternating image side: on flipped slides the illustration moves to the
   right column and the copy to the left. Two-column layout only (≥900px);
   below that the image stacks on top for every slide, same as the home hero. */
@media (min-width: 900px) {
    .t1x-hslide.is-flip .t1x-hslide-media { order: 2; }
    .t1x-hslide.is-flip .t1x-hslide-copy  { order: 1; }
}