@import url("01-base-and-shared-ui.css");
@import url("02-branding-and-titles.css");
@import url("03-homepage-and-lobby.css");
@import url("04-game-layout-and-navigation.css");
@import url("05-board-cards-and-reveals.css");
@import url("06-teams-players-and-spectators.css");
@import url("07-clues-voting-and-turn-controls.css");
@import url("08-game-log-and-history.css");
@import url("09-overlays-modals-and-effects.css");

html body #app #game.gameV9 > aside.teamPanel,
html body.discordActivity #app #game.gameV9 > aside.teamPanel {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection),
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    animation: none !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection)::before,
html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection)::after,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection)::before,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection)::after {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    isolation: auto !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player::before,
html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player::after,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player::before,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border-radius: 50% !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar.customAvatar,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar.customAvatar {
    overflow: hidden !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > img,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 50% !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody,
html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody > b,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody > b {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    gap: 10px 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 2px 0 0 !important;
    margin: 0 auto !important;
    overflow: visible !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
    position: relative !important;
    flex: 0 0 74px !important;
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    min-height: 86px !important;
    padding: 0 0 18px 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    overflow: visible !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar {
    position: relative !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    display: grid !important;
    place-items: center !important;
    font-size: 36px !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody > b,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody > b {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    text-align: center !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player .playerNameText,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player .playerNameText {
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    background: rgba(0, 0, 0, .84) !important;
    color: #fff8d8 !important;
    font-family: "Segoe UI Black", "Arial Black", system-ui, sans-serif !important;
    font-weight: 1000 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    letter-spacing: .2px !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .95), 0 0 6px rgba(255, 215, 108, .16) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .34) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    z-index: 8 !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > h3,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > h3 {
    color: #fff1b2 !important;
    font-family: "Segoe UI Black", "Arial Black", system-ui, sans-serif !important;
    font-weight: 1000 !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .95), 0 0 8px rgba(255, 215, 108, .22) !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > .crownMark,
html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .crownMark,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > .crownMark,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .crownMark {
    position: absolute !important;
    left: -5px !important;
    top: -6px !important;
    right: auto !important;
    font-size: 20px !important;
    line-height: 1 !important;
    transform: rotate(-32deg) !important;
    transform-origin: center center !important;
    z-index: 10 !important;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .95)) drop-shadow(0 0 6px rgba(255, 215, 108, .4)) !important;
    pointer-events: none !important;
}

@media (max-width: 1280px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
        flex-basis: 70px !important;
        width: 70px !important;
        min-width: 70px !important;
        max-width: 70px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        font-size: 33px !important;
    }
}

@media (max-width: 980px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
        gap: 8px 6px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
        flex-basis: 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        min-height: 76px !important;
        padding-bottom: 16px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        font-size: 28px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player .playerNameText,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player .playerNameText {
        font-size: 11px !important;
        padding: 2px 7px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > h3,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > h3 {
        font-size: 13px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > .crownMark,
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .crownMark,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > .crownMark,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .crownMark {
        left: -4px !important;
        top: -5px !important;
        font-size: 17px !important;
    }
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection),
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) {
    padding: 0 0 8px 0 !important;
    margin: 10px 0 !important;
    overflow: visible !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
    display: grid !important;
    grid-template-columns: repeat(3, 74px) !important;
    justify-content: center !important;
    justify-items: center !important;
    align-items: start !important;
    align-content: start !important;
    gap: 10px 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 4px 0 0 0 !important;
    margin: 0 auto !important;
    overflow: visible !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
    position: relative !important;
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    min-height: 88px !important;
    padding: 0 0 19px 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    overflow: visible !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar {
    position: relative !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    border-radius: 50% !important;
    overflow: visible !important;
    display: grid !important;
    place-items: center !important;
    font-size: 36px !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > img,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody > b,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody > b {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    text-align: center !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player .playerNameText,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player .playerNameText {
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    background: rgba(0, 0, 0, .88) !important;
    color: #fff8d8 !important;
    font-family: "Segoe UI Black", "Arial Black", system-ui, sans-serif !important;
    font-weight: 1000 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    letter-spacing: .2px !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .95), 0 0 6px rgba(255, 215, 108, .18) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .34) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    z-index: 8 !important;
}

html body #app #game.gameV9 > aside#goldPanel > section:nth-of-type(2) > h3,
html body #app #game.gameV9 > aside#blackPanel > section:nth-of-type(2) > h3,
html body.discordActivity #app #game.gameV9 > aside#goldPanel > section:nth-of-type(2) > h3,
html body.discordActivity #app #game.gameV9 > aside#blackPanel > section:nth-of-type(2) > h3 {
    font-size: 0 !important;
}

html body #app #game.gameV9 > aside#goldPanel > section:nth-of-type(2) > h3::after,
html body #app #game.gameV9 > aside#blackPanel > section:nth-of-type(2) > h3::after,
html body.discordActivity #app #game.gameV9 > aside#goldPanel > section:nth-of-type(2) > h3::after,
html body.discordActivity #app #game.gameV9 > aside#blackPanel > section:nth-of-type(2) > h3::after {
    content: "SPYMASTER" !important;
    display: block !important;
    font-size: 15px !important;
    font-family: "Segoe UI Black", "Arial Black", system-ui, sans-serif !important;
    font-weight: 1000 !important;
    letter-spacing: 1px !important;
    color: #fff1b2 !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .95), 0 0 8px rgba(255, 215, 108, .22) !important;
}

html body[data-lang="ar"] #app #game.gameV9 > aside#goldPanel > section:nth-of-type(2) > h3::after,
html body[data-lang="ar"] #app #game.gameV9 > aside#blackPanel > section:nth-of-type(2) > h3::after,
html body.discordActivity[data-lang="ar"] #app #game.gameV9 > aside#goldPanel > section:nth-of-type(2) > h3::after,
html body.discordActivity[data-lang="ar"] #app #game.gameV9 > aside#blackPanel > section:nth-of-type(2) > h3::after {
    content: "صاحب التلميح" !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > .crownMark,
html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .crownMark,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > .crownMark,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .crownMark {
    position: absolute !important;
    left: -7px !important;
    top: -8px !important;
    right: auto !important;
    font-size: 22px !important;
    line-height: 1 !important;
    transform: rotate(-32deg) !important;
    transform-origin: center center !important;
    z-index: 20 !important;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .95)) drop-shadow(0 0 6px rgba(255, 215, 108, .45)) !important;
    pointer-events: none !important;
}

@media (max-width: 1280px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
        grid-template-columns: repeat(3, 70px) !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
        width: 70px !important;
        min-width: 70px !important;
        max-width: 70px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        font-size: 33px !important;
    }
}

@media (max-width: 980px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
        grid-template-columns: repeat(3, 64px) !important;
        gap: 8px 6px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        min-height: 78px !important;
        padding-bottom: 16px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        font-size: 28px !important;
    }

    html body #app #game.gameV9 > aside#goldPanel > section:nth-of-type(2) > h3::after,
    html body #app #game.gameV9 > aside#blackPanel > section:nth-of-type(2) > h3::after,
    html body.discordActivity #app #game.gameV9 > aside#goldPanel > section:nth-of-type(2) > h3::after,
    html body.discordActivity #app #game.gameV9 > aside#blackPanel > section:nth-of-type(2) > h3::after {
        font-size: 13px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player .playerNameText,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player .playerNameText {
        font-size: 11px !important;
        padding: 2px 7px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > .crownMark,
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .crownMark,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > .crownMark,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .crownMark {
        left: -5px !important;
        top: -6px !important;
        font-size: 18px !important;
    }
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection),
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) {
    position: relative !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > h3,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > h3 {
    position: relative !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    overflow: visible !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection):has(> .teamList > .player) > h3,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection):has(> .teamList > .player) > h3 {
    min-height: 126px !important;
    padding-top: 10px !important;
    padding-bottom: 88px !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
    position: absolute !important;
    left: 50% !important;
    top: 40px !important;
    transform: translateX(-50%) !important;
    display: grid !important;
    grid-template-columns: repeat(3, 74px) !important;
    justify-content: center !important;
    justify-items: center !important;
    align-items: start !important;
    align-content: start !important;
    gap: 10px 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    z-index: 4 !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList:empty,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList:empty {
    display: none !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    min-height: 84px !important;
    padding: 0 0 18px 0 !important;
    margin: 0 !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar.customAvatar,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar.customAvatar {
    position: relative !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    border-radius: 50% !important;
    overflow: visible !important;
    display: grid !important;
    place-items: center !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > img,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    overflow: hidden !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > .crownMark,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > .crownMark {
    position: absolute !important;
    left: -6px !important;
    top: -7px !important;
    right: auto !important;
    font-size: 22px !important;
    line-height: 1 !important;
    transform: rotate(-32deg) !important;
    transform-origin: center center !important;
    z-index: 30 !important;
    overflow: visible !important;
    pointer-events: none !important;
}

@media (max-width: 1280px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection):has(> .teamList > .player) > h3,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection):has(> .teamList > .player) > h3 {
        min-height: 118px !important;
        padding-bottom: 82px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
        grid-template-columns: repeat(3, 70px) !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
        width: 70px !important;
        min-width: 70px !important;
        max-width: 70px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar.customAvatar,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar.customAvatar {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
    }
}

@media (max-width: 980px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection):has(> .teamList > .player) > h3,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection):has(> .teamList > .player) > h3 {
        min-height: 108px !important;
        padding-bottom: 74px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
        top: 38px !important;
        grid-template-columns: repeat(3, 64px) !important;
        gap: 8px 6px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        min-height: 76px !important;
        padding-bottom: 16px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar.customAvatar,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar.customAvatar {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > .crownMark,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > .crownMark {
        left: -5px !important;
        top: -6px !important;
        font-size: 18px !important;
    }
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 40px !important;
    transform: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    gap: 10px 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 4px !important;
    margin: 0 auto !important;
    overflow: visible !important;
    z-index: 4 !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
    flex: 0 0 74px !important;
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
}

@media (max-width: 1280px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
        flex-basis: 70px !important;
        width: 70px !important;
        min-width: 70px !important;
        max-width: 70px !important;
    }
}

@media (max-width: 980px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
        top: 38px !important;
        gap: 8px 6px !important;
        padding: 0 3px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
        flex-basis: 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
    }
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection),
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) {
    position: relative !important;
    width: 100% !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 40px !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    gap: 10px 8px !important;
    width: 238px !important;
    max-width: calc(100% - 8px) !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    z-index: 4 !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
    flex: 0 0 74px !important;
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
}

@media (max-width: 1280px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
        width: 226px !important;
        max-width: calc(100% - 8px) !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
        flex-basis: 70px !important;
        width: 70px !important;
        min-width: 70px !important;
        max-width: 70px !important;
    }
}

@media (max-width: 980px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
        top: 38px !important;
        gap: 8px 6px !important;
        width: 204px !important;
        max-width: calc(100% - 6px) !important;
        padding: 0 !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
        flex-basis: 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
    }
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection),
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    width: 100% !important;
    min-height: 34px !important;
    margin: 8px 0 !important;
    padding: 0 6px 8px !important;
    background: rgba(0, 0, 0, .38) !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 10px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > h3,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > h3 {
    width: 100% !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: #fff1b2 !important;
    font-family: "Segoe UI Black", "Arial Black", system-ui, sans-serif !important;
    font-size: 15px !important;
    font-weight: 1000 !important;
    letter-spacing: 1px !important;
    line-height: 1 !important;
    text-align: center !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .95), 0 0 8px rgba(255, 215, 108, .22) !important;
    box-sizing: border-box !important;
}

html body #app #game.gameV9 > aside#goldPanel > section:nth-of-type(2) > h3,
html body #app #game.gameV9 > aside#blackPanel > section:nth-of-type(2) > h3,
html body.discordActivity #app #game.gameV9 > aside#goldPanel > section:nth-of-type(2) > h3,
html body.discordActivity #app #game.gameV9 > aside#blackPanel > section:nth-of-type(2) > h3 {
    font-size: 0 !important;
}

html body #app #game.gameV9 > aside#goldPanel > section:nth-of-type(2) > h3::after,
html body #app #game.gameV9 > aside#blackPanel > section:nth-of-type(2) > h3::after,
html body.discordActivity #app #game.gameV9 > aside#goldPanel > section:nth-of-type(2) > h3::after,
html body.discordActivity #app #game.gameV9 > aside#blackPanel > section:nth-of-type(2) > h3::after {
    content: "SPYMASTER" !important;
    display: block !important;
    font-family: "Segoe UI Black", "Arial Black", system-ui, sans-serif !important;
    font-size: 15px !important;
    font-weight: 1000 !important;
    letter-spacing: 1px !important;
    line-height: 1 !important;
    color: #fff1b2 !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .95), 0 0 8px rgba(255, 215, 108, .22) !important;
}

html body[data-lang="ar"] #app #game.gameV9 > aside#goldPanel > section:nth-of-type(2) > h3::after,
html body[data-lang="ar"] #app #game.gameV9 > aside#blackPanel > section:nth-of-type(2) > h3::after,
html body.discordActivity[data-lang="ar"] #app #game.gameV9 > aside#goldPanel > section:nth-of-type(2) > h3::after,
html body.discordActivity[data-lang="ar"] #app #game.gameV9 > aside#blackPanel > section:nth-of-type(2) > h3::after {
    content: "صاحب التلميح" !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    justify-items: center !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    gap: 10px 8px !important;
    width: 238px !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 2px 0 0 !important;
    margin: 0 auto !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList:empty,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList:empty {
    display: none !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
    position: relative !important;
    flex: 0 0 74px !important;
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    min-height: 84px !important;
    padding: 0 0 18px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar.customAvatar,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar.customAvatar {
    position: relative !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    display: grid !important;
    place-items: center !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    overflow: visible !important;
    font-size: 36px !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > img,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > .crownMark,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > .crownMark {
    position: absolute !important;
    left: -6px !important;
    top: -7px !important;
    right: auto !important;
    font-size: 22px !important;
    line-height: 1 !important;
    transform: rotate(-32deg) !important;
    transform-origin: center center !important;
    z-index: 30 !important;
    pointer-events: none !important;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .95)) drop-shadow(0 0 6px rgba(255, 215, 108, .45)) !important;
}

@media (max-width: 1280px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
        width: 226px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
        flex-basis: 70px !important;
        width: 70px !important;
        min-width: 70px !important;
        max-width: 70px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar.customAvatar,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar.customAvatar {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        font-size: 33px !important;
    }
}

@media (max-width: 980px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection),
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) {
        gap: 3px !important;
        padding-bottom: 6px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > h3,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > h3,
    html body #app #game.gameV9 > aside#goldPanel > section:nth-of-type(2) > h3::after,
    html body #app #game.gameV9 > aside#blackPanel > section:nth-of-type(2) > h3::after,
    html body.discordActivity #app #game.gameV9 > aside#goldPanel > section:nth-of-type(2) > h3::after,
    html body.discordActivity #app #game.gameV9 > aside#blackPanel > section:nth-of-type(2) > h3::after {
        font-size: 13px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
        width: 204px !important;
        gap: 8px 6px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
        flex-basis: 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        min-height: 76px !important;
        padding-bottom: 16px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar.customAvatar,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar.customAvatar {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        font-size: 28px !important;
    }

    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > .crownMark,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > .crownMark {
        left: -5px !important;
        top: -6px !important;
        font-size: 18px !important;
    }
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection),
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection),
html body #app #game.gameV9 > aside.teamPanel > section.activeRoleSection:not(.sideLogSection),
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section.activeRoleSection:not(.sideLogSection) {
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    block-size: auto !important;
    align-self: stretch !important;
    overflow: visible !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    block-size: auto !important;
    overflow: visible !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
    height: auto !important;
    max-height: none !important;
}

html body #app #game .miniScoreCard::before,
html body.discordActivity #app #game .miniScoreCard::before,
html body #app #game .goldMini::before,
html body #app #game .blackMini::before,
html body.discordActivity #app #game .goldMini::before,
html body.discordActivity #app #game .blackMini::before {
    content: none !important;
    display: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

html body #app #game .miniScoreCard,
html body.discordActivity #app #game .miniScoreCard {
    box-shadow: 0 12px 24px rgba(0, 0, 0, .46) !important;
}

@media (min-width: 981px) {
    html body #app #game.gameV9 > #adminControlBar.bottomOptionsBar,
    html body.discordActivity #app #game.gameV9 > #adminControlBar.bottomOptionsBar {
        position: relative !important;
        grid-column: 2 !important;
        grid-row: 2 !important;
        align-self: end !important;
        justify-self: end !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        width: calc((100% - 28px) / 5) !important;
        max-width: none !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        pointer-events: none !important;
        z-index: 100004 !important;
    }

    html body #app #game.gameV9 > #adminControlBar.bottomOptionsBar .gameOptionsWrap,
    html body.discordActivity #app #game.gameV9 > #adminControlBar.bottomOptionsBar .gameOptionsWrap {
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        pointer-events: auto !important;
    }

    html body #app #game.gameV9 > #adminControlBar.bottomOptionsBar .optionsMenu,
    html body.discordActivity #app #game.gameV9 > #adminControlBar.bottomOptionsBar .optionsMenu {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection):has(> .teamList > .player) > h3,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection):has(> .teamList > .player) > h3,
html body #app #game.gameV9 > aside.teamPanel > section.activeRoleSection:not(.sideLogSection):has(> .teamList > .player) > h3,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section.activeRoleSection:not(.sideLogSection):has(> .teamList > .player) > h3 {
    height: auto !important;
    min-height: 34px !important;
    max-height: none !important;
    padding: 8px 10px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    align-items: center !important;
    justify-content: center !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection),
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection),
html body #app #game.gameV9 > aside.teamPanel > section.activeRoleSection:not(.sideLogSection),
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section.activeRoleSection:not(.sideLogSection) {
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    block-size: auto !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    block-size: auto !important;
}

html body #app #game.gameV9 #goldOperatives > .player:not(.editingName) > .playerBody,
html body #app #game.gameV9 #blackOperatives > .player:not(.editingName) > .playerBody,
html body.discordActivity #app #game.gameV9 #goldOperatives > .player:not(.editingName) > .playerBody,
html body.discordActivity #app #game.gameV9 #blackOperatives > .player:not(.editingName) > .playerBody {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 20px !important;
    min-height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

html body #app #game.gameV9 #goldOperatives > .player:not(.editingName) > .playerBody > b,
html body #app #game.gameV9 #blackOperatives > .player:not(.editingName) > .playerBody > b,
html body.discordActivity #app #game.gameV9 #goldOperatives > .player:not(.editingName) > .playerBody > b,
html body.discordActivity #app #game.gameV9 #blackOperatives > .player:not(.editingName) > .playerBody > b {
    position: static !important;
    width: auto !important;
    height: 20px !important;
    min-height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

html body #app #game.gameV9 #goldOperatives > .player:not(.editingName) .playerNameText,
html body #app #game.gameV9 #blackOperatives > .player:not(.editingName) .playerNameText,
html body.discordActivity #app #game.gameV9 #goldOperatives > .player:not(.editingName) .playerNameText,
html body.discordActivity #app #game.gameV9 #blackOperatives > .player:not(.editingName) .playerNameText {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: auto !important;
    max-width: 100% !important;
    height: 20px !important;
    min-height: 20px !important;
    padding: 0 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    line-height: 20px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media (max-width: 980px) {
    html body #app #game.gameV9 #goldOperatives > .player:not(.editingName) > .playerBody,
    html body #app #game.gameV9 #blackOperatives > .player:not(.editingName) > .playerBody,
    html body.discordActivity #app #game.gameV9 #goldOperatives > .player:not(.editingName) > .playerBody,
    html body.discordActivity #app #game.gameV9 #blackOperatives > .player:not(.editingName) > .playerBody,
    html body #app #game.gameV9 #goldOperatives > .player:not(.editingName) > .playerBody > b,
    html body #app #game.gameV9 #blackOperatives > .player:not(.editingName) > .playerBody > b,
    html body.discordActivity #app #game.gameV9 #goldOperatives > .player:not(.editingName) > .playerBody > b,
    html body.discordActivity #app #game.gameV9 #blackOperatives > .player:not(.editingName) > .playerBody > b,
    html body #app #game.gameV9 #goldOperatives > .player:not(.editingName) .playerNameText,
    html body #app #game.gameV9 #blackOperatives > .player:not(.editingName) .playerNameText,
    html body.discordActivity #app #game.gameV9 #goldOperatives > .player:not(.editingName) .playerNameText,
    html body.discordActivity #app #game.gameV9 #blackOperatives > .player:not(.editingName) .playerNameText {
        height: 18px !important;
        min-height: 18px !important;
        line-height: 18px !important;
    }
}

html body #app #game.gameV9 #board.board > button.card.revealed.crownOnlyReveal > span.word,
html body.discordActivity #app #game.gameV9 #board.board > button.card.revealed.crownOnlyReveal > span.word {
    position: absolute !important;
    inset: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    translate: none !important;
    transform: scale(.96) !important;
    transform-origin: center center !important;
    width: min(78%, 260px) !important;
    max-width: min(78%, 260px) !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: auto !important;
    padding: 7px 10px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    border-radius: 10px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 30 !important;
    transition: opacity .16s ease, visibility .16s ease, transform .16s ease !important;
}

html body #app #game.gameV9 #board.board > button.card.revealed.crownOnlyReveal:hover > span.word,
html body.discordActivity #app #game.gameV9 #board.board > button.card.revealed.crownOnlyReveal:hover > span.word {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1) !important;
}

html body #app #game.gameV9 #board.board > button.card.revealed.crownOnlyReveal:hover > .cardCrownLayer,
html body.discordActivity #app #game.gameV9 #board.board > button.card.revealed.crownOnlyReveal:hover > .cardCrownLayer {
    opacity: .16 !important;
    filter: drop-shadow(0 5px 8px rgba(0, 0, 0, .28)) !important;
    transition: opacity .16s ease, filter .16s ease !important;
}

html body #app #game.gameV9 #board.board > button.card.revealed.crownOnlyReveal {
    cursor: default !important;
}

html body #app #game.gameV9 #board.board > button.card.correctRevealFirework,
html body.discordActivity #app #game.gameV9 #board.board > button.card.correctRevealFirework {
    position: relative !important;
    isolation: isolate !important;
    overflow: visible !important;
    z-index: 44 !important;
}

html body #app #game.gameV9 #board.board > button.card.correctRevealFirework.blue,
html body.discordActivity #app #game.gameV9 #board.board > button.card.correctRevealFirework.blue {
    --firework-color: #ffd447;
    --firework-color-soft: #fff2a8;
    --firework-glow: rgba(255, 212, 71, .95);
}

html body #app #game.gameV9 #board.board > button.card.correctRevealFirework.red,
html body.discordActivity #app #game.gameV9 #board.board > button.card.correctRevealFirework.red {
    --firework-color: #111114;
    --firework-color-soft: #55555d;
    --firework-glow: rgba(255, 215, 108, .82);
}

html body #app #game.gameV9 #board.board > button.card.correctRevealFirework > .cardFireworkLayer,
html body.discordActivity #app #game.gameV9 #board.board > button.card.correctRevealFirework > .cardFireworkLayer {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    overflow: visible !important;
    pointer-events: none !important;
    z-index: 35 !important;
}

html body #app #game.gameV9 #board.board > button.card.correctRevealFirework > .cardFireworkLayer::before,
html body.discordActivity #app #game.gameV9 #board.board > button.card.correctRevealFirework > .cardFireworkLayer::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 34% !important;
    aspect-ratio: 1 !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, var(--firework-color-soft) 0 14%, var(--firework-color) 15% 32%, transparent 68%) !important;
    transform: translate(-50%, -50%) scale(.2) !important;
    opacity: 0 !important;
    filter: drop-shadow(0 0 10px var(--firework-glow)) !important;
    animation: cardFireworkCore 700ms ease-out 180ms both !important;
}

html body #app #game.gameV9 #board.board > button.card.correctRevealFirework > .cardFireworkLayer > i,
html body.discordActivity #app #game.gameV9 #board.board > button.card.correctRevealFirework > .cardFireworkLayer > i {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: var(--particle-size, 6px) !important;
    height: var(--particle-size, 6px) !important;
    border-radius: 50% !important;
    background: var(--firework-color) !important;
    border: 1px solid var(--firework-color-soft) !important;
    box-shadow: 0 0 6px var(--firework-glow), 0 0 12px var(--firework-glow) !important;
    opacity: 0 !important;
    transform: translate(-50%, -50%) scale(.2) !important;
    animation: cardFireworkParticle 820ms cubic-bezier(.12, .68, .18, 1) calc(180ms + var(--particle-delay, 0ms)) both !important;
}

html body #app #game.gameV9 #board.board > button.card.correctRevealFirework> .cardCrownLayer,
html body.discordActivity #app #game.gameV9 #board.board > button.card.correctRevealFirework> .cardCrownLayer {
    opacity: 1 !important;
}

html body #app #game.gameV9 #board.board > button.card.correctRevealFirework > span.word,
html body.discordActivity #app #game.gameV9 #board.board > button.card.correctRevealFirework > span.word {
    opacity: 0 !important;
    visibility: hidden !important;
}

@keyframes cardFireworkCore {
    0% { opacity: 0; transform: translate(-50%, -50%) scale(.18); }
    15% { opacity: 1; }
    56% { opacity: .95; transform: translate(-50%, -50%) scale(1.15); }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(1.75); }
}

@keyframes cardFireworkParticle {
    0% { opacity: 0; transform: translate(-50%, -50%) scale(.15); }
    10% { opacity: 1; }
    70% { opacity: 1; transform: translate(calc(-50% + var(--particle-x)), calc(-50% + var(--particle-y))) scale(1); }
    100% { opacity: 0; transform: translate(calc(-50% + var(--particle-x-end)), calc(-50% + var(--particle-y-end))) scale(.12); }
}

html body #app #game.gameV9 .boardWrap:has(#board > .correctRevealFirework),
html body #app #game.gameV9 #board.board:has(> .correctRevealFirework),
html body.discordActivity #app #game.gameV9 .boardWrap:has(#board > .correctRevealFirework),
html body.discordActivity #app #game.gameV9 #board.board:has(> .correctRevealFirework) {
    overflow: visible !important;
}

@media (max-width: 980px) {
    html body #app #game.gameV9 #board.board > button.card.revealed.crownOnlyReveal > span.word,
    html body.discordActivity #app #game.gameV9 #board.board > button.card.revealed.crownOnlyReveal > span.word {
        width: min(82%, 190px) !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        padding: 5px 7px !important;
    }

    html body #app #game.gameV9 #board.board > button.card.correctRevealFirework > .cardFireworkLayer > i,
    html body.discordActivity #app #game.gameV9 #board.board > button.card.correctRevealFirework > .cardFireworkLayer > i {
        width: max(4px, calc(var(--particle-size, 6px) * .78)) !important;
        height: max(4px, calc(var(--particle-size, 6px) * .78)) !important;
    }
}

.cardRevealFullGhost.cardRevealLiftGhost,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost {
    animation: revealGhostApproachHoldReturn var(--reveal-ms, 2200ms) cubic-bezier(.22, .7, .18, 1) both !important;
    transform-origin: 50% 50% !important;
    transition: background .12s ease, outline-color .12s ease, box-shadow .12s ease !important;
}

.cardRevealFullGhost.cardRevealLiftGhost.cardRevealLiftGhostDone,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost.cardRevealLiftGhostDone {
    animation: none !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    opacity: 0 !important;
    transition: opacity .12s ease !important;
}

.cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhost-blue,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhost-blue {
    background-color: #d9a817 !important;
    background-image: radial-gradient(circle at 35% 18%, #fff0a6, #ffd64f 48%, #b67b00 100%) !important;
    outline-color: rgba(255, 221, 111, .98) !important;
    box-shadow: 0 28px 46px rgba(0, 0, 0, .62), 0 0 0 6px rgba(255, 211, 70, .32), 0 0 34px rgba(255, 211, 70, .58) !important;
}

.cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhost-red,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhost-red {
    background-color: #0b0b0d !important;
    background-image: radial-gradient(circle at 35% 18%, #4f4f53, #151516 60%, #000 100%) !important;
    outline-color: rgba(255, 215, 108, .72) !important;
    box-shadow: 0 28px 46px rgba(0, 0, 0, .7), 0 0 0 6px rgba(22, 22, 25, .68), 0 0 30px rgba(255, 215, 108, .28) !important;
}

.cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhost-assassin,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhost-assassin {
    background-color: #960b08 !important;
    background-image: radial-gradient(circle at 35% 18%, #ff4740, #bd100c 52%, #520300 100%) !important;
    outline-color: rgba(255, 104, 91, .95) !important;
}

.cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive .cardRevealGhostCrown,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive .cardRevealGhostCrown {
    width: 72% !important;
    opacity: .96 !important;
    filter: drop-shadow(0 7px 10px rgba(0, 0, 0, .42)) drop-shadow(0 0 9px rgba(255, 215, 108, .34)) !important;
    transition: opacity .1s ease, filter .1s ease, width .1s ease !important;
}

.cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive .word,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive .word {
    opacity: 0 !important;
    visibility: hidden !important;
}

.cardRevealFullGhost.cardRevealLiftGhost > .cardFireworkLayer,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost > .cardFireworkLayer {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    overflow: visible !important;
    pointer-events: none !important;
    z-index: 40 !important;
    opacity: 0 !important;
}

.cardRevealFullGhost.cardRevealLiftGhost.revealGhostCorrect.revealGhost-blue {
    --firework-color: #ffd447;
    --firework-color-soft: #fff2a8;
    --firework-glow: rgba(255, 212, 71, .96);
}

.cardRevealFullGhost.cardRevealLiftGhost.revealGhostCorrect.revealGhost-red {
    --firework-color: #111114;
    --firework-color-soft: #6a6a73;
    --firework-glow: rgba(255, 215, 108, .84);
}

.cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .cardFireworkLayer,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .cardFireworkLayer {
    opacity: 1 !important;
}

.cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .cardFireworkLayer::before,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .cardFireworkLayer::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 34% !important;
    aspect-ratio: 1 !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, var(--firework-color-soft) 0 14%, var(--firework-color) 15% 32%, transparent 68%) !important;
    transform: translate(-50%, -50%) scale(.2) !important;
    opacity: 0 !important;
    filter: drop-shadow(0 0 10px var(--firework-glow)) !important;
    animation: revealPeakFireworkCore 760ms ease-out both !important;
}

.cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .cardFireworkLayer > i,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .cardFireworkLayer > i {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: var(--particle-size, 6px) !important;
    height: var(--particle-size, 6px) !important;
    border-radius: 50% !important;
    background: var(--firework-color) !important;
    border: 1px solid var(--firework-color-soft) !important;
    box-shadow: 0 0 6px var(--firework-glow), 0 0 12px var(--firework-glow) !important;
    opacity: 0 !important;
    transform: translate(-50%, -50%) scale(.2) !important;
    animation: revealPeakFireworkParticle 900ms cubic-bezier(.12, .68, .18, 1) var(--particle-delay, 0ms) both !important;
}

@keyframes revealGhostApproachHoldReturn {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
    }
    38% {
        transform: translate3d(0, 0, 0) scale(1.52);
        opacity: 1;
    }
    64% {
        transform: translate3d(0, 0, 0) scale(1.52);
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
    }
}

@keyframes revealPeakFireworkCore {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.16);
    }
    14% {
        opacity: 1;
    }
    58% {
        opacity: .96;
        transform: translate(-50%, -50%) scale(1.16);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.7);
    }
}

@keyframes revealPeakFireworkParticle {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.14);
    }
    10% {
        opacity: 1;
    }
    72% {
        opacity: 1;
        transform: translate(calc(-50% + var(--particle-x)), calc(-50% + var(--particle-y))) scale(1);
    }
    100% {
        opacity: 0;
        transform: translate(calc(-50% + var(--particle-x-end)), calc(-50% + var(--particle-y-end))) scale(.1);
    }
}

html body #app #game.gameV9 .boardWrap:has(.cardRevealLiftGhost.revealPeakActive),
html body #app #game.gameV9 #board.board:has(.cardRevealLiftGhost.revealPeakActive),
body.discordActivity .cardRevealLiftGhost.revealPeakActive {
    overflow: visible !important;
}

.cardRevealFullGhost.cardRevealLiftGhost,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost {
    animation: revealGhostSlowApproachHoldReturn var(--reveal-ms, 2800ms) cubic-bezier(.22, .64, .18, 1) both !important;
}

.cardRevealFullGhost.cardRevealLiftGhost.revealGhostCorrect.revealGhost-blue {
    --firework-color: #f5b900;
    --firework-color-soft: #fff0a3;
    --firework-tip: #fffbe3;
    --firework-glow: rgba(255, 204, 35, .98);
}

.cardRevealFullGhost.cardRevealLiftGhost.revealGhostCorrect.revealGhost-red {
    --firework-color: #09090c;
    --firework-color-soft: #5f6069;
    --firework-tip: #e8e8ed;
    --firework-glow: rgba(20, 20, 25, .96);
}

.cardRevealFullGhost.cardRevealLiftGhost > .cardFireworkLayer,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost > .cardFireworkLayer {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    overflow: visible !important;
    pointer-events: none !important;
    z-index: 45 !important;
    opacity: 0 !important;
}

.cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .cardFireworkLayer,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .cardFireworkLayer {
    opacity: 1 !important;
}

.cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .cardFireworkLayer::before,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .cardFireworkLayer::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 24% !important;
    aspect-ratio: 1 !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, var(--firework-tip) 0 8%, var(--firework-color-soft) 15%, var(--firework-color) 34%, transparent 72%) !important;
    opacity: 0 !important;
    transform: translate(-50%, -50%) scale(.12) !important;
    filter: drop-shadow(0 0 10px var(--firework-color-soft)) drop-shadow(0 0 22px var(--firework-glow)) !important;
    animation: revealPeakFireworkFlash 900ms ease-out both !important;
}

.cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .cardFireworkLayer > i,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .cardFireworkLayer > i {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: var(--ray-length, 54px) !important;
    height: var(--ray-thickness, 4px) !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent 0%, var(--firework-color) 18%, var(--firework-color-soft) 66%, var(--firework-tip) 100%) !important;
    box-shadow: 0 0 5px var(--firework-color-soft), 0 0 12px var(--firework-glow) !important;
    opacity: 0 !important;
    transform-origin: 0 50% !important;
    transform: translate(0, -50%) rotate(var(--ray-angle)) translateX(0) scaleX(.06) !important;
    animation: revealPeakFireworkRay 940ms cubic-bezier(.12, .64, .18, 1) var(--ray-delay, 0ms) both !important;
}

.cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .cardFireworkLayer > i::after,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .cardFireworkLayer > i::after {
    content: "" !important;
    position: absolute !important;
    right: -3px !important;
    top: 50% !important;
    width: calc(var(--ray-thickness, 4px) + 4px) !important;
    height: calc(var(--ray-thickness, 4px) + 4px) !important;
    border-radius: 50% !important;
    background: var(--firework-tip) !important;
    transform: translateY(-50%) !important;
    box-shadow: 0 0 8px var(--firework-color-soft), 0 0 16px var(--firework-glow) !important;
}

@keyframes revealGhostSlowApproachHoldReturn {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
    }
    42% {
        transform: translate3d(0, -8px, 0) scale(1.56);
        opacity: 1;
    }
    75% {
        transform: translate3d(0, -8px, 0) scale(1.56);
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
    }
}

@keyframes revealPeakFireworkFlash {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.08);
    }
    12% {
        opacity: 1;
    }
    48% {
        opacity: .98;
        transform: translate(-50%, -50%) scale(1.3);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(2.2);
    }
}

@keyframes revealPeakFireworkRay {
    0% {
        opacity: 0;
        transform: translate(0, -50%) rotate(var(--ray-angle)) translateX(0) scaleX(.05);
    }
    10% {
        opacity: 1;
    }
    64% {
        opacity: 1;
        transform: translate(0, -50%) rotate(var(--ray-angle)) translateX(var(--ray-distance-mid)) scaleX(.74);
    }
    100% {
        opacity: 0;
        transform: translate(0, -50%) rotate(var(--ray-angle)) translateX(var(--ray-distance)) scaleX(1);
    }
}

.cardRevealFullGhost.cardRevealLiftGhost > .revealFireworkBurst,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost > .revealFireworkBurst {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    overflow: visible !important;
    pointer-events: none !important;
    z-index: 80 !important;
    opacity: 0 !important;
}

.cardRevealFullGhost.cardRevealLiftGhost.revealGhostCorrect.revealGhost-blue {
    --burst-main: #f6bc00;
    --burst-soft: #ffe477;
    --burst-tip: #fffbe6;
    --burst-glow: rgba(255, 196, 0, .98);
}

.cardRevealFullGhost.cardRevealLiftGhost.revealGhostCorrect.revealGhost-red {
    --burst-main: #050507;
    --burst-soft: #5d5f69;
    --burst-tip: #f0f0f4;
    --burst-glow: rgba(18, 18, 23, .98);
}

.cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .revealFireworkBurst,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .revealFireworkBurst {
    opacity: 1 !important;
}

.cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .revealFireworkBurst::before,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .revealFireworkBurst::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: radial-gradient(circle, var(--burst-tip) 0 8%, var(--burst-soft) 18%, var(--burst-main) 38%, transparent 74%);
    filter: drop-shadow(0 0 12px var(--burst-soft)) drop-shadow(0 0 28px var(--burst-glow));
    opacity: 0;
    transform: translate(-50%, -50%) scale(.08);
    animation: revealFireworkCore 980ms ease-out both;
}

.cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .revealFireworkBurst::after,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .revealFireworkBurst::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 48px;
    height: 48px;
    border: 3px solid var(--burst-soft);
    border-radius: 50%;
    box-shadow: 0 0 12px var(--burst-glow), inset 0 0 10px var(--burst-glow);
    opacity: 0;
    transform: translate(-50%, -50%) scale(.18);
    animation: revealFireworkRing 820ms ease-out 40ms both;
}

.cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .revealFireworkBurst > i,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .revealFireworkBurst > i {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    display: block !important;
    width: var(--burst-length, 70px) !important;
    height: var(--burst-thickness, 4px) !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent 0%, var(--burst-main) 17%, var(--burst-soft) 66%, var(--burst-tip) 100%) !important;
    box-shadow: 0 0 6px var(--burst-soft), 0 0 15px var(--burst-glow) !important;
    transform-origin: 0 50% !important;
    opacity: 0;
    transform: translate(0, -50%) rotate(var(--burst-angle)) translateX(0) scaleX(.04);
    animation: revealFireworkRay 1020ms cubic-bezier(.12, .65, .18, 1) var(--burst-delay, 0ms) both !important;
}

.cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .revealFireworkBurst > i::after,
body.discordActivity .cardRevealFullGhost.cardRevealLiftGhost.revealPeakActive.revealGhostCorrect > .revealFireworkBurst > i::after {
    content: "" !important;
    position: absolute !important;
    right: -4px !important;
    top: 50% !important;
    width: calc(var(--burst-thickness, 4px) + 5px) !important;
    height: calc(var(--burst-thickness, 4px) + 5px) !important;
    border-radius: 50% !important;
    background: var(--burst-tip) !important;
    transform: translateY(-50%) !important;
    box-shadow: 0 0 9px var(--burst-soft), 0 0 18px var(--burst-glow) !important;
}

@keyframes revealFireworkCore {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.08);
    }
    12% {
        opacity: 1;
    }
    48% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.35);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(2.5);
    }
}

@keyframes revealFireworkRing {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.18);
    }
    18% {
        opacity: .96;
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(4.2);
    }
}

@keyframes revealFireworkRay {
    0% {
        opacity: 0;
        transform: translate(0, -50%) rotate(var(--burst-angle)) translateX(0) scaleX(.04);
    }
    9% {
        opacity: 1;
    }
    58% {
        opacity: 1;
        transform: translate(0, -50%) rotate(var(--burst-angle)) translateX(var(--burst-distance-mid)) scaleX(.72);
    }
    100% {
        opacity: 0;
        transform: translate(0, -50%) rotate(var(--burst-angle)) translateX(var(--burst-distance)) scaleX(1);
    }
}

html body #app #game.gameV9 .logAvatarHover,
html body.discordActivity #app #game.gameV9 .logAvatarHover,
html body #app #game.gameV9 .characterLogFace,
html body #app #game.gameV9 .logUserAvatar,
html body #app #game.gameV9 .logSpyAvatar,
html body.discordActivity #app #game.gameV9 .characterLogFace,
html body.discordActivity #app #game.gameV9 .logUserAvatar,
html body.discordActivity #app #game.gameV9 .logSpyAvatar {
    position: relative !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    flex: 0 0 20px !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    cursor: pointer !important;
    z-index: 20 !important;
}

html body #app #game.gameV9 .logAvatarVisual,
html body.discordActivity #app #game.gameV9 .logAvatarVisual {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

html body #app #game.gameV9 .logAvatarVisual img,
html body.discordActivity #app #game.gameV9 .logAvatarVisual img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body #app #game.gameV9 .logAvatarCrown,
html body.discordActivity #app #game.gameV9 .logAvatarCrown {
    position: absolute !important;
    left: -5px !important;
    top: -7px !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 11px !important;
    line-height: 1 !important;
    transform: rotate(-32deg) !important;
    transform-origin: center !important;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .95)) drop-shadow(0 0 3px rgba(255, 215, 108, .65)) !important;
    pointer-events: none !important;
    z-index: 25 !important;
}

.logAvatarPopover {
    position: fixed !important;
    z-index: 8000000 !important;
    width: 92px !important;
    padding: 6px !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    opacity: 1 !important;
    animation: logAvatarPopoverIn .14s ease-out both !important;
}

.logAvatarPopover.team-blue {
    background: linear-gradient(155deg, #fff0a4, #d99d12 58%, #7d5000) !important;
    border: 1px solid rgba(255, 246, 188, .9) !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .55), 0 0 18px rgba(255, 215, 108, .32) !important;
}

.logAvatarPopover.team-red {
    background: linear-gradient(155deg, #38383c, #111113 58%, #020203) !important;
    border: 1px solid rgba(255, 215, 108, .62) !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .68), 0 0 16px rgba(255, 215, 108, .2) !important;
}

.logAvatarPopoverImage {
    position: relative !important;
    width: 80px !important;
    height: 80px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    overflow: visible !important;
}

.logAvatarPopoverImage > img {
    width: 80px !important;
    height: 80px !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.logAvatarPopoverImage:not(:has(> img)) {
    overflow: hidden !important;
    background: rgba(0, 0, 0, .18) !important;
    font-size: 44px !important;
    line-height: 1 !important;
}

.logAvatarPopoverName {
    position: absolute !important;
    left: 50% !important;
    bottom: -3px !important;
    transform: translateX(-50%) !important;
    max-width: 86px !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    background: rgba(0, 0, 0, .84) !important;
    color: #fff8d8 !important;
    font-family: "Segoe UI Black", "Arial Black", system-ui, sans-serif !important;
    font-size: 10px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .95) !important;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .42) !important;
    z-index: 4 !important;
}

.logAvatarPopoverCrown {
    position: absolute !important;
    left: -5px !important;
    top: -8px !important;
    font-size: 20px !important;
    line-height: 1 !important;
    transform: rotate(-32deg) !important;
    transform-origin: center !important;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .95)) drop-shadow(0 0 6px rgba(255, 215, 108, .55)) !important;
    pointer-events: none !important;
    z-index: 5 !important;
}

@keyframes logAvatarPopoverIn {
    from {
        opacity: 0;
        scale: .88;
    }
    to {
        opacity: 1;
        scale: 1;
    }
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:has(> .avatar.characterAvatar:not(.customAvatar)) > .playerBody,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:has(> .avatar.characterAvatar:not(.customAvatar)) > .playerBody {
    bottom: 5px !important;
}

.logAvatarPopoverImage:not(:has(> img)) {
    overflow: visible !important;
}

.logAvatarPopoverImage:not(:has(> img)) > .logAvatarPopoverName {
    bottom: 4px !important;
}

html body .spymasterClueStage,
html body.discordActivity .spymasterClueStage {
    max-width: 94vw !important;
    max-height: 92vh !important;
}

html body .spymasterClueImg,
html body.discordActivity .spymasterClueImg,
html body .spymasterClueImg.spymasterImageMissing,
html body.discordActivity .spymasterClueImg.spymasterImageMissing {
    width: clamp(390px, 42vw, 680px) !important;
    height: clamp(390px, 58vh, 680px) !important;
}

html body .spymasterClueBox,
html body.discordActivity .spymasterClueBox {
    width: max-content !important;
    min-width: 0 !important;
    max-width: min(88vw, 680px) !important;
    padding: 11px 18px 12px !important;
    box-sizing: border-box !important;
}

html body #spymasterClueWord,
html body.discordActivity #spymasterClueWord {
    width: max-content !important;
    max-width: min(82vw, 620px) !important;
    margin: 0 auto !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

@media (max-width: 760px) {
    html body .spymasterClueImg,
    html body.discordActivity .spymasterClueImg,
    html body .spymasterClueImg.spymasterImageMissing,
    html body.discordActivity .spymasterClueImg.spymasterImageMissing {
        width: clamp(285px, 82vw, 440px) !important;
        height: clamp(285px, 52vh, 440px) !important;
    }

    html body .spymasterClueBox,
    html body.discordActivity .spymasterClueBox {
        max-width: 90vw !important;
        padding: 10px 14px 11px !important;
    }

    html body #spymasterClueWord,
    html body.discordActivity #spymasterClueWord {
        max-width: 82vw !important;
        white-space: normal !important;
        text-wrap: balance !important;
    }
}

html body .spymasterClueStage,
html body.discordActivity .spymasterClueStage {
    left: 50% !important;
    top: 50% !important;
    width: min(94vw, 920px) !important;
    height: min(86vh, 860px) !important;
    max-width: 94vw !important;
    max-height: 86vh !important;
    display: grid !important;
    place-items: center !important;
    transform: translate(-50%, -50%) scale(.78);
}

html body .spymasterClueImg,
html body.discordActivity .spymasterClueImg,
html body .spymasterClueImg.spymasterImageMissing,
html body.discordActivity .spymasterClueImg.spymasterImageMissing {
    width: min(90vw, 860px) !important;
    height: min(80vh, 800px) !important;
    max-width: 90vw !important;
    max-height: 80vh !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

html body .spymasterClueBox,
html body.discordActivity .spymasterClueBox {
    left: 50% !important;
    top: auto !important;
    bottom: clamp(18px, 3vh, 34px) !important;
    transform: translateX(-50%) !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: min(84vw, 760px) !important;
    padding: 12px 20px 13px !important;
    z-index: 8 !important;
}

html body #spymasterClueWord,
html body.discordActivity #spymasterClueWord {
    width: max-content !important;
    max-width: min(78vw, 700px) !important;
    margin: 0 auto !important;
    white-space: nowrap !important;
}

@media (max-width: 760px) {
    html body .spymasterClueStage,
    html body.discordActivity .spymasterClueStage {
        width: 94vw !important;
        height: 82vh !important;
        max-height: 82vh !important;
    }

    html body .spymasterClueImg,
    html body.discordActivity .spymasterClueImg,
    html body .spymasterClueImg.spymasterImageMissing,
    html body.discordActivity .spymasterClueImg.spymasterImageMissing {
        width: 92vw !important;
        height: 74vh !important;
        max-width: 92vw !important;
        max-height: 74vh !important;
    }

    html body .spymasterClueBox,
    html body.discordActivity .spymasterClueBox {
        bottom: 14px !important;
        max-width: 88vw !important;
        padding: 10px 15px 11px !important;
    }

    html body #spymasterClueWord,
    html body.discordActivity #spymasterClueWord {
        max-width: 82vw !important;
        white-space: normal !important;
        text-wrap: balance !important;
    }
}

html body .spymasterClueBox,
html body.discordActivity .spymasterClueBox {
    left: 50% !important;
    top: auto !important;
    bottom: clamp(42px, 5.5vh, 62px) !important;
    transform: translateX(-50%) !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: min(78vw, 650px) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
    z-index: 8 !important;
}

html body .spymasterClueBox::before,
html body .spymasterClueBox::after,
html body.discordActivity .spymasterClueBox::before,
html body.discordActivity .spymasterClueBox::after {
    content: none !important;
    display: none !important;
}

html body .spymasterClueSplash.blue .spymasterClueBox,
html body .spymasterClueSplash.red .spymasterClueBox,
html body.discordActivity .spymasterClueSplash.blue .spymasterClueBox,
html body.discordActivity .spymasterClueSplash.red .spymasterClueBox {
    background: transparent !important;
    color: #f7df8b !important;
    border: 0 !important;
    text-shadow: none !important;
}

html body .spymasterClueLabel,
html body.discordActivity .spymasterClueLabel {
    margin: 0 0 2px !important;
    color: #d8bc67 !important;
    font-size: clamp(8px, .75vw, 11px) !important;
    letter-spacing: 2.8px !important;
    opacity: .86 !important;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .95), 0 0 8px rgba(0, 0, 0, .72) !important;
}

html body #spymasterClueWord,
html body.discordActivity #spymasterClueWord {
    width: max-content !important;
    max-width: min(72vw, 610px) !important;
    margin: 0 auto !important;
    color: #ffe58c !important;
    font-size: clamp(30px, 4.1vw, 56px) !important;
    line-height: .92 !important;
    letter-spacing: 1.4px !important;
    white-space: nowrap !important;
    text-shadow: 0 3px 1px rgba(0, 0, 0, .96), 0 0 8px rgba(0, 0, 0, .82), 0 1px 0 rgba(255, 243, 181, .24) !important;
    filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .72)) !important;
}

html body .spymasterClueNumber,
html body.discordActivity .spymasterClueNumber {
    gap: 6px !important;
    margin-top: 5px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #f5dfa0 !important;
    box-shadow: none !important;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .96), 0 0 7px rgba(0, 0, 0, .7) !important;
}

html body .spymasterClueNumber span,
html body.discordActivity .spymasterClueNumber span {
    font-size: clamp(17px, 1.7vw, 24px) !important;
}

html body .spymasterClueNumber em,
html body.discordActivity .spymasterClueNumber em {
    font-size: clamp(8px, .72vw, 11px) !important;
    letter-spacing: 1.4px !important;
}

@media (max-width: 760px) {
    html body .spymasterClueBox,
    html body.discordActivity .spymasterClueBox {
        bottom: clamp(30px, 4.5vh, 44px) !important;
        max-width: 82vw !important;
    }

    html body #spymasterClueWord,
    html body.discordActivity #spymasterClueWord {
        max-width: 78vw !important;
        font-size: clamp(25px, 8vw, 42px) !important;
        white-space: normal !important;
        text-wrap: balance !important;
    }
}

html body .spymasterClueLabel,
html body.discordActivity .spymasterClueLabel {
    display: none !important;
}

html body .spymasterClueSplash.red #spymasterClueWord,
html body.discordActivity .spymasterClueSplash.red #spymasterClueWord {
    color: #050505 !important;
    text-shadow: 0 1px 0 rgba(255, 232, 150, .48), 0 2px 2px rgba(0, 0, 0, .32) !important;
    filter: none !important;
}


html body .spymasterClueSplash.red .spymasterClueNumber,
html body.discordActivity .spymasterClueSplash.red .spymasterClueNumber,
html body .spymasterClueSplash.red .spymasterClueNumber span,
html body.discordActivity .spymasterClueSplash.red .spymasterClueNumber span,
html body .spymasterClueSplash.red .spymasterClueNumber em,
html body.discordActivity .spymasterClueSplash.red .spymasterClueNumber em {
    color: #050505 !important;
    text-shadow: 0 1px 0 rgba(255, 232, 150, .48), 0 2px 2px rgba(0, 0, 0, .32) !important;
    filter: none !important;
}

html body #board.boardDealPending .card,
html body #board.boardDealRunning .card,
html body.discordActivity #board.boardDealPending .card,
html body.discordActivity #board.boardDealRunning .card {
    pointer-events: none !important;
    cursor: default !important;
}

html body .spymasterClueSplash.red .spymasterClueNumber,
html body.discordActivity .spymasterClueSplash.red .spymasterClueNumber {
    gap: 7px !important;
    margin-top: 7px !important;
    padding: 6px 13px !important;
    border: 1px solid rgba(255, 231, 154, .78) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(255, 244, 196, .94), rgba(209, 168, 63, .88)) !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .76) !important;
}

html body .spymasterClueSplash.red .spymasterClueNumber span,
html body.discordActivity .spymasterClueSplash.red .spymasterClueNumber span {
    color: #050505 !important;
    font-size: clamp(19px, 1.9vw, 27px) !important;
    font-weight: 1000 !important;
    -webkit-text-stroke: .35px rgba(255, 255, 255, .22) !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .48), 0 2px 2px rgba(0, 0, 0, .28) !important;
}

html body .spymasterClueSplash.red .spymasterClueNumber em,
html body.discordActivity .spymasterClueSplash.red .spymasterClueNumber em {
    color: #050505 !important;
    font-size: clamp(9px, .82vw, 12px) !important;
    font-weight: 1000 !important;
    letter-spacing: 1.5px !important;
    opacity: 1 !important;
    -webkit-text-stroke: .25px rgba(255, 255, 255, .18) !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .46), 0 2px 2px rgba(0, 0, 0, .24) !important;
}

html body .spymasterClueNumber,
html body.discordActivity .spymasterClueNumber,
html body .spymasterClueSplash.red .spymasterClueNumber,
html body.discordActivity .spymasterClueSplash.red .spymasterClueNumber {
    gap: 7px !important;
    margin-top: 7px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body .spymasterClueNumber span,
html body.discordActivity .spymasterClueNumber span,
html body .spymasterClueSplash.red .spymasterClueNumber span,
html body.discordActivity .spymasterClueSplash.red .spymasterClueNumber span {
    font-size: clamp(20px, 2vw, 28px) !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
}

html body .spymasterClueNumber em,
html body.discordActivity .spymasterClueNumber em,
html body .spymasterClueSplash.red .spymasterClueNumber em,
html body.discordActivity .spymasterClueSplash.red .spymasterClueNumber em {
    font-size: clamp(10px, .9vw, 13px) !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    letter-spacing: 1.5px !important;
    opacity: 1 !important;
}

html body .spymasterClueSplash.blue .spymasterClueNumber,
html body .spymasterClueSplash.blue .spymasterClueNumber span,
html body .spymasterClueSplash.blue .spymasterClueNumber em,
html body.discordActivity .spymasterClueSplash.blue .spymasterClueNumber,
html body.discordActivity .spymasterClueSplash.blue .spymasterClueNumber span,
html body.discordActivity .spymasterClueSplash.blue .spymasterClueNumber em {
    color: #ffe58c !important;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .96), 0 0 8px rgba(0, 0, 0, .72) !important;
    -webkit-text-stroke: 0 !important;
}

html body .spymasterClueSplash.red .spymasterClueNumber,
html body .spymasterClueSplash.red .spymasterClueNumber span,
html body .spymasterClueSplash.red .spymasterClueNumber em,
html body.discordActivity .spymasterClueSplash.red .spymasterClueNumber,
html body.discordActivity .spymasterClueSplash.red .spymasterClueNumber span,
html body.discordActivity .spymasterClueSplash.red .spymasterClueNumber em {
    color: #050505 !important;
    text-shadow: 0 1px 0 rgba(255, 232, 150, .72), 0 2px 3px rgba(0, 0, 0, .34) !important;
    -webkit-text-stroke: .3px rgba(255, 232, 150, .34) !important;
}

html body #winnerBadge,
html body.discordActivity #winnerBadge,
html body #winModal,
html body.discordActivity #winModal {
    display: none !important;
}

html body #goldPanel.teamPanel.winnerCupPanel::before,
html body #goldPanel.teamPanel.winnerCupPanel::after,
html body #blackPanel.teamPanel.winnerCupPanel::before,
html body #blackPanel.teamPanel.winnerCupPanel::after,
html body.discordActivity #goldPanel.teamPanel.winnerCupPanel::before,
html body.discordActivity #goldPanel.teamPanel.winnerCupPanel::after,
html body.discordActivity #blackPanel.teamPanel.winnerCupPanel::before,
html body.discordActivity #blackPanel.teamPanel.winnerCupPanel::after {
    display: none !important;
    content: none !important;
}

html body .resultImageSplash,
html body.discordActivity .resultImageSplash {
    position: fixed !important;
    inset: 0 !important;
    display: grid !important;
    place-items: center !important;
    z-index: 4200 !important;
    pointer-events: none !important;
    opacity: 1 !important;
}

html body .resultImageSplash.hidden,
html body.discordActivity .resultImageSplash.hidden {
    display: none !important;
}

html body .resultImageSplashStage,
html body.discordActivity .resultImageSplashStage {
    position: relative !important;
    width: min(82vw, 1280px) !important;
    max-width: min(82vw, 1280px) !important;
    transform: translate3d(0, 0, 0) scale(.86) !important;
    opacity: 0 !important;
    filter: drop-shadow(0 20px 48px rgba(0, 0, 0, .54)) !important;
    transition: transform .34s cubic-bezier(.2,.8,.2,1), opacity .34s ease, filter .34s ease !important;
    will-change: transform, opacity, filter !important;
}

html body .resultImageSplash.death .resultImageSplashStage,
html body.discordActivity .resultImageSplash.death .resultImageSplashStage {
    width: min(74vw, 1120px) !important;
    max-width: min(74vw, 1120px) !important;
}

html body .resultImageSplash.resultSplashLive .resultImageSplashStage,
html body.discordActivity .resultImageSplash.resultSplashLive .resultImageSplashStage {
    transform: translate3d(0, 0, 0) scale(1) !important;
    opacity: 1 !important;
}

html body .resultImageSplash.resultSplashOut .resultImageSplashStage,
html body.discordActivity .resultImageSplash.resultSplashOut .resultImageSplashStage {
    transform: translate3d(0, 0, 0) scale(.9) !important;
    opacity: 0 !important;
    filter: drop-shadow(0 12px 32px rgba(0, 0, 0, .42)) !important;
    transition-duration: .9s !important;
}

html body .resultImageSplash.resultSplashToBlue .resultImageSplashStage,
html body.discordActivity .resultImageSplash.resultSplashToBlue .resultImageSplashStage {
    transform: translate3d(-34vw, 18vh, 0) scale(.24) !important;
    opacity: 0 !important;
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, .38)) !important;
    transition-duration: 1.1s !important;
}

html body .resultImageSplash.resultSplashToRed .resultImageSplashStage,
html body.discordActivity .resultImageSplash.resultSplashToRed .resultImageSplashStage {
    transform: translate3d(34vw, 18vh, 0) scale(.24) !important;
    opacity: 0 !important;
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, .38)) !important;
    transition-duration: 1.1s !important;
}

html body .resultImageSplashImg,
html body.discordActivity .resultImageSplashImg {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 88vh !important;
    object-fit: contain !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}

html body .resultImageSplash.death .resultImageSplashImg,
html body.discordActivity .resultImageSplash.death .resultImageSplashImg {
    max-height: 74vh !important;
}

html body .resultImageSplash.winBlue .resultImageSplashStage,
html body.discordActivity .resultImageSplash.winBlue .resultImageSplashStage {
    filter: drop-shadow(0 24px 54px rgba(0, 0, 0, .52)) drop-shadow(0 0 26px rgba(243, 199, 92, .28)) !important;
}

html body .resultImageSplash.winRed .resultImageSplashStage,
html body.discordActivity .resultImageSplash.winRed .resultImageSplashStage {
    filter: drop-shadow(0 24px 54px rgba(0, 0, 0, .58)) drop-shadow(0 0 24px rgba(255, 255, 255, .14)) !important;
}

@media (max-width: 980px) {
    html body .resultImageSplashStage,
    html body.discordActivity .resultImageSplashStage {
        width: min(92vw, 900px) !important;
        max-width: min(92vw, 900px) !important;
    }

    html body .resultImageSplash.death .resultImageSplashStage,
    html body.discordActivity .resultImageSplash.death .resultImageSplashStage {
        width: min(88vw, 820px) !important;
        max-width: min(88vw, 820px) !important;
    }

    html body .resultImageSplash.resultSplashToBlue .resultImageSplashStage,
    html body.discordActivity .resultImageSplash.resultSplashToBlue .resultImageSplashStage {
        transform: translate3d(-32vw, 16vh, 0) scale(.26) !important;
    }

    html body .resultImageSplash.resultSplashToRed .resultImageSplashStage,
    html body.discordActivity .resultImageSplash.resultSplashToRed .resultImageSplashStage {
        transform: translate3d(32vw, 16vh, 0) scale(.26) !important;
    }
}

html body #app #game.gameV9 #board.board > button.card.assassinReveal,
html body.discordActivity #app #game.gameV9 #board.board > button.card.assassinReveal {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

html body #app #game.gameV9 #board.board > button.card.assassinReveal > span.word,
html body.discordActivity #app #game.gameV9 #board.board > button.card.assassinReveal > span.word {
    position: absolute !important;
    inset: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: min(76%, 255px) !important;
    max-width: min(76%, 255px) !important;
    min-width: 0 !important;
    height: clamp(32px, 2.2vw, 40px) !important;
    min-height: clamp(32px, 2.2vw, 40px) !important;
    max-height: clamp(32px, 2.2vw, 40px) !important;
    margin: auto !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    transform: none !important;
    translate: none !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    box-sizing: border-box !important;
    z-index: 20 !important;
}

@media (max-width: 760px) {
    html body #app #game.gameV9 #board.board > button.card.assassinReveal > span.word,
    html body.discordActivity #app #game.gameV9 #board.board > button.card.assassinReveal > span.word {
        width: min(80%, 190px) !important;
        max-width: min(80%, 190px) !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        padding: 0 8px !important;
    }
}


html body #newRoundBtn,
html body.discordActivity #newRoundBtn {
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 28px !important;
    padding: 3px 10px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    letter-spacing: .2px !important;
    white-space: nowrap !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName) .playerNameText,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName) .playerNameText {
    display: block !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: flex-start !important;
    text-align: start !important;
    unicode-bidi: plaintext !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player.turnPlayerActive > .avatar.characterAvatar,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player.turnPlayerActive > .avatar.characterAvatar {
    animation: sidePanelTurnAvatarPulse 1.25s ease-in-out infinite !important;
    transform-origin: center center !important;
    will-change: scale, filter !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player.turnPlayerActive:not(.editingName) .playerNameText,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player.turnPlayerActive:not(.editingName) .playerNameText {
    animation: sidePanelTurnNamePulse 1.25s ease-in-out infinite !important;
    transform-origin: center center !important;
    will-change: scale, filter, opacity !important;
}

@keyframes sidePanelTurnAvatarPulse {
    0%, 100% {
        scale: 1;
        filter: brightness(1) drop-shadow(0 0 0 rgba(255, 215, 95, 0));
    }
    50% {
        scale: 1.085;
        filter: brightness(1.16) drop-shadow(0 0 10px rgba(255, 215, 95, .72));
    }
}

@keyframes sidePanelTurnNamePulse {
    0%, 100% {
        scale: 1;
        opacity: 1;
        filter: brightness(1);
    }
    50% {
        scale: 1.045;
        opacity: .82;
        filter: brightness(1.22);
    }
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName) > .playerBody,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName) > .playerBody {
    min-width: 0 !important;
    max-width: 100% !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName) > .playerBody > b,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName) > .playerBody > b {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 20px !important;
    min-height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName) .playerNameText,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName) .playerNameText {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    translate: none !important;
    flex: 0 1 auto !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: flex-start !important;
    text-align: start !important;
    unicode-bidi: plaintext !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player.blue.turnPlayerActive,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player.blue.turnPlayerActive {
    --side-turn-pulse: rgba(255, 213, 78, .78);
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player.red.turnPlayerActive,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player.red.turnPlayerActive {
    --side-turn-pulse: rgba(236, 238, 245, .68);
}

@keyframes sidePanelTurnAvatarPulse {
    0%, 100% {
        scale: 1;
        filter: brightness(1) drop-shadow(0 0 0 var(--side-turn-pulse, rgba(255, 215, 95, 0)));
    }
    50% {
        scale: 1.085;
        filter: brightness(1.16) drop-shadow(0 0 10px var(--side-turn-pulse, rgba(255, 215, 95, .72)));
    }
}

html body .spymasterClueBox,
html body.discordActivity .spymasterClueBox {
    max-width: min(84vw, 760px) !important;
}

html body #spymasterClueWord.spymasterClueWordLong,
html body.discordActivity #spymasterClueWord.spymasterClueWordLong {
    font-size: clamp(27px, 3.35vw, 47px) !important;
}

html body #spymasterClueWord.spymasterClueWordVeryLong,
html body.discordActivity #spymasterClueWord.spymasterClueWordVeryLong {
    font-size: clamp(23px, 2.75vw, 39px) !important;
    letter-spacing: .8px !important;
}

html body .spymasterClueSplash.red #spymasterClueWord,
html body.discordActivity .spymasterClueSplash.red #spymasterClueWord {
    color: #050505 !important;
    font-weight: 1000 !important;
    -webkit-text-stroke: .55px rgba(0, 0, 0, .98) !important;
    text-shadow: 0 2px 1px rgba(255, 255, 255, .98), 0 4px 6px rgba(255, 255, 255, .78), 0 0 10px rgba(255, 255, 255, .58) !important;
    filter: drop-shadow(0 2px 3px rgba(255, 255, 255, .68)) !important;
}

html body .spymasterClueSplash.red .spymasterClueNumber,
html body .spymasterClueSplash.red .spymasterClueNumber span,
html body .spymasterClueSplash.red .spymasterClueNumber em,
html body.discordActivity .spymasterClueSplash.red .spymasterClueNumber,
html body.discordActivity .spymasterClueSplash.red .spymasterClueNumber span,
html body.discordActivity .spymasterClueSplash.red .spymasterClueNumber em {
    color: #050505 !important;
    font-weight: 1000 !important;
    -webkit-text-stroke: .4px rgba(0, 0, 0, .96) !important;
    text-shadow: 0 2px 1px rgba(255, 255, 255, .98), 0 3px 5px rgba(255, 255, 255, .78), 0 0 8px rgba(255, 255, 255, .58) !important;
    filter: drop-shadow(0 2px 2px rgba(255, 255, 255, .64)) !important;
}

@media (max-width: 760px) {
    html body #spymasterClueWord.spymasterClueWordLong,
    html body.discordActivity #spymasterClueWord.spymasterClueWordLong {
        font-size: clamp(24px, 6.7vw, 38px) !important;
    }

    html body #spymasterClueWord.spymasterClueWordVeryLong,
    html body.discordActivity #spymasterClueWord.spymasterClueWordVeryLong {
        font-size: clamp(21px, 5.8vw, 33px) !important;
    }
}

html body #landing .discordRoleGrid,
html body.discordActivity #landing .discordRoleGrid {
    align-items: start !important;
}

html body #landing .discordTeamCard,
html body.discordActivity #landing .discordTeamCard {
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
}

html body #landing .discordRoleBox,
html body.discordActivity #landing .discordRoleBox {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    height: auto !important;
    min-height: 82px !important;
    padding: 8px 7px 9px !important;
    overflow: visible !important;
}

html body #landing .discordRoleBox > div:first-child,
html body.discordActivity #landing .discordRoleBox > div:first-child {
    width: 100% !important;
    text-align: center !important;
}

html body #landing .discordRoleBox .discordSeatList,
html body.discordActivity #landing .discordRoleBox .discordSeatList,
html body #landing .discordSpectatorCard .discordSeatList,
html body.discordActivity #landing .discordSpectatorCard .discordSeatList {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-auto-flow: row !important;
    align-items: start !important;
    justify-content: center !important;
    align-content: start !important;
    gap: 5px 6px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    overflow: visible !important;
}

html body #landing .discordRoleBox:has(> .discordRoleJoin[data-role="operative"]) .discordSeatList,
html body.discordActivity #landing .discordRoleBox:has(> .discordRoleJoin[data-role="operative"]) .discordSeatList {
    grid-template-columns: repeat(3, minmax(48px, 66px)) !important;
}

html body #landing .discordRoleBox:has(> .discordRoleJoin[data-role="spymaster"]) .discordSeatList,
html body.discordActivity #landing .discordRoleBox:has(> .discordRoleJoin[data-role="spymaster"]) .discordSeatList {
    grid-template-columns: minmax(48px, 66px) !important;
}

html body #landing .discordSeatMini.discordSeatLarge,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge,
html body #landing .discordLobby .discordSeatMini.discordSeatLarge,
html body.discordActivity #landing .discordLobby .discordSeatMini.discordSeatLarge {
    position: relative !important;
    width: 100% !important;
    max-width: 66px !important;
    min-width: 0 !important;
    min-height: 66px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

html body #landing .discordSeatMini.discordSeatLarge .avatar,
html body #landing .discordSeatMini.discordSeatLarge .lobbyAvatar,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge .avatar,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge .lobbyAvatar {
    position: relative !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    flex: 0 0 52px !important;
    display: grid !important;
    place-items: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    font-size: 31px !important;
    line-height: 1 !important;
    overflow: visible !important;
}

html body #landing .discordSeatMini.discordSeatLarge .avatar.customAvatar,
html body #landing .discordSeatMini.discordSeatLarge .lobbyAvatar.customAvatar,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge .avatar.customAvatar,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge .lobbyAvatar.customAvatar {
    overflow: visible !important;
}

html body #landing .discordSeatMini.discordSeatLarge .avatar img,
html body #landing .discordSeatMini.discordSeatLarge .lobbyAvatar img,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge .avatar img,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge .lobbyAvatar img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: none !important;
}

html body #landing .discordSeatMini.discordSeatLarge .seatName,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge .seatName {
    position: relative !important;
    z-index: 5 !important;
    width: max-content !important;
    max-width: 66px !important;
    min-width: 0 !important;
    min-height: 17px !important;
    display: block !important;
    margin: -5px auto 0 !important;
    padding: 3px 7px 4px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-align: center !important;
    unicode-bidi: plaintext !important;
    font-family: "Segoe UI Black", "Arial Black", system-ui, sans-serif !important;
    font-size: 8px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    box-sizing: border-box !important;
}

html body #landing .discordSeatMini.discordSeatLarge .avatar:not(.customAvatar) + .seatName,
html body #landing .discordSeatMini.discordSeatLarge .lobbyAvatar:not(.customAvatar) + .seatName,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge .avatar:not(.customAvatar) + .seatName,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge .lobbyAvatar:not(.customAvatar) + .seatName {
    margin-top: -10px !important;
}

html body #landing .discordGoldCard .discordSeatMini.discordSeatLarge .seatName,
html body.discordActivity #landing .discordGoldCard .discordSeatMini.discordSeatLarge .seatName {
    color: #130b00 !important;
    background: linear-gradient(180deg, #fff1a1 0%, #efbd20 52%, #9a6100 100%) !important;
    border: 1px solid rgba(255, 242, 164, .9) !important;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .62), inset 0 1px 0 rgba(255, 255, 255, .52) !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .28) !important;
}

html body #landing .discordBlackCard .discordSeatMini.discordSeatLarge .seatName,
html body.discordActivity #landing .discordBlackCard .discordSeatMini.discordSeatLarge .seatName {
    color: #fff3b9 !important;
    background: linear-gradient(180deg, #2b2b2f 0%, #09090b 58%, #000 100%) !important;
    border: 1px solid rgba(255, 214, 90, .42) !important;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .72), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .95) !important;
}

html body #landing .discordSpectatorCard .discordSeatMini.discordSeatLarge .seatName,
html body.discordActivity #landing .discordSpectatorCard .discordSeatMini.discordSeatLarge .seatName {
    color: #f7f7f7 !important;
    background: linear-gradient(180deg, #55565d 0%, #202126 58%, #0e0f12 100%) !important;
    border: 1px solid rgba(255, 255, 255, .26) !important;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .66) !important;
}

html body #landing .discordSeatMini.discordSeatLarge em,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge em {
    position: absolute !important;
    z-index: 7 !important;
    top: 2px !important;
    right: -1px !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    border-radius: 999px !important;
    font-size: 6px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

html body #landing .discordSeatMini.discordSeatLarge em:nth-of-type(2),
html body.discordActivity #landing .discordSeatMini.discordSeatLarge em:nth-of-type(2) {
    top: 13px !important;
}

html body #landing .discordSeatMini.discordSeatLarge .crownMark,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge .crownMark {
    position: absolute !important;
    z-index: 8 !important;
    top: -10px !important;
    left: -7px !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    font-size: 17px !important;
    line-height: 1 !important;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .8)) !important;
    pointer-events: none !important;
}

html body #landing .discordRoleBox .discordRoleJoin,
html body.discordActivity #landing .discordRoleBox .discordRoleJoin {
    align-self: center !important;
    margin: 3px auto 0 !important;
}

html body #landing .discordSpectatorCard,
html body.discordActivity #landing .discordSpectatorCard {
    align-self: start !important;
    height: 168px !important;
    min-height: 168px !important;
    max-height: 168px !important;
    overflow: hidden !important;
}

html body #landing .discordSpectatorCard .discordSeatList,
html body.discordActivity #landing .discordSpectatorCard .discordSeatList {
    grid-template-columns: repeat(2, minmax(48px, 62px)) !important;
    max-height: 92px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin !important;
}

html body #landing .discordSpectatorCard .discordRoleJoin,
html body.discordActivity #landing .discordSpectatorCard .discordRoleJoin {
    margin-top: auto !important;
}

@media (max-width: 760px) {
    html body #landing .discordRoleBox:has(> .discordRoleJoin[data-role="operative"]) .discordSeatList,
    html body.discordActivity #landing .discordRoleBox:has(> .discordRoleJoin[data-role="operative"]) .discordSeatList {
        grid-template-columns: repeat(3, minmax(42px, 50px)) !important;
        gap: 4px !important;
    }

    html body #landing .discordRoleBox:has(> .discordRoleJoin[data-role="spymaster"]) .discordSeatList,
    html body.discordActivity #landing .discordRoleBox:has(> .discordRoleJoin[data-role="spymaster"]) .discordSeatList {
        grid-template-columns: minmax(42px, 50px) !important;
    }

    html body #landing .discordSeatMini.discordSeatLarge,
    html body.discordActivity #landing .discordSeatMini.discordSeatLarge {
        max-width: 50px !important;
        min-height: 56px !important;
    }

    html body #landing .discordSeatMini.discordSeatLarge .avatar,
    html body #landing .discordSeatMini.discordSeatLarge .lobbyAvatar,
    html body.discordActivity #landing .discordSeatMini.discordSeatLarge .avatar,
    html body.discordActivity #landing .discordSeatMini.discordSeatLarge .lobbyAvatar {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        flex-basis: 44px !important;
        font-size: 26px !important;
    }

    html body #landing .discordSeatMini.discordSeatLarge .seatName,
    html body.discordActivity #landing .discordSeatMini.discordSeatLarge .seatName {
        max-width: 50px !important;
        min-height: 15px !important;
        padding: 3px 5px !important;
        font-size: 6.8px !important;
    }

    html body #landing .discordSpectatorCard,
    html body.discordActivity #landing .discordSpectatorCard {
        height: 132px !important;
        min-height: 132px !important;
        max-height: 132px !important;
    }

    html body #landing .discordSpectatorCard .discordSeatList,
    html body.discordActivity #landing .discordSpectatorCard .discordSeatList {
        grid-template-columns: repeat(2, minmax(42px, 50px)) !important;
        max-height: 68px !important;
    }
}

html body #landing .discordCenterColumn,
html body.discordActivity #landing .discordCenterColumn {
    grid-area: spec !important;
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    align-self: start !important;
    gap: 7px !important;
}

html body #landing .discordCenterColumn > .discordSpectatorCard,
html body.discordActivity #landing .discordCenterColumn > .discordSpectatorCard {
    grid-area: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

html body #landing .spectatorControlsMount,
html body.discordActivity #landing .spectatorControlsMount {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

html body #landing .spectatorControlsMount > #landingAdminBar,
html body.discordActivity #landing .spectatorControlsMount > #landingAdminBar,
html body #landing .spectatorControlsMount > .modesFloating,
html body.discordActivity #landing .spectatorControlsMount > .modesFloating {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

html body #landing .spectatorControlsMount > #landingAdminBar:not(.hidden),
html body.discordActivity #landing .spectatorControlsMount > #landingAdminBar:not(.hidden),
html body #landing .spectatorControlsMount > .modesFloating,
html body.discordActivity #landing .spectatorControlsMount > .modesFloating {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 7px !important;
}

html body #landing .spectatorControlsMount > #landingAdminBar.hidden,
html body.discordActivity #landing .spectatorControlsMount > #landingAdminBar.hidden {
    display: none !important;
}

html body #landing .spectatorControlsMount #landingStartGameBtn,
html body #landing .spectatorControlsMount #landingOptionsWrap,
html body #landing .spectatorControlsMount #landingOptionsWrap > .optionsBtn,
html body #landing .spectatorControlsMount .modesFloating > .modesBtn,
html body.discordActivity #landing .spectatorControlsMount #landingStartGameBtn,
html body.discordActivity #landing .spectatorControlsMount #landingOptionsWrap,
html body.discordActivity #landing .spectatorControlsMount #landingOptionsWrap > .optionsBtn,
html body.discordActivity #landing .spectatorControlsMount .modesFloating > .modesBtn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

html body #landing .spectatorControlsMount #landingStartGameBtn,
html body #landing .spectatorControlsMount #landingOptionsWrap > .optionsBtn,
html body #landing .spectatorControlsMount .modesFloating > .modesBtn,
html body.discordActivity #landing .spectatorControlsMount #landingStartGameBtn,
html body.discordActivity #landing .spectatorControlsMount #landingOptionsWrap > .optionsBtn,
html body.discordActivity #landing .spectatorControlsMount .modesFloating > .modesBtn {
    min-height: 34px !important;
    height: 34px !important;
    padding: 5px 10px !important;
    border-radius: 12px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

html body #landing .spectatorControlsMount #landingOptionsWrap.hidden,
html body.discordActivity #landing .spectatorControlsMount #landingOptionsWrap.hidden,
html body #landing .spectatorControlsMount #landingStartGameBtn.hidden,
html body.discordActivity #landing .spectatorControlsMount #landingStartGameBtn.hidden {
    display: none !important;
}

html body #landing .spectatorControlsMount .modesMenu,
html body #landing .spectatorControlsMount .optionsMenu,
html body.discordActivity #landing .spectatorControlsMount .modesMenu,
html body.discordActivity #landing .spectatorControlsMount .optionsMenu {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

html body #landing .spectatorControlsMount .modesMenu.hidden,
html body.discordActivity #landing .spectatorControlsMount .modesMenu.hidden {
    display: none !important;
}

html body #landing .discordSeatMini.discordSeatLarge .lobbyAdminCrown,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge .lobbyAdminCrown {
    position: absolute !important;
    z-index: 12 !important;
    top: -10px !important;
    left: 0 !important;
    display: block !important;
    width: 25px !important;
    height: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    transform: rotate(-12deg) !important;
    transform-origin: 50% 100% !important;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .86)) !important;
    pointer-events: none !important;
    user-select: none !important;
}

html body #landing .discordSeatMini.discordSeatLarge.lobbyAdminSeat .avatar .crownMark,
html body #landing .discordSeatMini.discordSeatLarge.lobbyAdminSeat .lobbyAvatar .crownMark,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge.lobbyAdminSeat .avatar .crownMark,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge.lobbyAdminSeat .lobbyAvatar .crownMark {
    display: none !important;
}

html body #landing .discordSeatMini.discordSeatLarge .lobbyYouBadge,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge .lobbyYouBadge {
    top: 2px !important;
    right: -1px !important;
}

@media (max-width: 760px) {
    html body #landing .discordSeatMini.discordSeatLarge .lobbyAdminCrown,
    html body.discordActivity #landing .discordSeatMini.discordSeatLarge .lobbyAdminCrown {
        top: -8px !important;
        left: -1px !important;
        width: 22px !important;
    }

    html body #landing .spectatorControlsMount #landingStartGameBtn,
    html body #landing .spectatorControlsMount #landingOptionsWrap > .optionsBtn,
    html body #landing .spectatorControlsMount .modesFloating > .modesBtn,
    html body.discordActivity #landing .spectatorControlsMount #landingStartGameBtn,
    html body.discordActivity #landing .spectatorControlsMount #landingOptionsWrap > .optionsBtn,
    html body.discordActivity #landing .spectatorControlsMount .modesFloating > .modesBtn {
        min-height: 30px !important;
        height: 30px !important;
        padding: 4px 7px !important;
        border-radius: 10px !important;
        font-size: 8.5px !important;
    }
}

html body #landing #discordLobby,
html body.discordActivity #landing #discordLobby {
    width: 100% !important;
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html body #landing .discordRoleGrid,
html body.discordActivity #landing .discordRoleGrid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) clamp(210px, 22vw, 258px) !important;
    grid-template-areas: "gold black spec" !important;
    align-items: start !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
}

html body #landing .discordGoldCard,
html body.discordActivity #landing .discordGoldCard {
    grid-area: gold !important;
}

html body #landing .discordBlackCard,
html body.discordActivity #landing .discordBlackCard {
    grid-area: black !important;
}

html body #landing .discordCenterColumn,
html body.discordActivity #landing .discordCenterColumn {
    grid-area: spec !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 258px !important;
    justify-self: end !important;
    align-self: start !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 7px !important;
    margin: 0 !important;
}

html body #landing .discordTeamCard,
html body.discordActivity #landing .discordTeamCard {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    align-self: start !important;
    box-sizing: border-box !important;
}

html body #landing .discordCenterColumn > .discordSpectatorCard,
html body.discordActivity #landing .discordCenterColumn > .discordSpectatorCard {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 168px !important;
    min-height: 168px !important;
    max-height: 168px !important;
    align-self: start !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

html body #landing .spectatorControlsMount,
html body.discordActivity #landing .spectatorControlsMount {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 7px !important;
    box-sizing: border-box !important;
}

html body #landing .spectatorControlsMount > #landingAdminBar,
html body #landing .spectatorControlsMount > .modesFloating,
html body.discordActivity #landing .spectatorControlsMount > #landingAdminBar,
html body.discordActivity #landing .spectatorControlsMount > .modesFloating {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

html body #landing .spectatorControlsMount > #landingAdminBar:not(.hidden),
html body #landing .spectatorControlsMount > .modesFloating,
html body.discordActivity #landing .spectatorControlsMount > #landingAdminBar:not(.hidden),
html body.discordActivity #landing .spectatorControlsMount > .modesFloating {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 7px !important;
}

html body #landing .spectatorControlsMount #landingStartGameBtn,
html body #landing .spectatorControlsMount #landingOptionsWrap,
html body #landing .spectatorControlsMount #landingOptionsWrap > .optionsBtn,
html body #landing .spectatorControlsMount .modesFloating > .modesBtn,
html body.discordActivity #landing .spectatorControlsMount #landingStartGameBtn,
html body.discordActivity #landing .spectatorControlsMount #landingOptionsWrap,
html body.discordActivity #landing .spectatorControlsMount #landingOptionsWrap > .optionsBtn,
html body.discordActivity #landing .spectatorControlsMount .modesFloating > .modesBtn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

html body #landing .spectatorControlsMount .modesMenu,
html body #landing .spectatorControlsMount .optionsMenu,
html body.discordActivity #landing .spectatorControlsMount .modesMenu,
html body.discordActivity #landing .spectatorControlsMount .optionsMenu {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 900px) {
    html body #landing .discordRoleGrid,
    html body.discordActivity #landing .discordRoleGrid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        grid-template-areas:
            "gold black"
            "spec spec" !important;
        gap: 9px !important;
    }

    html body #landing .discordCenterColumn,
    html body.discordActivity #landing .discordCenterColumn {
        width: min(100%, 258px) !important;
        max-width: 258px !important;
        justify-self: center !important;
    }
}

@media (max-width: 560px) {
    html body #landing .discordRoleGrid,
    html body.discordActivity #landing .discordRoleGrid {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "gold"
            "black"
            "spec" !important;
    }
}

html body #landing .discordRoleGrid,
html body.discordActivity #landing .discordRoleGrid {
    grid-template-columns: minmax(0, 1fr) clamp(210px, 22vw, 258px) minmax(0, 1fr) !important;
    grid-template-areas: "gold spec black" !important;
}

html body #landing .discordCenterColumn,
html body.discordActivity #landing .discordCenterColumn {
    justify-self: center !important;
}

html body #landing .discordRoleBox:has(> .discordRoleJoin[data-role="operative"]) .discordSeatList,
html body.discordActivity #landing .discordRoleBox:has(> .discordRoleJoin[data-role="operative"]) .discordSeatList {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    width: min(100%, 210px) !important;
    max-width: 210px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 5px 6px !important;
}

html body #landing .discordRoleBox:has(> .discordRoleJoin[data-role="operative"]) .discordSeatList > .discordSeatMini,
html body.discordActivity #landing .discordRoleBox:has(> .discordRoleJoin[data-role="operative"]) .discordSeatList > .discordSeatMini {
    flex: 0 0 66px !important;
    width: 66px !important;
    max-width: 66px !important;
}

@media (max-width: 900px) {
    html body #landing .discordRoleGrid,
    html body.discordActivity #landing .discordRoleGrid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        grid-template-areas:
            "gold black"
            "spec spec" !important;
    }
}

@media (max-width: 560px) {
    html body #landing .discordRoleGrid,
    html body.discordActivity #landing .discordRoleGrid {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "gold"
            "spec"
            "black" !important;
    }
}

html body #landing .discordSeatMini.discordSeatLarge .avatar:not(.customAvatar) + .seatName,
html body #landing .discordSeatMini.discordSeatLarge .lobbyAvatar:not(.customAvatar) + .seatName,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge .avatar:not(.customAvatar) + .seatName,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge .lobbyAvatar:not(.customAvatar) + .seatName {
    height: 17px !important;
    min-height: 17px !important;
    padding: 0 7px !important;
    line-height: 15px !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > img.gameSpymasterCrown,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > img.gameSpymasterCrown {
    position: absolute !important;
    z-index: 12 !important;
    top: -10px !important;
    left: 0 !important;
    right: auto !important;
    display: block !important;
    width: 25px !important;
    height: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    transform: rotate(-12deg) !important;
    transform-origin: 50% 100% !important;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .86)) !important;
    pointer-events: none !important;
    user-select: none !important;
}

@media (max-width: 760px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > img.gameSpymasterCrown,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar > img.gameSpymasterCrown {
        top: -8px !important;
        left: -1px !important;
        width: 22px !important;
    }
}

html body #landing .discordSeatMini.discordSeatLarge.lobbyAdminSeat:has(.avatar:not(.customAvatar)) > .lobbyAdminCrown,
html body #landing .discordSeatMini.discordSeatLarge.lobbyAdminSeat:has(.lobbyAvatar:not(.customAvatar)) > .lobbyAdminCrown,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge.lobbyAdminSeat:has(.avatar:not(.customAvatar)) > .lobbyAdminCrown,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge.lobbyAdminSeat:has(.lobbyAvatar:not(.customAvatar)) > .lobbyAdminCrown {
    top: -5px !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar:not(.customAvatar) > img.gameSpymasterCrown,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar:not(.customAvatar) > img.gameSpymasterCrown {
    top: -5px !important;
}

@media (max-width: 760px) {
    html body #landing .discordSeatMini.discordSeatLarge.lobbyAdminSeat:has(.avatar:not(.customAvatar)) > .lobbyAdminCrown,
    html body #landing .discordSeatMini.discordSeatLarge.lobbyAdminSeat:has(.lobbyAvatar:not(.customAvatar)) > .lobbyAdminCrown,
    html body.discordActivity #landing .discordSeatMini.discordSeatLarge.lobbyAdminSeat:has(.avatar:not(.customAvatar)) > .lobbyAdminCrown,
    html body.discordActivity #landing .discordSeatMini.discordSeatLarge.lobbyAdminSeat:has(.lobbyAvatar:not(.customAvatar)) > .lobbyAdminCrown,
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar:not(.customAvatar) > img.gameSpymasterCrown,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar:not(.customAvatar) > img.gameSpymasterCrown {
        top: -3px !important;
    }
}


html body #app #game.gameV9 .logAvatarHover > img.logAvatarCrown,
html body.discordActivity #app #game.gameV9 .logAvatarHover > img.logAvatarCrown {
    position: absolute !important;
    left: -4px !important;
    top: -6px !important;
    width: 15px !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    object-fit: contain !important;
    transform: rotate(-12deg) !important;
    transform-origin: 50% 100% !important;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .9)) !important;
    pointer-events: none !important;
    user-select: none !important;
    z-index: 25 !important;
}

html body #app #game.gameV9 .logAvatarHover:not(.customAvatar) > img.logAvatarCrown,
html body.discordActivity #app #game.gameV9 .logAvatarHover:not(.customAvatar) > img.logAvatarCrown {
    top: -3px !important;
}

html body .logAvatarPopoverImage > img.logAvatarPopoverCrown,
html body.discordActivity .logAvatarPopoverImage > img.logAvatarPopoverCrown {
    position: absolute !important;
    left: -3px !important;
    top: -9px !important;
    width: 27px !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    object-fit: contain !important;
    transform: rotate(-12deg) !important;
    transform-origin: 50% 100% !important;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .88)) !important;
    pointer-events: none !important;
    user-select: none !important;
    z-index: 8 !important;
}

html body .logAvatarPopover.characterAvatar .logAvatarPopoverImage > img.logAvatarPopoverCrown,
html body.discordActivity .logAvatarPopover.characterAvatar .logAvatarPopoverImage > img.logAvatarPopoverCrown {
    top: -3px !important;
}


html body .logAvatarPopover .logAvatarPopoverImage::before,
html body .logAvatarPopover .logAvatarPopoverImage::after,
html body.discordActivity .logAvatarPopover .logAvatarPopoverImage::before,
html body.discordActivity .logAvatarPopover .logAvatarPopoverImage::after {
    content: none !important;
    display: none !important;
}

html body .logAvatarPopover[data-log-spymaster="1"] .logAvatarPopoverImage > img.gameSpymasterCrown.logAvatarPopoverCrown,
html body.discordActivity .logAvatarPopover[data-log-spymaster="1"] .logAvatarPopoverImage > img.gameSpymasterCrown.logAvatarPopoverCrown {
    position: absolute !important;
    left: -4px !important;
    top: -10px !important;
    width: 30px !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    object-fit: contain !important;
    transform: rotate(-12deg) !important;
    transform-origin: 50% 100% !important;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .9)) !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
    z-index: 12 !important;
}

html body .logAvatarPopover.characterAvatar[data-log-spymaster="1"] .logAvatarPopoverImage > img.gameSpymasterCrown.logAvatarPopoverCrown,
html body.discordActivity .logAvatarPopover.characterAvatar[data-log-spymaster="1"] .logAvatarPopoverImage > img.gameSpymasterCrown.logAvatarPopoverCrown {
    top: -3px !important;
}

html body .logAvatarPopover[data-log-spymaster="0"] .logAvatarPopoverCrown,
html body.discordActivity .logAvatarPopover[data-log-spymaster="0"] .logAvatarPopoverCrown {
    display: none !important;
}

html body .logAvatarPopover.characterAvatar[data-log-spymaster="1"] .logAvatarPopoverImage,
html body.discordActivity .logAvatarPopover.characterAvatar[data-log-spymaster="1"] .logAvatarPopoverImage {
    display: grid !important;
    place-items: center !important;
    font-size: 44px !important;
    line-height: 1 !important;
    background: rgba(0, 0, 0, .18) !important;
    overflow: visible !important;
}

html body .logAvatarPopover.characterAvatar[data-log-spymaster="1"] .logAvatarPopoverName,
html body.discordActivity .logAvatarPopover.characterAvatar[data-log-spymaster="1"] .logAvatarPopoverName {
    bottom: 4px !important;
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName) > .playerBody,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName) > .playerBody {
    bottom: 5px !important;
}

@media (max-width: 980px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName) > .playerBody,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName) > .playerBody {
        bottom: 7px !important;
    }
}

html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName):has(> .avatar.characterAvatar:not(.customAvatar)) > .playerBody,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName):has(> .avatar.characterAvatar:not(.customAvatar)) > .playerBody {
    bottom: 9px !important;
}

@media (max-width: 980px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName):has(> .avatar.characterAvatar:not(.customAvatar)) > .playerBody,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName):has(> .avatar.characterAvatar:not(.customAvatar)) > .playerBody {
        bottom: 11px !important;
    }
}


html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar:not(.customAvatar) > .characterAvatarGlyph,
html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar:not(.customAvatar) > .characterAvatarGlyph {
    position: absolute !important;
    left: 50% !important;
    bottom: 9px !important;
    display: block !important;
    width: max-content !important;
    height: 1em !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    transform: translateX(-50%) !important;
    transform-origin: center bottom !important;
    pointer-events: none !important;
}

@media (max-width: 1280px) and (min-width: 981px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar:not(.customAvatar) > .characterAvatarGlyph,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar:not(.customAvatar) > .characterAvatarGlyph {
        bottom: 5px !important;
    }
}

@media (max-width: 980px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar:not(.customAvatar) > .characterAvatarGlyph,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar:not(.customAvatar) > .characterAvatarGlyph {
        bottom: 9px !important;
    }
}

html body #app #game.gameV9 #goldOperatives > .player:not(.editingName):has(> .avatar.characterAvatar:not(.customAvatar)) > .playerBody,
html body #app #game.gameV9 #blackOperatives > .player:not(.editingName):has(> .avatar.characterAvatar:not(.customAvatar)) > .playerBody,
html body.discordActivity #app #game.gameV9 #goldOperatives > .player:not(.editingName):has(> .avatar.characterAvatar:not(.customAvatar)) > .playerBody,
html body.discordActivity #app #game.gameV9 #blackOperatives > .player:not(.editingName):has(> .avatar.characterAvatar:not(.customAvatar)) > .playerBody {
    bottom: 9px !important;
}

html body #landing .discordSeatMini.discordSeatLarge .avatar.characterAvatar:not(.customAvatar) > .characterAvatarGlyph,
html body #landing .discordSeatMini.discordSeatLarge .lobbyAvatar.characterAvatar:not(.customAvatar) > .characterAvatarGlyph,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge .avatar.characterAvatar:not(.customAvatar) > .characterAvatarGlyph,
html body.discordActivity #landing .discordSeatMini.discordSeatLarge .lobbyAvatar.characterAvatar:not(.customAvatar) > .characterAvatarGlyph {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 31px !important;
    line-height: 1 !important;
    transform: none !important;
    translate: none !important;
    pointer-events: none !important;
}

@media (max-width: 980px) {
    html body #app #game.gameV9 #goldOperatives > .player:not(.editingName):has(> .avatar.characterAvatar:not(.customAvatar)) > .playerBody,
    html body #app #game.gameV9 #blackOperatives > .player:not(.editingName):has(> .avatar.characterAvatar:not(.customAvatar)) > .playerBody,
    html body.discordActivity #app #game.gameV9 #goldOperatives > .player:not(.editingName):has(> .avatar.characterAvatar:not(.customAvatar)) > .playerBody,
    html body.discordActivity #app #game.gameV9 #blackOperatives > .player:not(.editingName):has(> .avatar.characterAvatar:not(.customAvatar)) > .playerBody {
        bottom: 11px !important;
    }
}

@media (max-width: 760px) {
    html body #landing .discordSeatMini.discordSeatLarge .avatar.characterAvatar:not(.customAvatar) > .characterAvatarGlyph,
    html body #landing .discordSeatMini.discordSeatLarge .lobbyAvatar.characterAvatar:not(.customAvatar) > .characterAvatarGlyph,
    html body.discordActivity #landing .discordSeatMini.discordSeatLarge .avatar.characterAvatar:not(.customAvatar) > .characterAvatarGlyph,
    html body.discordActivity #landing .discordSeatMini.discordSeatLarge .lobbyAvatar.characterAvatar:not(.customAvatar) > .characterAvatarGlyph {
        font-size: 26px !important;
    }
}

@media (max-width: 760px) {
    html body #app #game.gameV9:not(.hidden),
    html body.discordActivity #app #game.gameV9:not(.hidden),
    html body #landing.hidden + #game.gameV9:not(.hidden),
    html body.discordActivity #landing.hidden + #game.gameV9:not(.hidden) {
        width: 100% !important;
        height: auto !important;
        min-height: 100dvh !important;
        max-height: none !important;
        padding: max(4px, env(safe-area-inset-top, 0px)) 4px calc(92px + env(safe-area-inset-bottom, 0px)) !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto minmax(390px, 58svh) auto !important;
        gap: 6px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        align-content: start !important;
        -webkit-overflow-scrolling: touch !important;
    }

    html body #app #game.gameV9:not(.hidden) > .topbar,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .topbar {
        grid-column: 1 !important;
        grid-row: 1 !important;
        min-height: 46px !important;
        height: auto !important;
        padding: 4px 5px !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 4px !important;
        overflow: visible !important;
    }

    html body #app #game.gameV9:not(.hidden) > #goldPanel,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #goldPanel {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    html body #app #game.gameV9:not(.hidden) > .boardWrap,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .boardWrap {
        grid-column: 1 !important;
        grid-row: 3 !important;
        height: min(58svh, 470px) !important;
        min-height: 390px !important;
        max-height: 470px !important;
        overflow: hidden !important;
    }

    html body #app #game.gameV9:not(.hidden) > #blackPanel,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #blackPanel {
        grid-column: 1 !important;
        grid-row: 4 !important;
        padding-bottom: 8px !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside.teamPanel,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 5px !important;
        overflow: visible !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside.teamPanel .mobileTeamToggle,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel .mobileTeamToggle {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside.teamPanel section:not(.sideLogSection),
    html body #app #game.gameV9:not(.hidden) > aside.teamPanel:not(.mobileTeamOpen) section:not(.sideLogSection),
    html body #app #game.gameV9:not(.hidden) > aside.teamPanel[data-mobile-team-open="false"] section:not(.sideLogSection),
    html body #app #game.gameV9:not(.hidden) > aside.teamPanel.mobileTeamOpen section:not(.sideLogSection),
    html body #app #game.gameV9:not(.hidden) > aside.teamPanel[data-mobile-team-open="true"] section:not(.sideLogSection),
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel section:not(.sideLogSection),
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel:not(.mobileTeamOpen) section:not(.sideLogSection),
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel[data-mobile-team-open="false"] section:not(.sideLogSection),
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel.mobileTeamOpen section:not(.sideLogSection),
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel[data-mobile-team-open="true"] section:not(.sideLogSection) {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 5px 0 0 !important;
        padding: 6px 4px 7px !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside.teamPanel > .teamHeader,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel > .teamHeader {
        min-height: 42px !important;
        height: auto !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        padding: 2px 4px !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: flex-start !important;
        align-content: flex-start !important;
        gap: 4px 7px !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 auto !important;
        padding: 2px 0 0 !important;
        overflow: visible !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
        flex: 0 0 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        min-height: 66px !important;
        height: 66px !important;
        padding: 0 0 12px !important;
        margin: 0 !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        overflow: visible !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody {
        bottom: 0 !important;
        height: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody > b,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody > b {
        height: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;
        line-height: 16px !important;
        padding: 0 !important;
        align-items: center !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player .playerNameText,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player .playerNameText {
        height: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;
        padding: 0 6px !important;
        line-height: 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    html body #landing .discordSeatMini.discordSeatLarge .seatName,
    html body.discordActivity #landing .discordSeatMini.discordSeatLarge .seatName,
    html body #landing .discordSeatMini.discordSeatLarge .avatar:not(.customAvatar) + .seatName,
    html body #landing .discordSeatMini.discordSeatLarge .lobbyAvatar:not(.customAvatar) + .seatName,
    html body.discordActivity #landing .discordSeatMini.discordSeatLarge .avatar:not(.customAvatar) + .seatName,
    html body.discordActivity #landing .discordSeatMini.discordSeatLarge .lobbyAvatar:not(.customAvatar) + .seatName {
        height: 15px !important;
        min-height: 15px !important;
        max-height: 15px !important;
        padding: 0 6px !important;
        line-height: 15px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    html body #app #game.gameV9 #board.board > button.card > span.word,
    html body.discordActivity #app #game.gameV9 #board.board > button.card > span.word,
    html body #app #game.gameV9 #board.board > button.card:not(.revealed):not(.crownOnlyReveal) > span.word,
    html body.discordActivity #app #game.gameV9 #board.board > button.card:not(.revealed):not(.crownOnlyReveal) > span.word {
        width: calc(100% - 6px) !important;
        max-width: calc(100% - 6px) !important;
        min-width: 0 !important;
        height: 22px !important;
        min-height: 22px !important;
        max-height: 22px !important;
        padding: 2px 1px !important;
        font-size: 8.2px !important;
        line-height: 1 !important;
        letter-spacing: -.08px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        box-sizing: border-box !important;
    }

    html body #app #game.gameV9 #board.board > button.card > span.word.mediumWord,
    html body #app #game.gameV9 #board.board > button.card > span.word.longWord,
    html body.discordActivity #app #game.gameV9 #board.board > button.card > span.word.mediumWord,
    html body.discordActivity #app #game.gameV9 #board.board > button.card > span.word.longWord {
        font-size: 6.1px !important;
        letter-spacing: -.12px !important;
    }



    html body #app #game.gameV9 #board.board > button.card > span.word.longWord,
    html body.discordActivity #app #game.gameV9 #board.board > button.card > span.word.longWord {
        font-size: 5px !important;
        letter-spacing: -.18px !important;
    }

    html body #app #game.gameV9 .topCenter,
    html body.discordActivity #app #game.gameV9 .topCenter {
        grid-column: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    html body #app #game.gameV9 .topCenter .status,
    html body.discordActivity #app #game.gameV9 .topCenter .status {
        width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
    }

    html body #app #game.gameV9 #backToLobbyBtn.backLobbyBtn.mobileTopBack,
    html body.discordActivity #app #game.gameV9 #backToLobbyBtn.backLobbyBtn.mobileTopBack {
        position: static !important;
        inset: auto !important;
        order: 99 !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 48px !important;
        max-width: 66px !important;
        height: 28px !important;
        min-height: 28px !important;
        max-height: 28px !important;
        margin: 0 0 0 auto !important;
        padding: 0 8px !important;
        border-radius: 999px !important;
        font-size: 9px !important;
        line-height: 1 !important;
        z-index: 1 !important;
    }

    html body #app #game.gameV9 .sideLogSection,
    html body.discordActivity #app #game.gameV9 .sideLogSection {
        max-height: 104px !important;
        overflow: hidden !important;
    }

    html body #app #game.gameV9 .sideLogSection .log,
    html body.discordActivity #app #game.gameV9 .sideLogSection .log {
        height: 74px !important;
        min-height: 74px !important;
        max-height: 74px !important;
        overflow-y: auto !important;
    }
}

@media (max-width: 760px) {
    html body #app #game.gameV9:not(.hidden),
    html body.discordActivity #app #game.gameV9:not(.hidden),
    html body #landing.hidden + #game.gameV9:not(.hidden),
    html body.discordActivity #landing.hidden + #game.gameV9:not(.hidden) {
        height: auto !important;
        min-height: 100dvh !important;
        max-height: none !important;
        padding: max(4px, env(safe-area-inset-top, 0px)) 4px max(6px, env(safe-area-inset-bottom, 0px)) !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto auto auto !important;
        grid-auto-rows: auto !important;
        gap: 6px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        align-content: start !important;
    }

    html body #app #game.gameV9:not(.hidden) > .topbar,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .topbar {
        grid-template-columns: auto minmax(0, 1fr) auto auto !important;
        grid-template-rows: auto !important;
        gap: 4px !important;
    }

    html body #app #game.gameV9 .topbar > .spectatorMenuWrap,
    html body.discordActivity #app #game.gameV9 .topbar > .spectatorMenuWrap {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    html body #app #game.gameV9 .topbar > .topCenter,
    html body.discordActivity #app #game.gameV9 .topbar > .topCenter {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    html body #app #game.gameV9 #backToLobbyBtn.backLobbyBtn.mobileTopBack,
    html body.discordActivity #app #game.gameV9 #backToLobbyBtn.backLobbyBtn.mobileTopBack {
        grid-column: 3 !important;
        grid-row: 1 !important;
        order: initial !important;
        position: static !important;
        inset: auto !important;
        width: auto !important;
        min-width: 45px !important;
        max-width: 58px !important;
        height: 28px !important;
        min-height: 28px !important;
        max-height: 28px !important;
        margin: 0 !important;
        padding: 0 7px !important;
        align-self: center !important;
        justify-self: end !important;
        z-index: 3 !important;
    }

    html body #app #game.gameV9 .topbar > .timers,
    html body.discordActivity #app #game.gameV9 .topbar > .timers {
        grid-column: 4 !important;
        grid-row: 1 !important;
        align-self: center !important;
        justify-self: end !important;
        margin: 0 !important;
    }

    html body #app #game.gameV9:not(.hidden) > #goldPanel,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #goldPanel {
        grid-column: 1 !important;
        grid-row: 2 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    html body #app #game.gameV9:not(.hidden) > .boardWrap,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .boardWrap {
        grid-column: 1 !important;
        grid-row: 3 !important;
        width: 100% !important;
        height: min(83vw, 360px) !important;
        min-height: 0 !important;
        max-height: 360px !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    html body #app #game.gameV9:not(.hidden) > .boardWrap > #board.board,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .boardWrap > #board.board {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
    }

    html body #app #game.gameV9:not(.hidden) > #blackPanel,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #blackPanel {
        grid-column: 1 !important;
        grid-row: 4 !important;
        display: flex !important;
        flex-direction: column !important;
        padding-bottom: 4px !important;
    }

    html body #app #game.gameV9:not(.hidden) > #goldPanel > .teamHeader,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #goldPanel > .teamHeader {
        order: 0 !important;
    }

    html body #app #game.gameV9:not(.hidden) > #goldPanel > section:nth-of-type(1),
    html body.discordActivity #app #game.gameV9:not(.hidden) > #goldPanel > section:nth-of-type(1) {
        order: 1 !important;
    }

    html body #app #game.gameV9:not(.hidden) > #goldPanel > section:nth-of-type(2),
    html body.discordActivity #app #game.gameV9:not(.hidden) > #goldPanel > section:nth-of-type(2) {
        order: 2 !important;
    }

    html body #app #game.gameV9:not(.hidden) > #blackPanel > section:nth-of-type(1),
    html body.discordActivity #app #game.gameV9:not(.hidden) > #blackPanel > section:nth-of-type(1) {
        order: 1 !important;
    }

    html body #app #game.gameV9:not(.hidden) > #blackPanel > section:nth-of-type(2),
    html body.discordActivity #app #game.gameV9:not(.hidden) > #blackPanel > section:nth-of-type(2) {
        order: 2 !important;
    }

    html body #app #game.gameV9:not(.hidden) > #blackPanel > .teamHeader,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #blackPanel > .teamHeader {
        order: 3 !important;
        margin-top: 5px !important;
    }

    html body #app #game.gameV9:not(.hidden) > #blackPanel > .sideLogSection,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #blackPanel > .sideLogSection {
        display: none !important;
    }

    html body #app #game.gameV9:not(.hidden) > #currentClueDock.currentClueDock,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #currentClueDock.currentClueDock,
    html body #app #game.gameV9:not(.hidden) > #bottomClueDock.bottomClueDock,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #bottomClueDock.bottomClueDock {
        grid-column: 1 !important;
        grid-row: 5 !important;
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: calc(100% - 82px) !important;
        max-width: calc(100% - 82px) !important;
        min-width: 0 !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        margin: 0 !important;
        align-self: center !important;
        justify-self: start !important;
        transform: none !important;
        z-index: 20 !important;
    }

    html body #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar {
        grid-column: 1 !important;
        grid-row: 5 !important;
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 78px !important;
        min-width: 78px !important;
        max-width: 78px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        margin: 0 !important;
        align-self: center !important;
        justify-self: end !important;
        transform: none !important;
        z-index: 24 !important;
    }

    html body #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .gameOptionsWrap,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .gameOptionsWrap,
    html body #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .optionsBtn,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .optionsBtn {
        width: 78px !important;
        max-width: 78px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 6px 0 !important;
    }

    html body #app #game.gameV9:not(.hidden) > #topOperativeActions.bottomPassBar,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #topOperativeActions.bottomPassBar {
        position: relative !important;
        inset: auto !important;
        grid-column: 1 !important;
        grid-row: 5 !important;
    }
}

@media (max-width: 760px) {
    html body #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .gameOptionsWrap,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .gameOptionsWrap {
        width: 42px !important;
        max-width: 42px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 6px auto !important;
    }

    html body #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .optionsBtn,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .optionsBtn {
        position: relative !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    html body #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .optionsBtn::before,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .optionsBtn::before {
        content: "" !important;
        display: block !important;
        width: 15px !important;
        height: 2px !important;
        margin: 0 auto !important;
        border-radius: 999px !important;
        background: currentColor !important;
        box-shadow: 0 -5px 0 currentColor, 0 5px 0 currentColor !important;
    }

    html body #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .optionsBtn::after,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .optionsBtn::after {
        display: none !important;
        content: none !important;
    }
}

@media (max-width: 760px) {
    html body #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        justify-self: end !important;
    }

    html body #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .gameOptionsWrap,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .gameOptionsWrap {
        margin: 6px 0 6px auto !important;
    }
}

@media (max-width: 760px) {
    html body #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar,
    html body #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .gameOptionsWrap,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .gameOptionsWrap {
        overflow: visible !important;
        z-index: 1000004 !important;
    }

    html body #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .gameOptionsWrap.open .optionsMenu,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .gameOptionsWrap.open .optionsMenu {
        display: flex !important;
        position: fixed !important;
        top: auto !important;
        left: auto !important;
        right: max(6px, env(safe-area-inset-right, 0px)) !important;
        bottom: calc(54px + env(safe-area-inset-bottom, 0px)) !important;
        transform: none !important;
        width: 164px !important;
        min-width: 164px !important;
        max-width: calc(100vw - 12px) !important;
        gap: 6px !important;
        padding: 8px !important;
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        background: rgba(7, 6, 3, .985) !important;
        border: 1px solid rgba(255, 215, 108, .9) !important;
        border-radius: 13px !important;
        box-shadow: 0 14px 34px rgba(0, 0, 0, .92), 0 0 18px rgba(255, 205, 64, .26) !important;
        z-index: 2147483000 !important;
        pointer-events: auto !important;
    }

    html body #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .gameOptionsWrap.open .optionsMenu > button,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #adminControlBar.bottomOptionsBar .gameOptionsWrap.open .optionsMenu > button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 36px !important;
        padding: 7px 9px !important;
        color: #100c04 !important;
        background: linear-gradient(180deg, #fff1a0 0%, #f0bb25 58%, #c98b00 100%) !important;
        border: 1px solid #ffe27b !important;
        border-radius: 9px !important;
        font-size: 10px !important;
        font-weight: 1000 !important;
        line-height: 1.05 !important;
        letter-spacing: .25px !important;
        text-align: center !important;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .55) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .58), 0 3px 8px rgba(0, 0, 0, .62) !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside.teamPanel,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel {
        padding: 3px !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside.teamPanel section:not(.sideLogSection),
    html body #app #game.gameV9:not(.hidden) > aside.teamPanel:not(.mobileTeamOpen) section:not(.sideLogSection),
    html body #app #game.gameV9:not(.hidden) > aside.teamPanel[data-mobile-team-open="false"] section:not(.sideLogSection),
    html body #app #game.gameV9:not(.hidden) > aside.teamPanel.mobileTeamOpen section:not(.sideLogSection),
    html body #app #game.gameV9:not(.hidden) > aside.teamPanel[data-mobile-team-open="true"] section:not(.sideLogSection),
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel section:not(.sideLogSection),
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel:not(.mobileTeamOpen) section:not(.sideLogSection),
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel[data-mobile-team-open="false"] section:not(.sideLogSection),
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel.mobileTeamOpen section:not(.sideLogSection),
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel[data-mobile-team-open="true"] section:not(.sideLogSection) {
        min-height: 0 !important;
        margin: 2px 0 0 !important;
        padding: 2px 2px 4px !important;
        gap: 1px !important;
        border-radius: 8px !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > h3,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > h3 {
        min-height: 25px !important;
        height: 25px !important;
        max-height: 25px !important;
        padding: 4px 6px !important;
        font-size: 11px !important;
        letter-spacing: .65px !important;
        line-height: 1 !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside#goldPanel > section:nth-of-type(2) > h3::after,
    html body #app #game.gameV9:not(.hidden) > aside#blackPanel > section:nth-of-type(2) > h3::after,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside#goldPanel > section:nth-of-type(2) > h3::after,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside#blackPanel > section:nth-of-type(2) > h3::after {
        font-size: 11px !important;
        letter-spacing: .65px !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList {
        gap: 2px 5px !important;
        padding: 0 !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player {
        flex: 0 0 52px !important;
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;
        min-height: 50px !important;
        height: 50px !important;
        max-height: 50px !important;
        padding: 0 0 11px !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar,
    html body #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar.customAvatar,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar.customAvatar {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        font-size: 29px !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar:not(.customAvatar) > .characterAvatarGlyph,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .avatar.characterAvatar:not(.customAvatar) > .characterAvatarGlyph {
        font-size: 29px !important;
        line-height: 1 !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody {
        bottom: 0 !important;
        height: 14px !important;
        min-height: 14px !important;
        max-height: 14px !important;
    }

    html body #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody > b,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player > .playerBody > b,
    html body #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player .playerNameText,
    html body.discordActivity #app #game.gameV9:not(.hidden) > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player .playerNameText {
        height: 14px !important;
        min-height: 14px !important;
        max-height: 14px !important;
        line-height: 14px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        font-size: 8px !important;
    }

    html body #app #game.gameV9 #backToLobbyBtn.backLobbyBtn.mobileTopBack,
    html body.discordActivity #app #game.gameV9 #backToLobbyBtn.backLobbyBtn.mobileTopBack {
        transform: translateX(-5px) !important;
    }
}

@media (max-width: 760px) {
    html body #app #game.gameV9:not(.hidden) > #bottomClueDock.bottomClueDock:not(.hidden),
    html body.discordActivity #app #game.gameV9:not(.hidden) > #bottomClueDock.bottomClueDock:not(.hidden) {
        width: calc(100% - 50px) !important;
        max-width: calc(100% - 50px) !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-areas: "word number submit" !important;
        grid-template-columns: minmax(0, 1fr) 52px 58px !important;
        column-gap: 4px !important;
        padding: 0 !important;
        margin: 0 !important;
        justify-self: start !important;
        overflow: visible !important;
    }

    html body #app #game.gameV9:not(.hidden) > #bottomClueDock.bottomClueDock:not(.hidden) .clueWordLabel,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #bottomClueDock.bottomClueDock:not(.hidden) .clueWordLabel {
        grid-area: word !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        overflow: visible !important;
    }

    html body #app #game.gameV9:not(.hidden) > #bottomClueDock.bottomClueDock:not(.hidden) .numberLabel,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #bottomClueDock.bottomClueDock:not(.hidden) .numberLabel {
        grid-area: number !important;
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    }

    html body #app #game.gameV9:not(.hidden) > #bottomClueDock.bottomClueDock:not(.hidden) #clueWord,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #bottomClueDock.bottomClueDock:not(.hidden) #clueWord {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    html body #app #game.gameV9:not(.hidden) > #bottomClueDock.bottomClueDock:not(.hidden) #clueNumber,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #bottomClueDock.bottomClueDock:not(.hidden) #clueNumber {
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    html body #app #game.gameV9:not(.hidden) > #bottomClueDock.bottomClueDock:not(.hidden) #giveClueBtn.clueSubmitTick,
    html body.discordActivity #app #game.gameV9:not(.hidden) > #bottomClueDock.bottomClueDock:not(.hidden) #giveClueBtn.clueSubmitTick {
        grid-area: submit !important;
        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
}

@media (max-width: 760px) {
    html body .spymasterClueStage,
    html body.discordActivity .spymasterClueStage {
        width: max-content !important;
        height: auto !important;
        max-width: 94vw !important;
        max-height: 84vh !important;
        display: block !important;
    }

    html body .spymasterClueImg,
    html body.discordActivity .spymasterClueImg {
        width: auto !important;
        height: auto !important;
        max-width: 92vw !important;
        max-height: 82vh !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    html body .spymasterClueImg.spymasterImageMissing,
    html body.discordActivity .spymasterClueImg.spymasterImageMissing {
        width: min(92vw, 440px) !important;
        height: min(92vw, 440px) !important;
        max-width: 92vw !important;
        max-height: 82vh !important;
    }

    html body .spymasterClueBox,
    html body.discordActivity .spymasterClueBox {
        bottom: 5.8% !important;
    }
}


@media (max-width: 760px) {
    html body #app #game.gameV9:not(.hidden),
    html body.discordActivity #app #game.gameV9:not(.hidden),
    html body #landing.hidden + #game.gameV9:not(.hidden),
    html body.discordActivity #landing.hidden + #game.gameV9:not(.hidden) {
        grid-template-rows: auto auto auto auto auto auto !important;
    }

    html body #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated {
        grid-column: 1 !important;
        grid-row: 6 !important;
        display: flex !important;
        flex-direction: column !important;
        align-self: stretch !important;
        justify-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: clamp(150px, 27vh, 210px) !important;
        min-height: 150px !important;
        max-height: 210px !important;
        margin: 0 !important;
        padding: 5px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        border: 1px solid rgba(229, 185, 62, .45) !important;
        border-radius: 11px !important;
        background: linear-gradient(180deg, rgba(27, 18, 10, .96), rgba(3, 3, 3, .98)) !important;
        box-shadow: inset 0 0 0 1px rgba(255, 229, 153, .05), 0 8px 20px rgba(0, 0, 0, .34) !important;
        order: initial !important;
    }

    html body #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated > h3,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated > h3 {
        flex: 0 0 27px !important;
        display: grid !important;
        place-items: center !important;
        width: 100% !important;
        height: 27px !important;
        min-height: 27px !important;
        max-height: 27px !important;
        margin: 0 0 4px !important;
        padding: 0 !important;
        border-radius: 8px !important;
        background: rgba(77, 24, 12, .56) !important;
        color: #fff0b3 !important;
        font-size: 11px !important;
        line-height: 1 !important;
        letter-spacing: .9px !important;
        text-align: center !important;
        text-transform: uppercase !important;
    }

    html body #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated > #log.log,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated > #log.log {
        flex: 1 1 auto !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 5px 4px !important;
        box-sizing: border-box !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: thin !important;
        scrollbar-color: rgba(236, 191, 64, .78) rgba(255, 255, 255, .06) !important;
        touch-action: pan-y !important;
    }

    html body #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated > #log.log::-webkit-scrollbar,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated > #log.log::-webkit-scrollbar {
        width: 5px !important;
    }

    html body #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated > #log.log::-webkit-scrollbar-track,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated > #log.log::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, .05) !important;
        border-radius: 999px !important;
    }

    html body #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated > #log.log::-webkit-scrollbar-thumb,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated > #log.log::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #ffe18a, #ad7100) !important;
        border-radius: 999px !important;
    }

    html body #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated #log > .logRounds,
    html body #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated #log .logRounds > .logRound,
    html body #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated #log .logRound > .logPicks,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated #log > .logRounds,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated #log .logRounds > .logRound,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated #log .logRound > .logPicks {
        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    html body #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated #log .logRounds,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated #log .logRounds {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6px !important;
        width: 100% !important;
        padding: 0 !important;
    }

    html body #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated #log .logRound,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated #log .logRound {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 4px !important;
        width: 100% !important;
        padding: 0 !important;
    }

    html body #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated #log .logPicks,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated #log .logPicks {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 4px !important;
        width: 100% !important;
        padding: 0 !important;
    }

    html body #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated #log .gameLogEntry,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .sideLogSection.mobileLogRelocated #log .gameLogEntry {
        max-width: calc(100vw - 30px) !important;
    }
}

html body.discordActivity .gameIntroCard {
    width: min(72vmin, 590px) !important;
    max-width: calc(100vw - 28px) !important;
    max-height: calc(100vh - 28px) !important;
    justify-items: center !important;
}

html body.discordActivity .gameIntroRing {
    width: min(66vmin, 560px) !important;
    height: min(66vmin, 560px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: min(66vmin, 560px) !important;
    max-height: min(66vmin, 560px) !important;
    aspect-ratio: 1 / 1 !important;
    box-sizing: border-box !important;
    padding: clamp(16px, 3vmin, 28px) !important;
    overflow: hidden !important;
}

html body.discordActivity .gameIntroRing img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
}

@media (max-width: 760px) {
    html body.discordActivity .gameIntroCard {
        width: min(88vmin, 440px) !important;
        max-width: calc(100vw - 22px) !important;
        max-height: calc(100vh - 22px) !important;
    }

    html body.discordActivity .gameIntroRing {
        width: min(78vmin, 420px) !important;
        height: min(78vmin, 420px) !important;
        max-width: min(78vmin, 420px) !important;
        max-height: min(78vmin, 420px) !important;
        padding: clamp(13px, 2.8vmin, 22px) !important;
    }
}

@media (max-width: 760px) {
    html body #app #game.gameV9:not(.hidden) > .boardWrap,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .boardWrap {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    html body #app #game.gameV9:not(.hidden) > .boardWrap > #board.board,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .boardWrap > #board.board {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(5, auto) !important;
        grid-auto-rows: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        gap: 3px !important;
        overflow: visible !important;
    }

    html body #app #game.gameV9:not(.hidden) > .boardWrap > #board.board > button.card,
    html body.discordActivity #app #game.gameV9:not(.hidden) > .boardWrap > #board.board > button.card {
        width: 100% !important;
        min-width: 0 !important;
        height: clamp(58px, 16vw, 68px) !important;
        min-height: clamp(58px, 16vw, 68px) !important;
        max-height: clamp(58px, 16vw, 68px) !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
}

@media (min-width: 981px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName):has(> .avatar.characterAvatar:not(.customAvatar)) > .playerBody,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName):has(> .avatar.characterAvatar:not(.customAvatar)) > .playerBody {
        bottom: 5px !important;
    }
}

@media (min-width: 761px) and (max-width: 980px) {
    html body #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName):has(> .avatar.characterAvatar:not(.customAvatar)) > .playerBody,
    html body.discordActivity #app #game.gameV9 > aside.teamPanel > section:not(.sideLogSection) > .teamList > .player:not(.editingName):has(> .avatar.characterAvatar:not(.customAvatar)) > .playerBody {
        bottom: 7px !important;
    }
}