/* Rooftop Rivals ultra gameplay polish */
.game-wind-chip {
    gap: 7px;
    padding-right: 8px;
}

.game-wind-target {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 3px;
    border-left: 1px solid rgba(255,255,255,.18);
    padding-left: 8px;
    color: rgba(255,255,255,.7);
    font-style: normal;
    letter-spacing: .05em;
}

.game-wind-target span {
    font-size: .48rem;
    opacity: .72;
}

.game-wind-target b {
    color: #fff;
    font-size: .58rem;
    font-weight: 900;
}

.game-wind-chip.wind-strong {
    border-color: rgba(56,215,255,.48);
    background: rgba(7,18,45,.72);
    box-shadow: 0 12px 32px rgba(56,215,255,.12), inset 0 0 0 1px rgba(56,215,255,.05);
}

.game-wind-chip.wind-strong .game-wind-arrow {
    filter: drop-shadow(0 0 7px rgba(56,215,255,.72));
}

.game-stage::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    opacity: .22;
    background:
        radial-gradient(circle at 20% 18%, rgba(56,215,255,.08), transparent 18%),
        linear-gradient(115deg, transparent 0 46%, rgba(255,255,255,.035) 49%, transparent 52% 100%);
    mix-blend-mode: screen;
}

.game-player-card.is-active {
    border-color: rgba(56,215,255,.72);
    box-shadow: 0 14px 40px rgba(56,126,255,.16), inset 0 0 0 1px rgba(255,255,255,.08);
}

.game-status-left [data-game-status] {
    transition: opacity .2s ease;
}

@media (max-width: 767px) {
    .game-wind-chip {
        max-width: calc(100% - 136px);
        padding-left: 9px;
        padding-right: 7px;
        gap: 5px;
        font-size: .54rem;
    }

    .game-wind-target {
        padding-left: 6px;
        margin-left: 1px;
        gap: 3px;
    }

    .game-wind-target span {
        display: none;
    }

    .game-wind-target b {
        font-size: .54rem;
    }
}

@media (max-width: 430px) {
    .game-wind-chip {
        top: 12px;
        min-height: 31px;
        max-width: calc(100% - 118px);
    }

    .game-wind-target {
        border-left-color: rgba(255,255,255,.14);
    }
}

@media (prefers-reduced-motion: reduce) {
    .game-wind-chip.wind-strong,
    .game-player-card.is-active {
        transition: none !important;
    }
}