/* Styles used only by the Sports page (sports.html and es/sports.html), loaded after site.css. */

/* 12. Sports, "What is": the tap, with the jersey as the key. The jersey and the phone sit as on the other heroes:
   the key up and to the left, tilted, the phone rising over its lower part and tapping it, waves, the card, the experience, then the season bursts out of it. */
.stage-tap {
    width: min(1200px, 100%);
    margin-inline: auto;
}
.stage-tap .tap {
    width: min(100%, 47vh * 2400 / 950);
    margin-inline: auto;
    position: relative;
}
/* the season scene's phone is a little wider than the home screen's: its screen fills the same outline */
.tap.sp .tp-sbg {
    height: 100%;
    object-fit: fill;
}
/* the squad picture on the card: show the players' faces, near the top of the picture */
.tap.sp .tp-ci {
    background-position: 50% 14% !important;
}
@media (max-width: 700px) {
    .stage-tap .tap {
        width: 170% !important;
        margin-left: -35%;
    }
}