/* Global Game Specific Styles */
ul.gamePageTags { width: 100%; position: relative; display: table; margin: -2vw auto 4vw auto; padding: 0vw 0vw 0vw 0vw; list-style-type: none; }
ul.gamePageTags li { position: relative; display: inline-block; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
ul.gamePageTags li:first-of-type { position: relative; display: block; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; text-align: center; }
ul.gamePageTags li:first-of-type p { position: relative; display: block; margin: 0vw auto 1vw auto; padding: 0vw 0vw 0vw 0vw; text-align: center; font-size: 4vw; }
ul.gamePageTags li a:link, ul.gamePageTags li a:visited { position: relative; display: inline-block; margin: 0vw 1vw 0vw 1vw; padding: 1vw 2vw 1vw 2vw; border-radius: 2vw; color: #ffffff; text-decoration: none; font-size: 3vw; }
ul.gamePageTags li a:hover { text-decoration: none; }
ul.gamePageTags li p span { position: relative; display: inline-block; margin: 0vw 1vw 0vw 1vw; padding: 1vw 2vw 1vw 2vw; border-radius: 2vw; color: #ffffff; font-size: 3vw; }

.scenario-indicator { margin: -2vw 0vw 4vw 0vw; }

.playersInLobby { padding: 4vw 0vw 0vw 0vw; }

ul#players, ul#audienceList { width: 95%; position: relative; display: table; margin: 0vw auto 4vw auto; padding: 0vw 0vw 0vw 0vw; list-style-type: none; text-align: center; }
ul#players li, ul#audienceList li, ul.gamePlayerList li.gamePlayerRow { float: left; width: 100%; position: relative; display: block; margin: 0vw auto 0vw auto; padding: 3vw 0vw 1vw 0vw; border-bottom: 0.25vw solid #1f2937; overflow: hidden; }
ul#players li:first-of-type:not(:last-of-type), ul#audienceList li:first-of-type:not(:last-of-type), ul.gamePlayerList li.gamePlayerRow:first-of-type:not(:last-of-type) { border-radius: 2vw 2vw 0vw 0vw; overflow: hidden; }
ul#players li:last-of-type:not(:first-of-type), ul#audienceList li:last-of-type:not(:first-of-type), ul.gamePlayerList li.gamePlayerRow:last-of-type:not(:first-of-type) { border-radius: 0vw 0vw 2vw 2vw; overflow: hidden; }
ul#players li:only-child, ul#audienceList li:only-child, ul.gamePlayerList li.gamePlayerRow:only-child { border-radius: 2vw; overflow: hidden; }
ul#players li h4, ul#audienceList li h4, ul.gamePlayerList li.gamePlayerRow h4 { float: left; width: 100%; position: relative; display: table; margin: 0vw auto 2vw auto; padding: 0vw 0vw 0vw 0vw; }
ul#players li p, ul.gamePlayerList li.gamePlayerRow p { float: left; width: 100%; position: relative; display: table; margin: -4vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; opacity: 0.75; }
#players li[data-username] { cursor: default; transition: background 0.2s ease, filter 0.2s ease; }
#players li.hatHoverTarget { background: rgba(255,255,255,0.1); }
#floatingHat { will-change: transform; display:none; position:fixed; pointer-events:none; z-index:99999; transform:rotate(-40deg) scale(1.5); }
#floatingHat img { width:8vw; height:8vw; filter:invert(1); }
#hostTransferConfirm { display:none; position:fixed; top:13vw; left:0; width:100%; height:100%; z-index:99998; background:rgba(0,0,0,0.5); }
#hostTransferConfirm-inner { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80%; text-align:center; }
/* #players li, ul.gamePlayerList li.gamePlayerRow { position:relative; overflow: hidden; } */
#startGameStatus { text-align:center; margin-top:2vw; min-height: 4vw; }
#inviteBar { position: relative; z-index:99997; }
#inviteSearchInput { width:95%; display:block; margin: 0 auto; }
#inviteSuggestions { width:95% !important; left:50% !important; transform:translateX(-50%); }
#inviteSuggestions li img.emoji { width:3vw; height:3vw; top: 0.1vw; margin: 0vw 1vw 0vw 0vw; }
#inviteSuggestions .badge { font-size:2vw !important; padding: 0.5vw 1vw; margin: 0vw 1vw 0vw 0vw; }
#inviteSuggestions .badge:last-of-type { margin: 0vw 0vw 0vw 0vw; }
#inviteResult { min-height: 3vw; }
#inviteSendBtn { margin-top: 2vw; }
#inviteSendBtn.inviteSent { cursor: not-allowed; }
#crewRepBar { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
#players li .crewTileBg,
.gamePlayerRow .crewTileBg,
#submittedPlayers li .crewTileBg,
.gameCrewWrap .crewTileBg,
.scoreDrawerRow .crewTileBg,
.hwPlayerTile .crewTileBg {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 1000%;
    background-repeat: repeat;
    background-size: 6vw 6vw;
    background-position: 1vw 1vw;
    transform: rotate(-25deg) scale(1.3);
    filter: grayscale(100%) opacity(0.15);
    pointer-events: none;
    z-index: 0;
}

#rootSubHeader .crewTileBg {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 1000%;
    background-repeat: repeat;
    background-size: 6vw 6vw;
    background-position: 1vw 1vw;
    transform: rotate(-25deg) scale(1.3);
    filter: grayscale(100%) opacity(0.15);
    pointer-events: none;
    z-index: 0;
    clip-path: inset(0 0 0 0);
}

#players li .crewTileBg + *,
.gamePlayerRow .crewTleBg + *,
#submittedPlayers li .crewTileBg + *,
.gameCrewWrap .crewTileBg + *,
#rootSubHeader .crewTileBg + *,
.scoreDrawerRow .crewTileBg + *,
.hwPlayerTile .crewTileBg + * {
    position: relative;
    z-index: 1;
}
div#crewRepBar div.contentContainer { padding: 2vw 2vw 2vw 2vw; }

#gameCrews { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.gamePlayerList { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; list-style-type: none; border-radius: 2vw 2vw 2vw 2vw; }
.gameMembersWrap { padding: 4vw 2vw 3vw 2vw; }

/* =========================
   INTRO PAGE
   ========================= */
#introWrap { float: left; width: 100%; position: relative; display: block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
#introRoster { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }

/* ── Score Bar (pinned pill) ── */
#scoreBar { float: left; width: 100%; position: fixed; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; bottom: 0vw; z-index: 9400; }
#scoreBarPill { cursor: pointer; float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 2vw 0vw 2vw 0vw; border-bottom: 0vw solid; }
ul#scoreBarLabels { width: 92%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; list-style-type: none; }
ul#scoreBarLabels li { float: left; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul#scoreBarLabels li:last-of-type { float: right; }
li#scoreBarLabel { width: 41%; text-align: left; }
li#scoreBarLabel h4 { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
li#scoreBarCounts { width: 54%; text-align: center; }
li#scoreBarCounts p { position: relative; display: table; margin: 1.25vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
li#scoreBarCounts p img { margin: 0vw 0vw 0vw 0vw; }
li#scoreBarArrow { float: none !important; position: absolute; text-align: right; right: 0vw; }
li#scoreBarArrow p { float: right; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }

/* ── Score Drawer ── */
#scoreDrawer { width: 100%; position: fixed; bottom: 0vw; display: none; height: 100%; max-height: 85%; z-index: 99999; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #4b5563 #000000; overscroll-behavior: contain; }
#scoreDrawer.animating { overflow: visible; }
#scoreDrawer::-webkit-scrollbar { width: 1.5vw; }
#scoreDrawer::-webkit-scrollbar-track { background: #000000; }
#scoreDrawer::-webkit-scrollbar-thumb { background: #4b5563; border-radius: 99vw; }
#scoreDrawer::-webkit-scrollbar-thumb:hover { background: #6b7280; }
#scoreDrawerInner { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
#scoreDrawerHeader { float: left; width: 100%; position: sticky; top: 0vw; display: table; margin: 0vw 0vw 4vw 0vw; padding: 2vw 0vw 2vw 0vw; z-index: 10; cursor: pointer; }
ul#scoreDrawerLabels { width: 92%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; list-style-type: none; }
ul#scoreDrawerLabels li { float: left; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul#scoreDrawerLabels li:last-of-type { float: right; }
li#scoreDrawerLabel { width: 41%; text-align: left; }
li#scoreDrawerLabel h4 { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
li#scoreDrawerCounts { width: 54%; text-align: center; }
li#scoreDrawerCounts p { position: relative; display: table; margin: 1.25vw  auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
li#scoreDrawerArrow { float: none !important; position: absolute; text-align: right; right: 0vw; }
li#scoreDrawerArrow p { float: right; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
#scoreDrawerList { width: 95%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; text-align: center; }
#scoreDrawerList .gameCrewWrap h2 .scoreEntryScore { display: block; font-size: 4vw; margin: 0vw auto 1vw auto; color: #ffffff; }
#scoreDrawerList .gamePlayerRow .scoreEntryScore { color: #ffffff; }

#scoreboardOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.75); z-index: 9200; }

#introRoster .gamePlayerRow { opacity: 0; }

#introSkip { position: fixed; top: 26vw; right: 2vw; z-index: 9300; padding: 1.5vw 3vw; border-radius: 99vw; cursor: pointer; opacity: 0.6; transition: opacity 0.2s ease; }
#introSkip:hover { opacity: 1; }
div#introSkip span { position: relative; top: -0.4vw; }

#sub-header-timer { text-align: right; }

.scoreBarSeparator, .scoreDrawerSeparator { opacity: 0.5; }

.filterButtons { padding: 0vw 0vw 0vw 0vw; }

@keyframes hourglassFlip {
    0%   { transform: rotate(0deg);   }
    25%  { transform: rotate(180deg); }
    100% { transform: rotate(180deg); }
}
@keyframes timerPulse {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.35; }
}
#sub-header-timer.timer-urgent #subHeaderTimer,
#sub-header-timer.timer-urgent #subHeaderTimerEmoji {
    animation: timerPulse 0.7s ease-in-out infinite;
    color: #f43f5e;
}
ul.timerVlcWrap { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: right; list-style-type: none; z-index: 900; }
ul.timerVlcWrap li { position: relative; display: inline-block; margin: 0vw 2vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.timerVlcWrap li:last-of-type { margin: 0vw 0vw 0vw 0vw; }
ul.timerVlcWrap li button { position: relative; font-size: 4vw; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; border-radius: 0vw; background: transparent; border: 0vw solid; line-height: 0%; top: -1.25vw; }
#gamePauseOverlayIcon { position: relative; top: -0.5vw; color: #ffffff; }
#gamePauseCloseBtn,
#gameStopCloseBtn { position: absolute; top: 14vw; right: 3vw; }
#gamePauseResumeBtnIcon { position: relative; top: -0.5vw; }

.mainGameHostWork { width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
.mainGame-textarea { height: 25vw; }
div.mainGameHostWork span.mainGame-textareaCharCount { position: absolute; text-align: right; display: table; padding: 0vw 1vw; right: 2vw; bottom: -1.8vw; border-radius: 0vw 0vw 2vw 2vw; }
#suggestionToggleWrap { width: 100%; position: relative; display: inline-block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; z-index: 10; }
#suggestionTray { width: 100%; position: relative; display: inline-block; margin: 0vw 0vw -2vw 0vw; padding: 0vw 0vw 0vw 0vw; z-index: 5; }
ul#suggestionList { padding: 0vw 0vw 0vw 0vw; }
ul#suggestionList li { margin: 2vw auto 0vw auto; padding: 2vw 2vw 2vw 2vw; font-weight: normal; }

ul#hostVoteList { width: 100%; position: relative; display: block; text-align: center; }
ul#hostVoteList li { position: relative; display: inline-block; margin: 0vw 1vw 0vw 1vw; }

/* Inline spinner — spins an emoji inside a button during async actions */
@keyframes spinEmoji {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
.emoji-spin {
    animation: spinEmoji 1s linear infinite;
    display: inline-block;
}

ul.buttonsSBS li.solo { margin: 0; }

div#introRoster div.gameSoloWrap, div#introRoster div.gameCrewWrap { padding: 3vw 2vw 3vw 2vw; position: relative; overflow: hidden; }
div#introRoster h2 { margin: 0vw 0vw 0vw 0vw; }

li.createLobbyButton { margin: 0vw 0vw 0vw 2vw !important; }

.variantLabel { position: absolute; right: 0vw; top: 5.5vw; }
header div#logo h1 span.variantLabel img { width: 3vw; height: 3vw; }

#subHeaderTimerUnlimited { position: relative; font-size: 8vw; line-height: 0vw; top: 1.5vw; }

textarea { height: 19.5vw !important; }

.inputFooterRow { width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div.inputFooterRow ul { width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; list-style-type: none; }
div.inputFooterRow ul li:first-of-type { float: left; width: 50%; position: relative; display: table; margin: -2.5vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: left; }
div.inputFooterRow ul li:last-of-type { float: right; width: 50%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: right; }

.contentContainer-textarea { padding: 2vw 2vw 0vw 2vw !important; }

ul.votingAnswers,
ul.revealAnswers,
ul.chooseList { width: 100%; position: relative; display: block; margin: 0vw 0vw 6vw 0vw; padding: 0vw 0vw 0vw 0vw; list-style-type: none }
ul.votingAnswers li.votingAnswer:first-of-type,
ul.revealAnswers li.revealAnswer:first-of-type,
ul.chooseList li.chooseCard:first-of-type { border-radius: 2vw 2vw 0vw 0vw; }
ul.votingAnswers li.votingAnswer,
ul.revealAnswers li.revealAnswer,
ul.chooseList li.chooseCard { margin: 0vw auto 0vw auto; border-radius: 0vw 0vw 0vw 0vw; padding: 6vw 0vw 6vw 0vw; }
ul.chooseList li.chooseCard { padding: 3vw 0vw 3vw 0vw !important; }
ul.votingAnswers li.votingAnswer:last-of-type,
ul.revealAnswers li.revealAnswer:last-of-type,
ul.chooseList li.chooseCard:last-of-type { border-radius: 0vw 0vw 2vw 2vw; }
ul.votingAnswers li.votingAnswer:hover,
ul.chooseList li.chooseCard:hover { z-index: 1000; }
ul.votingAnswers li p.votingAnswerText,
ul.revealAnswers li p.revealAnswerText,
ul.chooseList li p.chooseCardText { width: 100%; position: relative; display: block; margin: 1.5vw auto 1vw auto; padding: 0vw 4vw 0vw 4vw; }
ul.votingAnswers li:first-of-type div.votingAnswer-attribution,
ul.revealAnswers li:first-of-type div.revealAnswer-attribution { border-radius: 2vw 0vw 2vw 0vw; }
ul.votingAnswers li div.votingAnswer-attribution,
ul.revealAnswers li div.revealAnswer-attribution { position: absolute; left: -0.25vw; top: -0.25vw; border-radius: 0vw 0vw 2vw 0vw; padding: 1vw 2vw 0.5vw 3.5vw; }
ul.votingAnswers li div.votingAnswer-attribution p,
ul.revealAnswers li div.revealAnswer-attribution p { line-height: 0vw; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.votingAnswers ul.votePills,
ul.revealAnswers ul.votePills { width: 100%; position: absolute; display: block; margin: 0vw 3vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; bottom: 0vw; right: 0vw; text-align: right; }
ul.votingAnswers ul.votePills li,
ul.revealAnswers ul.votePills li { position: relative; display: inline-block; margin: 0vw -3vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; border-radius: 2vw 2vw 2vw 2vw; }
ul.votingAnswers ul.votePills li img,
ul.revealAnswers ul.votePills li img { margin: 0vw 0vw 0vw 0vw; transform: scale(1); top: 0vw; }
ul.votingAnswers ul.votePills li img.emoji,
ul.revealAnswers ul.votePills li img.emoji { width: 6vw; }
@keyframes pillIn {
    0%   { transform: scale(0); }
    70%  { transform: scale(1.2); }
    100% { transform: scale(1); }
}
@keyframes pillOut {
    0%   { transform: scale(1); }
    100% { transform: scale(0); }
}
.votePill { animation: pillIn 0.3s ease forwards; }
.votePill.removing { animation: pillOut 0.3s ease forwards; }
@keyframes emojiSpin {
    0%   { transform: rotate(45deg); }
    100% { transform: rotate(0deg); }
}
@keyframes emojiSpinOut {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(45deg); }
}
.votePill img { animation: emojiSpin 0.4s ease forwards; }
.votePill.removing img { animation: emojiSpinOut 0.3s ease forwards; }

#gameHomepage-title { width: 100%; position: relative; display: table; margin: 2vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
#gameHomepage-description { width: 100%; position: relative; display: table; margin: 6vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
#gameHomepage-tags { width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div#gameHomepage-tags p.gameHomepage-free { margin: -3vw auto 4vw auto; }
div#gameHomepage-title h1#homepageLogo { float: none; width: auto; position: relative; display: table; margin: 0vw auto 0vw auto; }
div#gameHomepage-title h1#homepageLogo img#gameHomepage-avatar { position: relative; display: inline-block; margin: 0vw 5vw 0vw 0vw; }
#gameHomepage-name { top: -2vw; position: relative; }
#gameHomepage-slogan { position: absolute; right: 0vw; bottom: -1vw; line-height: 0vw; }
span#gameHomepage-slogan img { width: 3.5vw; height: 3.5vw; position: relative; display: inline-block; left: 1vw; }

#scoreDrawerPlayerList { width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
ul#scoreDrawerPlayerList { width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; border-radius: 2vw; }
li.scoreDrawerRow:first-of-type { border-radius: 2vw 2vw 0vw 0vw; }
li.scoreDrawerRow { width: 100%; position: relative; display: flex; align-items: center; margin: 0vw 0vw 0vw 0vw; padding: 3vw 0vw 1vw 0vw; text-align: left; overflow: hidden; }
li.scoreDrawerRow h4 { left: 6vw; }
li.scoreDrawerRow:last-of-type { border-radius: 0vw 0vw 2vw 2vw; }
span.scoreEntryScore { position: absolute; right: 0vw; top: 0vw; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; right: 4vw; top: 3.5vw; }

#revealSpotlight { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 50000; display: flex; align-items: center; justify-content: center; padding: 20vw 0vw 0vw 0vw; pointer-events: none; }
#hostWinnerSpotlight { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20vw 0vw 0vw 0vw; pointer-events: none; }
#revealSpotlight { pointer-events: none; }
#hostWinnerSpotlight { pointer-events: none; }
#hostWinnerSpotlight .spotlightInner { width: 92%; position: relative; pointer-events: auto; }
#revealSpotlight ul.revealAnswers { width: 92%; margin: 0; padding: 0; list-style: none; pointer-events: auto; }
#revealSpotlight ul.revealAnswers li#revealSpotlightCard { width: 100%; }
#revealSpotlightBalloon, #hostWinnerBalloon { width: 80%; position: absolute; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; background-color: #ffffff; border-radius: 2vw; top: -8vw; left: 2vw; opacity: 0.85; }
div#revealSpotlightBalloon:after, div#hostWinnerBalloon:after { content: ''; position: absolute; bottom: -3vw; left: 2vw; width: 0; height: 0; border-left: 2vw solid transparent; border-right: 2vw solid transparent; border-top: 3vw solid #ffffff; }
p#revealSpotlightTagline, p#hostWinnerTagline { position: relative; display: table; margin: 0vw auto 0vw auto; padding: 2vw 0vw 2vw 0vw; }
#revealSpotlightAnswer { width: 100%; position: relative; display: table; margin: 6vw auto 8vw auto; padding: 0vw 0vw 0vw 0vw; }

li.scoreDrawerRow h4 { width: auto; }
div.scoreDrawerRank { height: 8vw; width: 8vw; position: absolute !important; top: -1vw; right: -10vw; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: center; border-radius: 50vw; }
div.scoreDrawerRank p { position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; line-height: 0vw; text-align: center; }
div.scoreDrawerRank p img { margin: 0vw auto 0vw auto !important; top: 0vw !important; top: 1.75vw !important; }
div.scoreDrawerRank p span { position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; top: 3.5vw; left: -0.15vw; font-weight: bolder; }

div.spotlightInner { text-align: center; }

#hwBlurOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index: 7998; }
.hwPlayerTile { position: relative; overflow: hidden; display: flex; align-items: center; }

div#hwBeat3 div#hostWinnerBalloon { top: 0vw; }
div#hwBeat3 div#hostWinnerBalloon:after { left: 35vw; }

#miniGameModal { width: 100%; height: 100vh; position: fixed; inset: 0; z-index: 9500; display: none; align-items: flex-start justify-content: center; padding: 0vw 0vw 0vw 0vw; background: rgba(0,0,0,0.88); overflow-y: auto; border-radius: 0vw; }
#miniGameModal-inner { position: relative; width: 100%; max-width: 96%; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; overflow-y: auto; overflow-x: hidden; text-align: center; }
div#miniGameModal-inner h1 { margin-top: 5vw; }
button#miniGameModal-close { position: absolute; top: 3vw; right: 0vw; background: none; border: none; color: #ffffff; font-size: 8vw; line-height: 0vw; cursor: pointer; padding: 0vw 0vw 0vw 0vw; opacity: 0.75; z-index: 900; }
button#miniGameModal-close:hover { opacity: 1; }
#miniGameModal-body { width: 100%; position: relative; display: block; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; z-index: 800; }
#fixedWidth.blurred { filter: blur(1vw); transition: filter 0.3s ease; }

div#gamePauseAbandonConfirm { width: 100%; position: relative; display: table; margin: 4vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }

.votingReadOnly-wrap { cursor: not-allowed; }
.votingReadOnly { pointer-events: none; }

div#subHeader-container div#subHeaderRound { width: 100%; position: absolute; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; text-align: center; }
div#subHeader-container div#subHeaderRound p { position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }

.scoreDrawerPresence { width: 100%; position: absolute; left: 1.9vw; bottom: 4.75vw; }
span.scoreDrawerPresence span.scoreDrawerPresenceDot {}
span.scoreDrawerPresence span.scoreDrawerPresenceDot img { width: 1.7vw; height: 1.7vw; }
span.scoreDrawerPresenceCountdown { position: absolute; left: -0.1vw; bottom: 0vw; border-radius: 0vw 2vw 0vw 0vw; padding: 0vw 2vw 0vw 2vw; z-index: 100; }

#roomToastContainer { width: auto; height: auto; position: fixed; left: 2.5vw; bottom: 3vw; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; z-index: 111111; }
div#roomToastContainer div.roomToast { border-radius: 2vw; padding: 2vw 4vw 2vw 4vw; }
div#roomToastContainer div.roomToast span.roomToastDot { width: auto; height: auto; position: relative; display: inline-block; margin: 0vw 0.5vw 0vw 0vw; }
div#roomToastContainer div.roomToast span.roomToastDot img { width: 1.7vw; height: 1.7vw; }
div#roomToastContainer div.roomToast img.roomToastEmoji { width: 4vw; }
div#roomToastContainer div.roomToast span.roomToastUsername { position: relative; display: inline-block; margin: 0vw 2vw 0vw 0vw; font-weight: bolder; }
div#roomToastContainer div.roomToast span.roomToastText { position: relative; display: inline-block; margin: 0vw 0vw 0vw 0vw; }

span.lobbyPresenceDot { position: relative; display: inline-block; margin: 0vw -1.5vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
span.lobbyPresenceDot img { width: 1.7vw; height: 1.7vw; }

span.lobbyPresenceCountdown { position: absolute; left: -1vw; bottom: 0vw; border-radius: 0vw 2vw 0vw 2vw; padding: 0vw 2vw 0vw 3vw; z-index: 10; }

#timerAdvanceBtn.disabled {
    cursor: not-allowed;
    opacity: 0.35;
}

ul.revealAnswers li:first-of-type div.revealAnswer-rank { border-radius: 0vw 2vw 0vw 2vw; }
ul.revealAnswers li div.revealAnswer-rank { position: absolute; right: -0.25vw; top: -0.25vw; padding: 1vw 2vw 0.5vw 3.5vw; border-radius: 0vw 0vw 0vw 2vw; }
div.revealAnswer-rank p { position: relative; display: block; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; line-height: 0vw; }

#submittedPlayersList { float: left; width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }

li.revealChoiceGroup:first-of-type div.revealChoiceGroup-count { border-radius: 2vw 0vw 2vw 0vw; }
.revealChoiceGroup-count { position: absolute; left: 0vw; top: 0vw; border-radius: 0vw 0vw 2vw 0vw; }
div.revealChoiceGroup-count p { margin: 0vw 0vw 0vw 0vw; padding: 0.5vw 2vw 0vw 2vw; }
div.revealChoicesGroup-count p img { transform: scale(2); }
li.revealChoiceGroup:first-of-type div.revealChoiceGroup-score { border-radius: 0vw 2vw 0vw 2vw; }
.revealChoiceGroup-score { position: absolute; right: 0vw; top: 0vw; border-radius: 0vw 0vw 0vw 2vw; }
div.revealChoiceGroup-score p { margin: 0vw 0vw 0vw 0vw; padding: 0.5vw 2vw 0vw 2vw; }
h3.revealChoiceGroup-label { margin: 1vw 0vw 2vw 0vw; }
ul.revealChoiceGroup-players { width: 95%; margin: 0vw auto -3vw auto; padding: 5vw 2vw 0vw 2vw; }
ul.revealChoiceGroup-players li { position: relative; display: inline-block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.revealChoiceGroup-players li p:after { content: '\00A0•\00A0\00A0'; position: relative; display: inline-block; opacity: 0.25; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.revealChoiceGroup-players li:last-of-type p:after { content: ''; display: none; }

p#answerCharCounter { margin: 0vw 0vw 0vw 0vw; }
.gameFormBtnContainer { margin: 0vw auto 2vw auto; }

.votingExplanation-text { width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
p.votingExplanation-text-label { width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
p.votingExplanation-text-choice { width: 100%; position: relative; display: table; margin: 0vw auto 2vw auto; padding: 0vw 0vw 0vw 0vw; }
div.votingExplanation-text-defense { width: 95%; border-radius: 2vw 2vw 0vw 0vw; }
.votingExplanation-text-defense-label { float: none; width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
.votingExplanation-text-defense-answer { float: none; width: 95%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
ul.votingExplanation-thumbs { width: 94%; position: relative; display: table; margin: -8vw auto 0vw auto; padding: 2vw 0vw 2vw 0vw; }
ul.votingExplanation-thumbs li { border-radius: 0vw 0vw 0vw 0vw; margin: 0vw 0vw 0vw 0vw; padding: 4vw 0vw 4vw 0vw; }
ul.votingExplanations li ul.votingExplanation-thumbs li.votingThumb:first-of-type { border-radius: 0vw 0vw 0vw 2vw; }
ul.votingExplanations li ul.votingExplanation-thumbs li.votingThumb:last-of-type { border-radius: 0vw 0vw 2vw 0vw; }
ul.votingExplanation-thumbs li.votingThumb:not(.disabled):hover { cursor: pointer; }
ul.revealAnswers.votingExplanations ul.votingExplanation-thumbs li.votingThumb:hover { cursor: default; }
ul.votingExplanation-thumbs li.disabled { cursor: not-allowed; }
ul.votingExplanation-thumbs li.votingThumb img.votingThumb-thumbs { top: -2.5vw; }
ul.votingExplanation-thumbs li.votingThumb:first-of-type { float: left; width: 50%; position: relative; display: table; }
ul.votingExplanation-thumbs li.votingThumb:first-of-type img.votingThumb-thumbs { position: absolute; left: 0vw; }
ul.votingExplanation-thumbs li.votingThumb:last-of-type { float: right; width: 50%; position: relative; display: table; }
ul.votingExplanation-thumbs li.votingThumb:last-of-type img.votingThumb-thumbs { position: absolute; left: 0vw; }
ul.votingExplanation-thumbs li.votingThumb p { float: none; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }

div.revealExplanation-text { width: 95%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
div.revealExplanation-text p.revealExplanation-text-label { margin: 2vw auto -2vw auto; padding: 0vw 0vw 0vw 0vw; }
div#revealSpotlightContent ul.votingExplanation-thumbs { width: 100%; position: relative; display: table; margin: -6vw auto 4vw auto; padding: 0vw 0vw 0vw 0vw; }
div#revealspotlightContent h2 { padding: 4vw 0vw 4vw 0vw; }
ul.revealAnswers p.revealExplanation-defense-label { margin: 0vw auto 0vw auto; }

p.winnerScore { margin: 2vw auto 4vw auto; }

div#miniGameWaitNote {}

div.gameFormField label#gameFormField-title { margin: 2vw 0vw 0vw 0vw; }
.setupCarousel { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div.setupCarousel button#setupCarouselPrev { left: -2vw; }
div.setupCarousel button { position: absolute; top: 0vw; background: transparent; border: 0vw solid; }
div.setupCarousel button#setupCarouselNext { right: -4vw; }
div.setupCarousel h3 { float: none; width: 75%; margin: 0vw auto 2vw auto; }
#setupCarouselDots { width: 100%; position: relative; display: table; margin: 0vw 0vw 4vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div#setupCarouselDots span.setupCarouselDot { width: 1.5vw; height: 1.5vw; position: relative; display: inline-block; margin: 0vw 1vw 0vw 1vw; padding: 0vw 0vw 0vw 0vw; background-color: #ffffff; opacity: 0.25; border-radius: 50%; }
div#setupCarouselDots span.setupCarouselDot:hover { opacity: 0.5 !important; cursor: pointer; }
div#setupCarouselDots span.active { opacity: 1 !important; }
div.gameFormField p.hostPrepOptionCounter { margin: 0vw 0vw 0vw 0vw; }
div.the-role-reveal h2 { margin: 0vw 0vw 4vw 0vw; }
button#setupCarouselRefreshBtn { position: absolute; bottom: 0vw; right: 0vw; background: transparent !important; border: 0vw solid; }
/* ===========================
   TABLET (768px and up)
   iPad, larger tablets, small laptops
   =========================== */
@media (min-width: 768px) {
	#gamePauseCloseBtn, #gameStopCloseBtn { top: 72px; right: 16px; }
	textarea { height: 175px !important; }
	header div#logo h1 { top: -10px !important; }
	.variantLabel { top: 28px; }
	header div#logo h1 span.variantLabel img { width: 16px; height: 16px; top: 0px; }
	div#gameHomepage-title h1#homepageLogo img#gameHomepage-avatar { margin: 0px 32px 0px 0px; }
	#gameHomepage-title { margin: 16px auto 0px auto; }
	img.avatarGame { border-radius: 12px; }
	#gameHomepage-name { top: -8px; }
	#gameHomepage-slogan { bottom: -12px; }
	span#gameHomepage-slogan img { left: 0px; width: 24px; height: 24px; }
	#gameHomepage-description { margin: 24px auto 0px auto; }
	header div#roomCode { width: 128px; position: absolute; top: 4px; right: 80px; }
	header div#roomCode ul { height: 56px; padding: 0px 0px 0px 0px; border-radius: 12px 12px 12px 12px; border-top: 1px solid #000; border-right: 1px solid #222; border-bottom: 1px solid #222; border-left: 1px solid #000; }
	header div#roomCode ul li:first-of-type p { font-size: 18px; top: 4px; }
	header div#roomCode ul li:last-of-type p { font-size: 32px; letter-spacing: 2px; top: 0px; }
	#subHeader-container { padding: 0px 0px 8px 0px; }
	.playersInLobby { padding: 16px 0px 0px 0px; }
	ul#players, ul#audienceList { margin: 0px auto 16px auto; }
	ul#players li:first-of-type:not(:last-of-type), ul#audienceList li:first-of-type:not(:last-of-type), ul.gamePlayerList li.gamePlayerRow:first-of-type:not(:last-of-type) { border-radius: 12px 12px 0px 0px; }
	ul#players li:last-of-type:not(:first-of-type), ul#audienceList li:last-of-type:not(:first-of-type), ul.gamePlayerList li.gamePlayerRow:last-of-type:not(:first-of-type) { border-radius: 0px 0px 12px 12px; }
	ul#players li, ul#audienceList li, ul.gamePlayerList li.gamePlayerRow { padding: 16px 0px 16px 0px; border-bottom: 1px solid #1f2937; }
	span.lobbyPresenceDot img { width: 8px; height: 8px; }
	ul#players li h4, ul#audienceList li h4, ul.gamePlayerList li.gamePlayerRow h4 { margin: 0px auto 0px auto; }
	span.lobbyPresenceDot { margin: 0px -8px 0px 0px; }
	#hostTransferConfirm { top: 0px; }
	#startGameStatus { margin-top: 4px; min-height: 24px; }
	ul#players li:last-of-type:not(:first-of-type), ul#audienceList li:last-of-type:not(:first-of-type), ul.gamePlayerList li.gamePlayerRow:last-of-type:not(:first-of-type) { border-radius: 0px 0px 12px 12px; }
	#gameSettingsTab { right: 20px; border-radius: 12px 12px 0px 0px; }
	#gameSettingsTab p { padding: 16px 24px 20px 24px; letter-spacing: 1px; }
	#players li .crewTileBg, .gamePlayerRow .crewTileBg, #submittedPlayers li .crewTileBg, .gameCrewWrap .crewTileBg, .scoreDrawerRow .crewTileBg, .hwPlayerTile .crewTileBg { background-size: 32px 32px; }
	#gameSettingsDrawer { width: 440px; }
	#gameSettingsDrawer-header { padding: 0px 0px 8px 0px; }
	#gameSettingsDrawer-header h1 { top: 0px; }
	#gameSettings-header-right { right: 0px; }
	#rootSubHeader .crewTileBg { background-size: 32px 32px; width: 150%; background-position: 0px; }
	ul.timerVlcWrap li { margin: 0px 16px 0px 0px; }
	ul.timerVlcWrap li button { font-size: 20px; top: -6px; }
	ul.timerVlcWrap { top: 8px; }
	#gameSettingsDrawer-header { padding: 16px 0px 0px 16px; }
	div#gameSettings-header-right button { position: relative; right: 16px; top: -8px; }
	div#gameSettings-header-right button img { margin: 4px 0px 0px 0px; }
	#gameSettingsDrawer-inner { padding: 24px 16px 16px 16px; }
	li.numberPicker-minus button { border-radius: 12px 0px 0px 12px; }
	li.numberPicker-plus button { border-radius: 0px 12px 12px 0px; }
	li.numberPicker-input input { width: 128px; }
	div#lobbySettings-modes p { padding: 8px 0px 0px 0px; }
	ul#scoreBarLabels { width: 95%; }
	#scoreBarPill { padding: 12px 0px 12px 0px; }
	li#scoreBarCounts p { margin: 4px auto 0px auto; }
	span#scoreBarPlayerCount, span#scoreBarPendingCount, span#scoreBarAudienceCount { position: relative; top: 2px; }
	ul#scoreBarLabels li:last-of-type { float: right !important; }
	#scoreDrawer { max-height: 85%; }
	#scoreDrawerHeader { margin: 0px 0px 0px 0px; padding: 16px 0px 16px 0px; }
	ul#scoreDrawerPlayerList { border-radius: 12px 12px 12px 12px; }
	li.scoreDrawerRow:first-of-type { border-radius: 12px 12px 0px 0px; }
	li.scoreDrawerRow:last-of-type { border-radius: 0px 0px 12px 12px; }
	li#scoreDrawerCounts p { margin: 4px auto 0px auto; }
	span#scoreDrawerPlayerCount, span#scoreDrawerPendingCount, span#scoreDrawerAudienceCount { position: relative; top: 2px; }
	#scoreDrawerList { padding: 24px 0px 0px 0px; }
	li.scoreDrawerRow { padding: 16px 0px 0px 0px; }
	li.scoreDrawerRow h4 { left: 48px; }
	span.scoreEntryScore { right: 24px; top: 18px; }
	.scoreDrawerPresence { left: 24px; bottom: 24px; }
	span.scoreDrawerPresence span.scoreDrawerPresenceDot img { width: 8px; height: 8px; }
	div.inputFooterRow ul li:first-of-type { margin: -18px auto 0px auto; }
	ul.gamePlayerList { float: none; margin: 0px auto 16px auto; border-radius: 12px 12px 12px 12px; }
	span.lobbyPresenceCountdown { left: 0px; border-radius: 0px 12px 0px 0px; padding: 0px 16px 0px 16px; }
	#roomToastContainer { left: 16px; bottom: 16px; }
	div#roomToastContainer div.roomToast { border-radius: 12px; padding: 8px 16px 8px 16px; }
	div#roomToastContainer div.roomToast span.roomToastDot { margin: 0px 0px 0px 0px; }
	div#roomToastContainer div.roomToast span.roomToastDot img { width: 8px; height: 8px; }
	div#roomToastContainer div.roomToast img.roomToastEmoji { width: 24px; }
	div#roomToastContainer div.roomToast span.roomToastUsername { margin: 0px 8px 0px 0px; }
	#floatingHat img { width: 48px; height: 48px; }
	div#subHeader-container p span.emoji_host { top: -32px; left: -4px; }
	div#subHeader-container p span.emoji_host img { width: 12px; height: 12px; }
	ul.votingAnswers, ul.revealAnswers, ul.chooseList { margin: 0px auto 16px auto; }
	ul.votingAnswers li.votingAnswer:first-of-type, ul.revealAnswers li.revealAnswer:first-of-type, ul.chooseList li.chooseCard:first-of-type { border-radius: 12px 12px 0px 0px; }
	ul.votingAnswers li.votingAnswer, ul.revealAnswers li.revealAnswer, ul.chooseList li.chooseCard { padding: 32px 0px 32px 0px; }
	ul.votingAnswers li p.votingAnswerText, ul.revealAnswers li p.revealAnswerText, ul.chooseList li p.chooseCardText { float: none; width: 90%; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; }
	ul.votingAnswers ul.votePills, ul.revealAnswers ul.votePills { margin: 0px 12px 0px 0px; }
	ul.votingAnswers ul.votePills li, ul.revealAnswers ul.votePills li { margin: 0px -16px 0px 0px; border-radius: 8px 8px 8px 8px; }
	ul.votingAnswers ul.votePills li img.emoji, ul.revealAnswers ul.votePills li img.emoji { width: 32px; }
	ul.votingAnswers li:first-of-type div.votingAnswer-attribution, ul.revealAnswers li:first-of-type div.revealAnswer-attribution { border-radius: 12px 0px 12px 0px; }
	ul.votingAnswers li div.votingAnswer-attribution, ul.revealAnswers li div.revealAnswer-attribution { left: -1px; top: -1px; border-radius: 0px 0px 12px 0px; padding: 4px 16px 4px 16px; }
	ul.revealAnswers li:first-of-type div.revealAnswer-rank { border-radius: 0px 12px 0px 12px; }
	ul.revealAnswers li div.revealAnswer-rank { right: 0px; top: 0px; padding: 4px 16px 4px 16px; border-radius: 0px 0px 0px 12px; }
	#revealSpotlightBalloon, #hostWinnerBalloon { border-radius: 12px; top: -64px; left: 0px; padding: 16px 0px 16px 0px; }
	div#revealSpotlightBalloon:after, div#hostWinnerBalloon:after { bottom: -24px; left: 8px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 32px solid #ffffff; }
	p#revealSpotlightTagline, p#hostWinnerTagline { padding: 0px 0px 0px 0px; }
	div#revealspotlightContent h2 { padding: 24px 0px 24px 0px; }
	div.scoreDrawerRank { height: 38px; width: 38px; top: 0px; right: -48px; }
	div.scoreDrawerRank p { top: 8px; }
	div.scoreDrawerRank p img { top: 0px !important; }
	p.winnerScore { margin: 0px auto 24px auto; }
	button#miniGameModal-close { top: 24px; font-size: 48px; }
	li.revealChoiceGroup:first-of-type div.revealChoiceGroup-count { border-radius: 12px 0px 12px 0px; }
	div.revealChoiceGroup-count p { padding: 0px 16px 0px 16px; }
	li.revealChoiceGroup:first-of-type div.revealChoiceGroup-score { border-radius: 0px 12px 0px 12px; }
	div.revealChoiceGroup-score p { padding: 0px 16px 0px 16px; }
	h3.revealChoiceGroup-label { margin: 0px 0px 8px 0px; }
	ul.revealChoiceGroup-players { width: 96%; margin: 0px auto -16px auto; padding: 24px 0px 0px 0px; }
	ul.revealChoiceGroup-players li { margin: 0px 0px 8px 0px; }
	p.votingExplanation-text-choice { margin: 0px auto 8px auto; }
	div.votingExplanation-text-defense { width: 96%; border-radius: 12px 12px 0px 0px; }
	.votingExplanation-text-defense-answer { width: 100%; }
	ul.votingExplanation-thumbs { width: 96%; margin: -24px auto -16px auto; padding: 0px 0px 0px 0px; }
	ul.votingExplanations li ul.votingExplanation-thumbs li.votingThumb:first-of-type { border-radius: 0px 0px 0px 12px; }
	ul.votingExplanation-thumbs li.votingThumb img.votingThumb-thumbs { top: -12px; }
	.letterspacing-2 { letter-spacing: 2px; }
	ul.revealAnswers ul.votingExplanation-thumbs { width: 94%; }
	div.revealExplanation-text p.revealExplanation-text-label { margin: 0px auto 0px auto; }
	p.revealExplanation-text-choice { margin: 0px auto 16px auto !important; }
	div#revealSpotlightContent ul.votingExplanation-thumbs { width: 99%; margin: -32px auto 32px auto; }
	div#choosePhaseOptions { margin: 0px auto 0px auto; }

	div.gameFormField label#gameFormField-title { margin: 16px 0px 0px 0px; }
	div.setupCarousel button#setupCarouselPrev { left: -12px; }
	div.setupCarousel button { top: -4px; }
	div.setupCarousel button#setupCarouselNext { right: -24px; }
	div.setupCarousel h3 { width: 80%; margin: 0px auto 8px auto; }
	#setupCarouselDots { margin: 0px 0px 16px 0px; }
	div#setupCarouselDots span.setupCarouselDot { width: 8px; height: 8px; margin: 0px 4px 0px 4px; }
	p.role-reveal-content-description { float: none; margin: 0px auto 16px auto; }
	button#setupCarouselRefreshBtn { margin: 24px 0px 0px 0px; bottom: 0px !important; right: -24px !important; }
}
/* ===========================
   DESKTOP (1140px and up)
   Standard laptops (1366x768), desktops, large screens
   =========================== */
@media (min-width: 1140px) {

}