/* ============================================
   Escena Basquet - aro lateral en esquina, jugador camina, pica y mete.
   Cuerpo del jugador: canchafija-runner.css (mismo modelo que futbol).
   ============================================ */

.cf-basquet {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.cf-basquet-hoop {
    position: absolute;
    right: 0;
    top: 12%;
    height: 50px;
}

.cf-basquet-hoop svg {
    display: block;
    height: 100%;
    width: auto;
}

.cf-basquet-player {
    height: 52px;
}

.cf-basquet-ball {
    position: absolute;
    width: 12px;
    left: 0;
    top: 0;
}

.cf-basquet-ball svg {
    display: block;
    width: 100%;
    height: auto;
}

/* Variante strip (home) */
.cf-basquet--strip .cf-basquet-hoop { height: 84px; }
.cf-basquet--strip .cf-basquet-player { height: 92px; }
.cf-basquet--strip .cf-basquet-ball { width: 22px; }

/* Estado quieto: pausa piernas y trote; libera los brazos para rotarlos por JS (transform inline). */
.cf-bsk-still .cf-player,
.cf-bsk-still .cf-leg-front,
.cf-bsk-still .cf-leg-back {
    animation-play-state: paused;
}
.cf-bsk-still .cf-arm-front,
.cf-bsk-still .cf-arm-back {
    animation: none;
}

/* Responsive */
@media (max-width: 576px) {
    .cf-basquet-hoop { height: 40px; }
    .cf-basquet-player { height: 42px; }
    .cf-basquet-ball { width: 10px; }
    .cf-basquet--strip .cf-basquet-hoop { height: 66px; }
    .cf-basquet--strip .cf-basquet-player { height: 72px; }
    .cf-basquet--strip .cf-basquet-ball { width: 18px; }
}