/* Dedicated artwork for the room team switch; behavior remains in game JS. */
#roomButtonChangeTeam,
.HD #roomButtonChangeTeam {
    width: 44px;
    height: 50px;
    margin-left: -4px;
    margin-top: -9px;
    overflow: visible;
    background-image: url('/static/images/change_team.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    filter: drop-shadow(0 0 4px rgba(0, 215, 255, .9));
    transition: transform .14s ease, filter .14s ease;
}

#roomButtonChangeTeam:hover,
.HD #roomButtonChangeTeam:hover {
    background-position: center center !important;
    transform: translateY(-1px) scale(1.07);
    filter: drop-shadow(0 0 7px rgba(0, 225, 255, 1));
}

#roomButtonChangeTeam:active,
.HD #roomButtonChangeTeam:active {
    background-position: center center !important;
    transform: translateY(1px) scale(.96);
}

#roomButtonChangeTeam::after {
    content: 'Team';
    position: absolute;
    left: 50%;
    top: 43px;
    transform: translateX(-50%);
    color: #fff;
    font: 700 12px/1 Arial, sans-serif;
    white-space: nowrap;
    pointer-events: none;
    text-shadow: -1px -1px 0 #071322, 1px -1px 0 #071322,
                 -1px 1px 0 #071322, 1px 1px 0 #071322,
                 0 0 4px #00dfff;
}
