:root {
    --rank-power-user-shine-duration: 2s;
}

.span_rank2.rank.rankPowerUserShine,
.playerListRank.rank.rankPowerUserShine,
.friendListRank.rank.rankPowerUserShine,
.ranking_rank .rank.rankPowerUserShine,
.turn_line_rank.rank.rankPowerUserShine,
#infoRank.rank.rankPowerUserShine {
    position: relative;
    overflow: hidden;
}

.span_rank2.rank.rankPowerUserShine::after,
.playerListRank.rank.rankPowerUserShine::after,
.friendListRank.rank.rankPowerUserShine::after,
.ranking_rank .rank.rankPowerUserShine::after,
.turn_line_rank.rank.rankPowerUserShine::after,
#infoRank.rank.rankPowerUserShine::after {
    content: "";
    position: absolute;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        135deg,
        transparent 38%,
        rgba(255, 255, 255, 0.1) 44%,
        rgba(255, 255, 255, 0.75) 50%,
        rgba(255, 255, 255, 0.1) 56%,
        transparent 62%
    );
    animation: rankPowerUserShineSweep var(--rank-power-user-shine-duration, 2s) ease-in-out infinite;
}

@keyframes rankPowerUserShineSweep {
    0% {
        transform: translate(-35%, -35%);
    }
    100% {
        transform: translate(35%, 35%);
    }
}

#channel,
#channelInput {
	color: #acf2f6;
	font-size: 12px
}

#myPUGP,
#myPlusGP {
	top: 221px
}

#buttonCharge2,
#buttonChargeShop,
#buttonChargeShop1,
#buttonCreateRoom,
#buttonJoin,
#buttonMyInfo,
#buttonQuickJoin,
#buttonShop,
#buttonShopFromRoom {
	width: 62px;
	height: 62px
}

#OptionsLineTheme,
#btnDownloadMap,
#btnFriends,
#changePassLink,
#fps,
#ranking_panel td,
.GOption,
.GOption2,
.WeatherFall,
.friendListName,
.myInfoRelText,
.nowrap,
.playerListName,
.roomTitle,
.score_state,
.turn_line_name,
.ui-dialog .ui-dialog-title,
.ui-tabs .ui-tabs-nav li {
	white-space: nowrap
}

#BrokerHelp,
#CreateRoomMode,
#channel_player,
#fps,
#myCash,
#myCash2,
#myGP,
#myGP2,
#myGold,
#myGold2,
#myInfoBox,
#myName2,
#myName3,
#myPUG,
#myPUGP,
#myPlusGP,
#GPguild,
#GPmedalla,
#powerMark,
#revive_hand,
#guide_hand,
#roomTutorialBack,
#roomTutorialStart,
#turn_timer,
#turns_list,
#wind_meter2,
.Alt,
.AnimScaleOut,
.BonusMsg,
.EventGameMsg1,
.EventGameMsg2,
.EventGameMsg3,
.disabledBtn,
.gameMode,
.noPointerEvents,
.roomMap,
.status,
.tipsy {
	pointer-events: none
}

.DialogLayer,
.screen,
body,
html {
	width: 100%;
	height: 100%
}

#game_over,
#shop_delete_avatar,
.PlayerMobile,
.ShotTrace,
.gumbao-chat-icon,
.screen,
.ui-icon {
	background-repeat: no-repeat
}

#friendsList,
#guildMembersList {
	top: 305px;
	width: 211px;
	z-index: 13;
	background-color: rgba(0, 0, 60, .25);
	left: 584px
}

#myPUG,
#myPUGP {
	background: #f66;
	right: 12px
}

#myCash,
#myCash2,
#myGold,
#myGold2 {
	text-align: right;
	font-weight: 700;
	right: 70px
}

#room2,
#room3 {
	top: 75px
}

#room1,
#room3,
#room5,
#room7 {
	left: 265px
}

#BrokerLogout,
:root *>.alertify-hidden,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

#buttonShop,
#buttonShopFromRoom {
	background-position: -252px -177px
}

#createRoomPasswordInput,
#createRoomTitle {
	width: 190px;
	background-color: transparent;
	padding-left: 4px;
	color: #acf2f6
}

#buttonRoomsListDown,
#buttonRoomsListUp {
	left: 540px;
	width: 34px;
	height: 43px;
	background-position: -223px -355px
}

#roomButtonReady,
#roomButtonStart {
	left: 234px;
	top: 209px;
	width: 96px;
	height: 85px
}

#weatherSlot0,
#weatherSlot1,
#weatherSlot2,
#weatherSlot3,
#weatherSlot4 {
	width: 19px;
	top: 13px
}

#powerBar,
#walkBar {
	width: 1px;
	left: 241px
}

#btnEsc,
#btnPass {
	top: 58px;
	width: 58px
}

#btnDown,
#btnUp {
	height: 70px;
	opacity: .4
}

#all_chat,
#team_chat {
	left: 248px;
	width: 31px;
	top: -29px
}

#container,
#game_over {
	width: 800px;
	height: 600px
}

#score2,
#score3 {
	top: 257px
}

#score4,
#score5 {
	top: 359px
}

#score1,
#score3,
#score5,
#score7 {
	left: 295px
}

#NewUser2,
#btnDown,
#btnUp {
	left: 150px
}

#NewUser2,
#btnDown,
#btnShoot,
#btnUp {
	width: 150px
}

#NewUser2,
#btnLeft,
#btnRight,
#btnShoot {
	height: 150px
}

#infoChat,
#infoClose {
	top: 282px;
	height: 31px
}

#score0,
#score1 {
	top: 151px
}

#gp_team_b,
#score6,
#score7 {
	top: 465px
}

.TermsArea,
.alertify,
.alertify-log,
.shop_item_timer {
	font-family: Arial, sans-serif
}

#ReplayPanel,
#ranking_data2,
.ui-datepicker-rtl {
	direction: rtl
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
mark,
menu,
nav,
object,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

#btnDownloadMap,
#btnFriends {
	top: -518px;
	padding: 4px;
	line-height: 6px
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

@font-face {
	font-family: Emoji;
	src: local("Segoe UI Emoji"), local("Apple Color Emoji"), local("Noto Color Emoji");
	unicode-range: U+2130-3300, U+1F000-1F9FF
}

@font-face {
	font-family: SpecialI;
	src: local("Verdana");
	unicode-range: U+49
}

body,
html {
	background-color: #000;
	margin: 0;
	padding: 0;
	color: #fff
}

body,
input {
	font-family: Emoji, Verdana, sans-serif
}

body {
	line-height: 1;
	background: center center/cover no-repeat fixed #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	cursor: url(/static/images/arrow.png), default
}

#game_over,
.screen {
	background-size: cover
}

body.if-ie {
	cursor: url(/static/images/arrow.ani), default
}

.NoSelect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.CanSelect {
	-webkit-touch-callout: text!important;
	-webkit-user-select: text!important;
	-khtml-user-select: text!important;
	-moz-user-select: text!important;
	-ms-user-select: text!important;
	user-select: text!important
}

a:link {
	color: orange;
	text-decoration: none
}

a:visited {
	color: #f85
}

a:active {
	color: red
}

#container {
	position: fixed;
	left: 0;
	top: 0;
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	margin-left: auto;
	margin-right: auto
}

#channelInput,
#roomInput {
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

.HandCursor {
	cursor: url(/static/images/hand.cur), move!important
}

.screen,
.ui-menu-icons,
.ui-resizable {
	position: relative
}

#BrokerFacepile,
#FullScreenButton,
#GameShare,
#ReplayRestartBtn2,
#ShareWindow,
#SortBtnAtk,
#SortBtnDef,
#SortBtnDig,
#SortBtnItem,
#SortBtnLife,
#SortBtnPop,
#SortBtnShld,
#SortBtnTime,
#buy_panel1,
#camera,
#channel,
#channelInput,
#channelInputAlt,
#gameChat,
#gameInput,
#gameItemSlot0,
#gameItemSlot1,
#gameItemSlot2,
#gameItemSlot3,
#gameItemSlot4,
#gameItemSlot5,
#gameScreen,
#game_back,
#game_front,
#gameui,
#howtoplay,
#howtoplayClose,
#itemDual,
#itemDualP,
#itemWindT,
#itemSlot0,
#itemSlot1,
#itemSlot2,
#itemSlot3,
#itemSlot4,
#itemSlot5,
#itemTeleport,
#lobby_channel,
#message_over_items,
#myInfoBox,
#powerBar,
#powerMark,
#powerMarkArea,
#revive_hand,
#guide_hand,
#roomButtonInvite,
#score_panel,
#score_panel_a,
#score_panel_b,
#gol_panel,
#gol_panel_a,
#gol_panel_b,
#shopFilterMyAvatar,
#shopSearchBtn,
#sky_markers,
#thor,
#turn_timer,
#walkBar,
#weatherSlot0,
#weatherSlot1,
#weatherSlot2,
#weatherSlot3,
#weatherSlot4,
#wind_meter2,
.Alt,
.DialogLayer,
.FilterBtn,
.Ion,
.Particle,
.Player,
.PlayerHPBox,
.PlayerMobile,
.PlayerRank,
.ReduecdDef,
.Shot,
.ShotTrace,
.WeatherFall,
.country,
.digit0,
.draggable,
.mobileName,
.shopButton,
.shopNeedLevel,
.shop_item_note,
.shop_my_item_stat,
.tipsy,
.tipsy-arrow,
.ui-helper-zfix,
.ui-tooltip,
.weatherDiv {
	position: absolute
}

#channelInput {
	left: 104px;
	top: 576px;
	width: 449px;
	height: 16px;
	background: 0 0;
	border: 1px solid transparent
}

#channelInput:focus,
#gameInput:focus,
#roomInput:focus,
.chatDialogInput:focus {
	border: 1px solid orange;
	background-color: #001839
}

#channelInputAlt {
	left: 540px;
	top: 578px
}

.emoji,
.emojione {
	width: 12px;
	height: 12px;
	vertical-align: bottom
}

#myInfoBox {
	left: 584px;
	top: 89px;
	width: 207px;
	height: 180px;
	background: rgba(140, 140, 140, .5);
	border-radius: 10px;
	box-shadow: white 0 0 15px, white 0 0 15px inset;
    border: 2px solid white;
}

.SepH {
	height: 1px;
	margin: 2px auto 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(90, 90, 200, .5), rgba(0, 0, 0, 0))
}

#channel {
	left: 18px;
	top: 458px;
	width: 537px;
	height: 116px
}

#channel .viewport {
	width: 522px;
	height: 116px;
	overflow: hidden;
	position: relative
}

#channel .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	word-wrap: break-word;
	width: 522px
}

#channel .scrollbar,
#friendsList .scrollbar,
#guildMembersList .scrollbar,
#playersList .scrollbar,
#roomChat .scrollbar,
#shop_my_items_container .scrollbar {
	position: relative;
	float: right;
	width: 13px;
	padding-top: 11px
}

#gameChatHtml .gumbao-chat-type0,
#gameChatHtml .gumbao-chat-type4 {
	color: #fff;
	text-shadow: #000 -1px 0 2px, #000 0 1px 2px, #000 1px 0 2px, #000 0 -1px 2px
}

.gumbao-chat-type2 {
	color: #ef9c10;
	text-shadow: #6b2918 -1px 0 2px, #6b2918 0 1px 2px, #6b2918 1px 0 2px, #6b2918 0 -1px 2px
}

.gumbao-chat-type3 {
	color: #84b5ff;
	text-shadow: #525a73 -1px 0 2px, #525a73 0 1px 2px, #525a73 1px 0 2px, #525a73 0 -1px 2px
}

.gumbao-chat-type4 {
	color: #eef
}

.gumbao-chat-type5 {
	color: #debdef;
	text-shadow: #8c4ab5 -1px 0 2px, #8c4ab5 0 1px 2px, #8c4ab5 1px 0 2px, #8c4ab5 0 -1px 2px
}

.gumbao-chat-type6 {
	color: #ffde9c;
	text-shadow: #de4c18 -1px 0 2px, #de4c18 0 1px 2px, #de4c18 1px 0 2px, #de4c18 0 -1px 2px
}

.gumbao-chat-type7 {
	color: #88cbba;
	text-shadow: #000 -1px 0 2px, #000 0 1px 2px, #000 1px 0 2px, #000 0 -1px 2px
}

.gumbao-chat-type8 {
	color: #ffb673;
	text-shadow: #7d3a03 -1px 0 2px, #7d3a03 0 1px 2px, #7d3a03 1px 0 2px, #7d3a03 0 -1px 2px
}

.gumbao-chat-type9 {
	color: #9cffde;
	text-shadow: #41594a -1px 0 2px, #41594a 0 1px 2px, #41594a 1px 0 2px, #41594a 0 -1px 2px
}

.gumbao-chat-type12 {
	color: #fcc;
	text-shadow: red -1px 0 5px, red 0 1px 5px, red 1px 0 5px, red 0 -1px 5px
}

.gumbao-chat-type13 {
	color: #fc6;
	text-shadow: #f33 -1px 0 4px, #f33 0 1px 4px, #f33 1px 0 4px, #f33 0 -1px 4px
}

.gumbao-chat-type10 {
	color: #f80;
	text-shadow: #525a73 -1px 0 2px, #525a73 0 1px 2px, #525a73 1px 0 2px, #525a73 0 -1px 2px
}

.gumbao-chat-type11 {
	color: #f80;
	text-shadow: #000 -1px 0 2px, #000 0 1px 2px, #000 1px 0 2px, #000 0 -1px 2px
}

.gumbao-chat-type17 {
	color: #9ff;
	text-shadow: #00f -1px 0 1px, #00f 0 1px 1px, #00f 1px 0 1px, #00f 0 -1px 1px
}

.gumbao-chat-type18 {
	color: rgb(159, 211, 253);
	text-shadow: #00f -1px 0 1px, #00f 0 1px 1px, #00f 1px 0 1px, #00f 0 -1px 1px
}

#room_players,
.blackShadow {
	text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000
}

.gumbao-chat-icon {
	float: left;
	width: 12px;
	height: 12px;
	background-image: url(/static/images/ranks3.png);
	margin-right: 3px
}

.gumbao-chat-icon1 {
	background-position: 0 -710px
}

.gumbao-chat-icon2 {
	background-position: -13px -710px
}

.gumbao-chat-icon3 {
	background-position: -26px -710px
}

.gumbao-chat-icon5 {
	background-position: -52px -710px
}

.gumbao-chat-icon6 {
	background-position: -65px -710px
}

.gumbao-chat-icon7,
.gumbao-chat-icon9 {
	background-position: -104px -710px
}

.gumbao-chat-icon13,
.gumbao-chat-icon8 {
	background-position: -91px -710px
}

.gumbao-chat-icon12 {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAB3RJTUUH3gEZFQgsFH1hKgAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAGNSURBVHjalZJNSxtRGIWfTO7M1AkaPyakgtqVtLtAuvQPdN+NUJBCu6sfBTduRHDjzgpCd4Xu/AsKBaFQcBVqdxaLtCIt2EnqmMzMzdyZ+EZQ6tID58J7uee8XxfuiUL/2IPFsm0vuZ4azVT6OcasFYq4XtFeV1rNJJ30vKnN5jPYLuzCypNqdePR0xpMViA4JTj6pntYll+r2wxX4eSMk4NDvgetZTVWLi+M2wo8G4Yc6CrGRiyXriQflvshF0o24wOKXzCvnEpltPvjGOdLAEcicGOwUsil1sN9MRDBucY0NT0YsYzvfw0siKKE9CKERB5LzIAw1uT/QpJIE8hrsWoUZ30/6pW851nYIpOqjDAXgTFiLhQfWsKfwiDj7fWUPtXrO+7Z8WypG+KVQD2QJCLKRBBH8Ff4u82HFzmvVV9w2WjMdR5PJ60LXjrtEEfLvMUqzSCU0tsJ7/dzlm73cIOPEw9fZe3LdybuDPbjPKMpnH/TY+fO4v7HllJT2pitfo/S/vIq/Lnvb7iDK2R3noY07Xa9AAAAAElFTkSuQmCC)!important
}

.gumbao-chat-icon17 {
	background-position: -78px -710px
}

.HD .gumbao-chat-icon1 {
	background-position: -878px -1002.5px
}

.HD .gumbao-chat-icon2 {
	background-position: -891px -1002.5px
}

.HD .gumbao-chat-icon3 {
	background-position: -903px -1002.5px
}

.HD .gumbao-chat-icon4 {
	background-position: -915px -1002.5px
}

.HD .gumbao-chat-icon5 {
	background-position: -928px -1002.5px
}

.HD .gumbao-chat-icon6 {
	background-position: -940px -1002.5px
}

.HD .gumbao-chat-icon7,
.HD .gumbao-chat-icon9 {
	background-position: -978px -1002.5px
}

.HD .gumbao-chat-icon13,
.HD .gumbao-chat-icon8 {
	background-position: -965px -1002.5px
}

.HD .gumbao-chat-icon12 {
	background-position: -981px -1016px
}

.HD .gumbao-chat-icon17 {
	background-position: -953px -1002.5px
}

.blackShadow2 {
	text-shadow: -2px 0 4px #000, 0 2px 4px #000, 2px 0 4px #000, 0 -2px 4px #000, 0 -1px 4px #000, 1px 0 4px #000
}

.whiteShadow {
	text-shadow: -1px 0 2px #fff, 0 1px 2px #fff, 1px 0 2px #fff, 0 -1px 2px #fff
}

.lt-ie10 .whiteShadow {
	background-color: #fff
}

.goldShadow {
	text-shadow: -1px 0 2px #634910, 0 1px 2px #634910, 1px 0 2px #634910, 0 -1px 2px #634910
}

.lt-ie10 .goldShadow {
	background-color: #634910
}

.cashShadow {
	text-shadow: #083863 -1px 0 1px, #083863 0 1px 1px, #083863 1px 0 1px, #083863 0 -1px 1px
}

.lt-ie10 .cashShadow {
	background-color: #083863
}

.cashText {
	color: #8bc2ee;
	text-shadow: #083863 -1px 0 1px, #083863 0 1px 1px, #083863 1px 0 1px, #083863 0 -1px 1px, -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000
}

#playersList {
	position: absolute;
	left: 584px;
	top: 305px;
	width: 211px;
	height: 223px
}

#friendsList .viewport,
#guildMembersList .viewport,
#playersList .viewport {
	width: 198px;
	height: 223px;
	overflow: hidden;
	position: relative
}

#friendsList .overview,
#guildMembersList .overview,
#playersList .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	width: 100%
}

body:not(.season3) #container.Lobby.Auto #itemsSelection,
body:not(.season3) #container.Lobby.Auto #friendsList,
body:not(.season3) #container.Lobby.Auto #guildMembersList {
    box-shadow: white 0 0 15px, white 0 0 15px inset;
    border: 2px solid white;
    left: 582px
}

.playerListItem {
	position: relative;
	margin-bottom: 3px;
	height: 15px
}

.friendListItem.selected,
.guildMemberListItem.selected,
.playerListItemSelected {
	background-color: beige
}

.playerListRank {
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 15px
}

.playerListName {
    position: absolute;
    left: 25px;
    top: 0;
    font-size: 11px;
    color: white;
    overflow: hidden;
    height: 15px;
    padding: 2px
}

#itemsSelection {
	position: absolute;
	left: 585px;
	top: 306px;
	width: 209px;
	height: 220px;
	z-index: 13;
	background-color: rgba(0, 0, 60, .5)
}

#itemsSelection.InRoom {
	top: 256px;
	background-color: inherit
}

#itemsSelectText {
	position: absolute;
	top: 44px;
	width: 100%;
	text-align: center
}

#friendsList {
	position: absolute;
	height: 223px
}

#friendsList.InGame,
#guildMembersList.InGame {
	top: 293px
}

#container.Game #friendsList,
#container.Game #guildMembersList,
#container.Shop #friendsList,
#container.Shop #guildMembersList {
	box-shadow: #000 0 0 15px, #000 0 0 15px inset
}

.scrollbar {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAEsAQMAAAAioqsYAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAACpJREFUKM9j+P+DoYGDoYmDoZ2Dob+DYf4Jhv0vgCJAcYjUKBpFo4imCAA7QqZEVSOs/wAAAABJRU5ErkJggg==) no-repeat rgba(150, 150, 150, .5)
}

.track {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJAQMAAADTtDQpAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAACFJREFUCNdj+P+DoYGDYf8LhvknGPo7GNo5GJo4gCJAcQCUUQo9cuz/KAAAAABJRU5ErkJggg==) 0 100% no-repeat;
	height: 100%;
	width: 13px;
	position: relative;
	padding: 0 10px
}

.thumb,
.thumb .end {
	width: 23px;
	overflow: hidden
}

.thumb {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAEsAgMAAABs6XGyAAAACVBMVEUAAAAAAAAdSWtsRpV/AAAAAXRSTlMAQObYZgAAAB1JREFUOMtjmBrawBAa6jCKR/EoHsUDgkVDGYgFAICmCSRPNiU/AAAAAElFTkSuQmCC) 50% 100% no-repeat;
	height: 20px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: -5px
}

#room2,
#room4,
#room6,
.friendListPhoto,
.ui-slider-horizontal .ui-slider-range-min {
	left: 0
}

.thumb .end {
	background-position: 50% 0!important;
	height: 5px
}

.shop_my_item:hover {
    filter: brightness(1.2);
}

#guildMembersList {
	position: absolute;
	height: 223px;
	font-size: 12px;
	text-align: center
}

.friendListItem,
.guildMemberListItem {
	position: relative;
	height: 30px
}

.friendListItem.odd,
.guildMemberListItem.odd {
	background-color: rgba(0, 0, 0, .5)
}

.friendListPhoto {
	position: absolute;
	top: 0;
	height: 30px;
	width: 40px;
	text-align: center;
	overflow: hidden
}

.friendListRank {
	position: absolute;
	top: 0;
	left: 40px;
	width: 25px;
	height: 15px
}

.friendListName {
	position: absolute;
	left: 68px;
	top: 2px;
	font-size: 11px;
	color: #fff;
	overflow: hidden;
	height: 15px
}

.friendListGP,
.friendListLocation {
	top: 17px;
	position: absolute;
	color: #fff;
	font-size: 11px;
	height: 15px;
	overflow: hidden;
	white-space: nowrap
}

.friendListGP {
	left: 40px;
	width: 70px
}

.friendListLocation {
	left: 117px
}

#friendsListExtra,
#guildRoomTabExtra {
	position: absolute;
	left: 584px;
	top: 249px;
	width: 190px;
	height: 36px;
	background-color: #39639c;
	padding: 10px;
	display: none
}

.span_rank {
	display: inline-block;
	vertical-align: middle;
	color: transparent;
	text-shadow: none;
	font-size: 0
}

.span_rank2 {
	display: inline-block;
	position: relative;
	top: 2px
}

.rank {
	width: 25px;
	height: 15px;
	background-repeat: no-repeat
}

.rank0 {
	background-position: 0 -723px
}

.rank1 {
	background-position: -26px -723px
}

.rank2 {
	background-position: -52px -723px
}

.rank3 {
	background-position: -78px -723px
}

.rank4 {
	background-position: -104px -723px
}

.rank5 {
	background-position: -130px -723px
}

.rank6 {
	background-position: -156px -723px
}

.rank7 {
	background-position: -182px -723px
}

.rank8 {
	background-position: -208px -723px
}

.rank9 {
	background-position: -234px -723px
}

.rank10 {
	background-position: -260px -723px
}

.rank11 {
	background-position: -286px -723px
}

.rank12 {
	background-position: -312px -723px
}

.rank13 {
	background-position: 0 -739px
}

.rank14 {
	background-position: -26px -739px
}

.rank15 {
	background-position: -52px -739px
}

.rank16 {
	background-position: -78px -739px
}

.rank17 {
	background-position: -104px -739px
}

.rank18 {
	background-position: -130px -739px
}

.rank19 {
	background-position: -156px -739px
}

.rank20 {
	background-position: -182px -739px
}

#roomButtonChangeTeam,
.BrokerChannel.BrokerChannelOnline,
.HD #buttonQuickJoin,
.lightning1,
.mobile0-0,
.mobile1-0,
.mobile2-0,
.mobile3-0,
.mobile4-0,
.mobile5-0,
.rank21,
.thor-0,
.ui-icon-carat-1-n {
	background-position: 0 0
}

.rank22 {
	background-position: -208px -739px
}

.rank23 {
	background-position: -234px -739px
}

.rank24 {
	background-position: -260px -739px
}

.rank25 {
	background-position: -312px -739px
}

.rank26 {
	background-position: -286px -739px
}

.rank27 {
	background-position: -26px 0
}

.rank28 {
	background-position: -52px 0
}

.rank29 {
	background-position: -78px 0
}

.rank30 {
	background-position: -104px 0
}

.rank31 {
	background-position: -130px 0
}

.HD .rank0 {
	background-position: -878px -1015px
}

.HD .rank1 {
	background-position: -903.5px -1015px
}

.HD .rank2 {
	background-position: -929px -1015px
}

.HD .rank3 {
	background-position: -954.5px -1015px
}

.HD .rank4 {
	background-position: -878px -1030.5px
}

.HD .rank5 {
	background-position: -903.5px -1030.5px
}

.HD .rank6 {
	background-position: -929px -1030.5px
}

.HD .rank7 {
	background-position: -954.5px -1030.5px
}

.HD .rank8 {
	background-position: -878px -1046px
}

.HD .rank9 {
	background-position: -903.5px -1046px
}

.HD .rank10 {
	background-position: -929px -1046px
}

.HD .rank11 {
	background-position: -954.5px -1046px
}

.HD .rank12 {
	background-position: -878px -1061.5px
}

.HD .rank13 {
	background-position: -903.5px -1061.5px
}

.HD .rank14 {
	background-position: -929px -1061.5px
}

.HD .rank15 {
	background-position: -954.5px -1061.5px
}

.HD .rank16 {
	background-position: -878px -1077px
}

.HD .rank17 {
	background-position: -903.5px -1077px
}

.HD .rank18 {
	background-position: -929px -1077px
}

.HD .rank19 {
	background-position: -954.5px -1077px
}

.HD .rank20 {
	background-position: -878px -1092.5px
}

.HD .rank21 {
	background-position: -903.5px -1092.5px
}

.HD .rank22 {

	background-position: -903.5px -1139px
}

.HD .rank23 {

	background-position: -929px -1092.5px;
}

.HD .rank24 {

	background-position: -954.5px -1092.5px
}

.HD .rank25 {

	background-position: -878px -1108px
}

.HD .rank26 {

	background-position: -903.5px -1108px
}

.HD .rank27 {

	background-position: -929px -1108px
}

.HD .rank28 {

	background-position: -954.5px -1108px
}

.HD .rank29 {

	background-position: -878px -1123.5px
}

.HD .rank30 {

	background-position: -903.5px -1123.5px
}

.HD .rank31 {

	background-position: -929px -1123.5px
}

.HD .rank32 {
	background-position: -954.5px -1123.5px
}

#myName2,
#myName3,#myRankEffect {
	position: absolute;
	left: 619px;
	top: 97px
}

#myPowerUser {
    position: absolute;
    left: 582px;
    top: 74px;
    font-size: 11px;
    color: #fca;
    text-align: center;
    width: 211px;
}

#myNyxcafe {
    width: 30px;
    height: 30px;
    top: 90px;
    right: 12px;
    background-position: -0px -63px;
}

.myNyxcafeTeamBlue {
    width: 25px;
    height: 15px;
    top: 1px;
    right: 29px;
    position: absolute;
}

.nyxcafe {
    background: url(/static/images/season2/gamelist_cafe.png);
    position: absolute;
}

.caferesult {
    width: 52px;
    height: 30px;
    top: -4px;
    left: -145px;
}

.myNyxcafeTeamBlue2 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe2 {
    background: url(/static/images/season2/vip1.png);
    position: absolute;
    transform: scale(0.3);
}

.myNyxcafeTeamBlue3 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe3 {
    background: url(/static/images/season2/vip2.png);
    position: absolute;
    transform: scale(0.3);
}

.myNyxcafeTeamBlue4 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe4 {
    background: url(/static/images/season2/vip3.png);
    position: absolute;
    transform: scale(0.3);
}

.myNyxcafeTeamBlue5 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe5 {
    background: url(/static/images/season2/vip4.png);
    position: absolute;
    transform: scale(0.3);
}

.myNyxcafeTeamBlue6 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe6 {
    background: url(/static/images/season2/vip5.png);
    position: absolute;
    transform: scale(0.3);
}

.myNyxcafeTeamBlue7 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe7 {
    background: url(/static/images/season2/vip6.png);
    position: absolute;
    transform: scale(0.3);
}

.myNyxcafeTeamBlue8 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe8 {
    background: url(/static/images/season2/vip7.png);
    position: absolute;
    transform: scale(0.3);
}

.myNyxcafeTeamBlue9 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe9 {
    background: url(/static/images/season2/vip8.png);
    position: absolute;
    transform: scale(0.3);
}

.myNyxcafeTeamBlue10 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe10 {
    background: url(/static/images/season2/vip9.png);
    position: absolute;
    transform: scale(0.3);
}

.myNyxcafeTeamBlue11 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe11 {
    background: url(/static/images/season2/vip10.png);
    position: absolute;
    transform: scale(0.3);
}

.myNyxcafeTeamBlue12 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe12 {
  background: url(/static/images/season2/vip112.png);
  position: absolute;
  transform-origin: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: scale(0.370);
}

@keyframes nyxPulseGlow {
  0% {
    transform: scale(0.370);
    filter:
      brightness(1.15) contrast(1.05)
      drop-shadow(0 0 10px  rgba(255,255,255,0.95))
      drop-shadow(0 0 22px  rgba(210,235,255,0.75))
      drop-shadow(0 0 42px  rgba(190,225,255,0.55))
      drop-shadow(0 0 70px  rgba(170,215,255,0.35));
  }
  100% {
    transform: scale(0.352);
    filter:
      brightness(1.06) contrast(1.03)
      drop-shadow(0 0 8px   rgba(255,255,255,0.85))
      drop-shadow(0 0 18px  rgba(210,235,255,0.55))
      drop-shadow(0 0 34px  rgba(190,225,255,0.38))
      drop-shadow(0 0 56px  rgba(170,215,255,0.25));
  }
}

@media (prefers-reduced-motion: reduce) {
  .nyxcafe12 { animation: none; }
}

.viptext{
	font-family: sans-serif;
	position: absolute;
    bottom: -7px;
    font-size: 30px;
    text-align: center;
    width: 100px;
    color: white;
    left: 28px;
    text-shadow: -2px 0 4px black, 0 2px 4px black, 2px 0 4px black, 0 -2px 4px black, 0 -1px 4px black, 1px 0 4px black;
    filter: drop-shadow(0 0 2px magenta);
}

#infoWinRateTorneo{
	position: absolute;
	left: 400px;
	top: 192px
}

#infoWinTorneo{
	position: absolute;
	left: 400px;
	top: 212px;
}

#infoLossTorneo{
	position: absolute;
	left: 400px;
	top: 231px;
}

#infoKey12{
	position: absolute;
	left: 322px;
	top: 231px;
}

#infoKey10 {
	position: absolute;
	left: 322px;
	top: 194px;
	font-size: 10px
}

#myGP,
#myGP2 {
	position: absolute;
	right: 84px;
	top: 221px;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	z-index: 9
}

#myPUG,
#myPUGP,
#myPlusGP,
#GPguild {
	position: absolute;
	font-size: 8px;
	border-radius: 5px;
	padding: 1px;
	display: none;
	color: #fff
}

#GPmedalla {
	position: absolute;
	font-size: 8px;
	border-radius: 5px;
	padding: 1px;
	display: none;
	color: #fff
}

#myPUG {
	top: 250px
}

#myPlusGP {
	right: 43px;
	background: #ff6
}

#GPguild{
	right: 44px;
	top: 208px;
	background: lime;
}

#GPmedalla{
	right: 13px;
	top: 208px;
	background: #C32AFF;
}

#myCash,
#myCash2,
#myGold,
#myGold2,
#roomsList {
	font-size: 11px;
	position: absolute
}

#myCash,
#myCash2 {
	top: 235px;
	color: #8bc2ee
}

#myGold,
#myGold2 {
	top: 250px;
	color: #ffea4a
}

#CreateRoomMode,
#CreateRoomPlayers {
	left: 190px;
	font-weight: 900;
	width: 100px
}

#channel_player {
	position: absolute;
	left: 679px;
	top: 218px
}

#roomsList {
	left: 15px;
	top: 130px;
	width: 540px;
	color: #fff
}

.room {
	position: absolute;
	background-position: 0 -543px;
	width: 251px;
	height: 62px;
	display: none
}

.HD .room {
	background-position: 0 -110px;
	background-size: 1000px 1500px
}

.powerUserRoom {
	background-position: 0 -1845px
}

.HD .powerUserRoom {
	background-position: -251.5px -110px
}

.powerUserRoom2 {
	background-position: 0 -1845px;

}

.HD .powerUserRoom2::before {
	content: "";
	position: absolute;
	width: 22px;
    height: 18px;
	background-image: url(/static/images/season2/gamelist_cafe.png);
	background-position: 0 -30px;
	left: 130px;
	top:3px;
	z-index: 100;
}

.roomExtraInfo {
	background-position: 0 -1665px;
	width: 251px;
	height: 180px;
	z-index: 2;
	opacity: 1!important
}

.HD .roomExtraInfo {
	background-position: 0 -172.5px
}

.powerUserRoom.roomExtraInfo {
	background-position: 0 -2050px
}

.HD .powerUserRoom.roomExtraInfo {
	background-position: -251.5px -172.5px
}

#updater,
.BrokerDesc,
.BrokerRanks,
.roomExtraInfoSlot {
	position: absolute;
	color: #000
}

.roomExtraInfoSlot {
	transform: scale(.8);
	transform-origin: top left
}

.roomExtraInfoSlot0 {
	left: 10px;
	top: 65px
}

.roomExtraInfoSlot1 {
	left: 135px;
	top: 65px
}

.roomExtraInfoSlot2 {
	left: 10px;
	top: 85px
}

.roomExtraInfoSlot3 {
	left: 135px;
	top: 85px
}

.roomExtraInfoSlot4 {
	left: 10px;
	top: 105px
}

.roomExtraInfoSlot5 {
	left: 135px;
	top: 105px
}

.roomExtraInfoSlot6 {
	left: 10px;
	top: 125px
}

.roomExtraInfoSlot7 {
	left: 135px;
	top: 125px
}

#itemSlot0,
#room0 {
	left: 0;
	top: 0
}

#room1,
#room_item_buddy_tab2 .pmsOnHold,
#tournament_info,
.ui-slider-vertical .ui-slider-range-max,
.ui-spinner-up {
	top: 0
}

#dialog_join_room_div .AlertBox,
#room4,
#room5,
#touch_ui {
	top: 150px
}

#room6,
#room7 {
	top: 225px
}

#roomsList.rooms8 {
	top: 156px
}

.rooms8 #room2,
.rooms8 #room3 {
	top: 70px
}

.rooms8 #room4,
.rooms8 #room5 {
	top: 140px
}

.rooms8 #room6,
.rooms8 #room7 {
	top: 210px
}

.roomConnectorA {
    position: absolute;
    top: 14px;
    right: -25px;
    background-position: -657.5px -220px;
    width: 34px;
    height: 31px;
    pointer-events: none;
    z-index: 3;
}

.powerUserRoom .roomConnectorA {
    background-position-y: -188.5px;
}

.roomConnectorB {
    position: absolute;
    top: 14px;
    left: -25px;
    background-position: -623px -220px;
    width: 34px;
    height: 31px;
    pointer-events: none;
    z-index: 3;
}

.powerUserRoom .roomConnectorB {
    background-position-y: -188.5px;
}

.room .roomConnectorA,
.room .roomConnectorB {
    background-image: inherit;
    background-repeat: no-repeat;
    background-size: inherit;
}

.roomNumber {
	position: absolute;
	left: 2px;
	top: 7px;
	width: 30px;
	height: 12px
}

#roomInput,
.roomTitle {
	height: 16px;
	position: absolute
}

.roomTitle {
	left: 38px;
	top: 5px;
	width: 144px;
	overflow: hidden;
	line-height: 15px;
	padding-left: 2px
}

#NewUser2Text,
.WeatherFall {
	line-height: 25px;
	text-align: center
}

.maxPlayers,
.numPlayers {
	width: 10px;
	color: #000;
	font-size: 14px;
	position: absolute;
	top: 6px
}

.numPlayers {
	left: 213px
}

.maxPlayers {
	left: 233px
}

.status {
	position: absolute;
	left: 8px;
	top: 33px
}

.status-waiting {
	width: 89px;
	height: 27px;
	background-position: 0 -606px
}

.HD .status-waiting {
	background-position: -504px -174.5px;
	width: 89px;
	height: 25px
}

.status-playing {
	width: 86px;
	height: 27px;
	background-position: -90px -606px
}

.HD .status-playing {
	background-position: -504px -201px;
	width: 89px;
	height: 25px
}

.status-full {
	width: 42px;
	height: 27px;
	left: 30px;
	background-position: -177px -606px
}

.HD .BrokerChannel.BrokerChannelFull .BrokerChannelFullIcon,
.HD .status-full {
	background-position: -504px -227.5px;
	width: 89px;
	height: 25px;
	left: 8px
}

.gameMode {
	position: absolute;
	left: 208px;
	top: 17px
}

.roomMap {
    position: absolute;
    left: 59px;
    top: 18px;
    width: 213px;
    height: 49px;
    transform: scale(.6)
}

.roomMap {
    position: absolute;
    left: 59px;
    top: 18px;
    width: 213px;
    height: 49px;
    transform: scale(.6)
}

.roomMap canvas {
    filter: brightness(0)
}

.roomMap canvas {
    filter: brightness(1)
}

.roomLock {
	position: absolute;
	left: 147px;
	top: 33px
}

.roomLocked {
	background-position: -220px -606px;
	width: 20px;
	height: 21px
}

.iconMode0,
.iconMode1,
.iconMode2,
.iconMode3,
.iconMode4,
.iconMode5,
.iconMode6,
.iconMode7{
	width: 44px;
	height: 41px
}

.HD #RoomOptionsModeLocked,
.HD #dialogCreateLocked,
.HD .imgLock,
.HD .roomLocked {
	background-position: -660px -324.5px
}

.allowWatch {
	position: absolute;
	left: 188px;
	top: 8px;
	font-size: 12px
}

#dialogCreateRoom {
	position: absolute;
	top: 120px;
	left: 222px;
	width: 341px;
	height: 258px;
	background-position: 0 -755px;
	box-shadow: 3px 3px 10px 0 #000;
	border-radius: 6px;
	z-index: 998
}

.HD #dialogCreateRoom {
	background-position: 0 -321px;
	background-size: 1000px 1500px
}

#createRoomTitle {
	position: absolute;
	left: 114px;
	top: 41px;
	border: 0;
	height: 15px
}

#BrokerLogout {
	position: absolute;
	right: 12px;
	bottom: 5px;
	width: 55px;
	height: 51px;
	background-position: -56px -303px
}

#BrokerScreen,
#dialog_change_name_div,
#dialog_join_room_div,
#roomScreen,
#shopScreen,
.alertify-cover-hidden,
.alertify-isHidden,
.alertify-logs-hidden,
.animate>span:after,
.hide,
.playerInRoom,
.progress-circle.p0 .value-bar,
.progress-circle:not(.over50) .first50-bar,
.ui-helper-hidden,
.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
	display: none
}

.HD #BrokerLogout {
	background-position: -682.5px 0
}

#logoutFBlabel {
	position: absolute;
	bottom: 7px;
	right: 77px;
	font-size: 13px;
	border: 1px dashed #000;
	border-radius: 5px;
	padding: 3px;
	text-align: center
}

#event_button,
#facebook_post {
	width: 62px;
	height: 62px;
	color: #ffd273;
	font-size: 9px;
	position: absolute;
	text-align: center;
	top: 7px
}

#buttonStart1v1 {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    text-align: center
}

#buttonStart2v2 {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    text-align: center
}

#buttonStart4v4 {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    text-align: center
}

#buttonStartBR {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    min-width: 286px;
    box-shadow: 0 0 8px rgba(255,120,0,.8), inset 0 0 8px rgba(255,220,80,.35)
}

#buttonStartBR .Text {
    white-space: nowrap
}

#buttonStart2v2 .BetaImg {
    position: absolute;
    top: -10px;
    right: -17px;
    width: 32px;
    height: 32px;
    background: url("/static/images/beta.png") no-repeat center;
    background-size: contain;
    display: none;
}

#room_auto_match_btn {
	position: absolute;
	left: 92px;
	top: 404px;
	text-align: center;
	min-width: 275px
}

#room_auto_match_btn2 {
	position: absolute;
	right: 70px;
	bottom: 5px;
	width: 28px;
	height: 28px;
	border: 2px solid #000;
	padding: 11px;
	border-radius: 10px
}

#buttonCreateTeam {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    display: block;
    width: fit-content
}

#buttonCreateTeam.LoveServer {
	min-width: 273px;

}

#buttonStart1v1.LoveServer {
	text-align: left;
	min-width: 301px
}

#buttonStart2v2.LoveServer {
    text-align: left;
    min-width: 301px
}

#buttonCreateTeam.No1v1Btn,
#buttonJoinTeam.No1v1Btn {
	margin-top: -40px
}

#buttonStart1v1.Only1v1Btn {
	margin-top: 70px
}

#buttonStart1v1.Only1v1BtnPrix {
	margin-top: -6px
}

#gameChat .overview,
#roomChat .overview {
	margin: 0;
	word-wrap: break-word;
	list-style: none
}

#buttonJoinTeam {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    display: block;
    width: fit-content
}

#buttonCreateRoom {
	position: absolute;
	left: 144px;
	top: 7px;
	background-position: 0 -177px
}

.HD #buttonCreateRoom {
	background-position: -62.5px 0
}

#buttonJoin {
	position: absolute;
	left: 226px;
	top: 7px;
	background-position: 0 -240px
}

.HD #buttonJoin {
	background-position: -125px 0
}

#buttonQuickJoin {
	position: absolute;
	left: 308px;
	top: 7px;
	background-position: -63px -177px
}

#buttonMyInfo {
	position: absolute;
	left: 390px;
	top: 7px;
	background-position: -126px -177px
}

.HD #buttonMyInfo {
	background-position: -187.5px 0
}

#buttonShop {
	position: absolute;
	left: 472px;
	top: 7px
}

.HD #buttonShop,
.HD #buttonShopFromRoom {
	background-position: -250px 0
}

#buttonShopFromRoom {
	position: absolute;
	left: 600px;
	bottom: 5px;
	border-radius: 5px;
	transform: scale(.83);
	transform-origin: left bottom
}

#buttonCharge2 {
	position: absolute;
	left: 554px;
	top: 7px
}

.chargeBtn {
	background-position: -189px -177px
}

.HD .chargeBtn {
	background-position: -312.5px 0
}

#buttonChargeShop {
	position: absolute;
	left: 50px;
	top: 128px
}

#buttonChargeShop1 {
	position: absolute;
	left: 160px;
	top: 532px
}

#facebook_post {
	left: 636px;
	background-position: -126px -240px
}

.HD #facebook_post {
	background-position: -437.5px 0
}
.button-match-time {
    font-size: 11px;
    color: white;
    vertical-align: middle;
    margin-left: 10px;
    min-width: 33px;
    display: inline-block;
}
#event_button {
	left: 718px;
	background-position: -63px -240px
}

.HD #event_button {
	background-position: -375px 0
}

.buttonGlow {
	box-shadow: 0 0 8px 8px #ff0!important;
	border-radius: 10px
}

.blinkingGlow {
	border-radius: 10px;
	animation: 1s ease-in infinite alternate blinking_glow_anim;
	-webkit-animation: 1s ease-in infinite alternate blinking_glow_anim
}

@keyframes blinking_glow_anim {
	50% {
		box-shadow: 0 0 0 0 #ff0;
		transform: rotate(0)
	}
	100% {
		box-shadow: 0 0 8px 8px #ff0;
		transform: rotate(10deg)
	}
}

@-webkit-keyframes blinking_glow_anim {
	50% {
		box-shadow: 0 0 0 0 #ff0;
		-webkit-transform: rotate(0)
	}
	100% {
		box-shadow: 0 0 8px 8px #ff0;
		-webkit-transform: rotate(10deg)
	}
}

.squeeze_anim {
	animation: .1s squeeze_anim;
	-webkit-animation: .1s squeeze_anim
}

@keyframes squeeze_anim {
	from {
		transform: scaleY(1)
	}
	to {
		transform: scaleY(.01)
	}
}

@-webkit-keyframes squeeze_anim {
	from {
		-webkit-transform: scaleY(1)
	}
	to {
		-webkit-transform: scaleY(.01)
	}
}

.grayspin {
	animation: 1s linear infinite grayspin_anim;
	-webkit-animation: 1s linear infinite grayspin_anim
}

@keyframes grayspin_anim {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes grayspin_anim {
	from {
		-webkit-transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(360deg)
	}
}

#dialogCreateRoomButtonOK {
	position: absolute;
	right: -32px;
	bottom: -7px
}

#dialogCreateRoomButtonCancel {
	position: absolute;
	left: -39px;
	bottom: -7px
}

#CreateRoomNumPlayersPrev {
	position: absolute;
	left: 181px;
	top: 114px
}

#CreateRoomNumPlayersNext {
	position: absolute;
	left: 290px;
	top: 114px
}

#CreateRoomModePrev {
	position: absolute;
	left: 181px;
	top: 135px
}

#CreateRoomModeNext {
	position: absolute;
	left: 290px;
	top: 135px
}

#buttonShopBack {
    position: absolute;
    left: 693px;
    top: 496px;
    width: 134px;
    height: 133px;
    background-image: url(/static/images/backBtn.png);
    transform: scale(0.4);
}

#CreateRoomPrivateCheckbox {
	position: absolute;
	left: 45px;
	top: 64px
}

#CreateRoomPlayers {
	position: absolute;
	top: 112px;
	text-align: center;
	color: #ff6
}

#CreateRoomMode {
	position: absolute;
	top: 132px;
	text-align: center
}

.gameMode0 {
	color: #35f78c
}

.gameMode1 {
	color: #ffac0d
}

.gameMode2 {
	color: #ff07f1
}

.gameMode3 {
	color: #52c6f6
}

.gameMode5 {
	color: #52c6f6
}

.gameMode4 {
	color: #c875ff
}

.gameMode6 {
	color: lime;
}

.gameMode7 {
	color: #ff5b45;
}

#CreateRoomModeIcon {
	position: absolute;
	left: 45px;
	top: 164px
}

.iconMode6 {
	background-position: -168px -303px
}

.iconMode7 {
	background-position: -168px -303px;
	filter: hue-rotate(305deg) saturate(2.4) brightness(1.08)
}

.iconMode4 {
	background-position: -168px -303px;
	filter: hue-rotate(165deg)
}

.HD .iconMode4 {
background-position: -257.5px -63.5px;
    width: 43px;
    filter: hue-rotate(280deg);
}

.HD .iconMode6 {
	background-position: -257.5px -63.5px;
    width: 43px;
    filter: hue-rotate(340deg) saturate(2.2);
}

.HD .iconMode7 {
	background-position: -257.5px -63.5px;
	width: 43px;
	filter: hue-rotate(180deg) saturate(2.2) brightness(1.05);
}

.iconMode0 {
	background-position: -168px -303px
}

.iconMode1 {
	background-position: -213px -303px
}

.iconMode2 {
	background-position: -258px -303px
}

.iconMode3 {
	background-position: -168px -303px;
	filter: hue-rotate(165deg)
}

.iconMode5 {
	background-position: -168px -303px;
	filter: hue-rotate(165deg)
}

.HD .iconMode0 {
	background-position: -166.5px -63.5px;
	width: 43px
}

.HD .iconMode1 {
	background-position: -211.5px -63.5px
}

.HD .iconMode2 {
	background-position: -257.5px -63.5px;
	width: 43px
}

.HD .iconMode3 {
	background-position: -302.5px -63.5px;
	filter: none
}

.HD .iconMode5 {
	background-position: -302.5px -63.5px;
	filter: none
}

#CreateRoomPassword {
	position: absolute;
	left: 33px;
	top: 85px;
	background-position: 0 -677px;
	width: 277px;
	height: 17px
}

.HD #CreateRoomPassword {
	background-position: -342px -328px
}

#createRoomPasswordInput {
	position: absolute;
	left: 81px;
	border: 0;
	height: 15px
}

.SD .buttonOK {
	background: url(/static/images/ok.png);
	width: 180px;
	height: 59px;
	-moz-transform: scale(.5);
	-o-transform: scale(.5);
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.buttonOK:hover {
	filter: brightness(1.25)
}

.SD .buttonCancel:active,
.SD .buttonOK:active {
	transform: scale(.47)
}

.HD .buttonOK {
	width: 90px;
	height: 29.5px;
	background-position: -851px -92.5px
}

.HD .buttonOK:active {
	transform: scale(.96)
}

.SD .buttonCancel {
	background-image: url(/static/images/cancel.png);
	width: 209px;
	height: 59px;
	-moz-transform: scale(.5);
	-o-transform: scale(.5);
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.buttonCancel:hover {
	filter: brightness(1.4)
}

.HD .buttonCancel {
	width: 90px;
	height: 29.5px;
	background-position: -851px -122.5px
}

.HD .buttonNext,
.HD .buttonPrev {
	width: 18px;
	height: 18px;
	margin-left: -5px!important;
	margin-top: -5px!important
}

.HD .buttonCancel:active {
	transform: scale(.94)
}

.buttonPrev {
	background-position: -241px -606px;
	width: 9px;
	height: 9px
}

.HD .buttonPrev {
	background-position: -620.5px -326.5px
}

.buttonNext {
	background-position: -251px -606px;
	width: 9px;
	height: 9px
}

.HD .buttonNext {
	background-position: -640px -326.5px
}

.checkboxOff {
	background-position: 0 -695px;
	width: 101px;
	height: 13px
}

.HD .checkboxOff {
	background-position: -504px -278px
}

.checkboxOn {
	background-position: -102px -695px;
	width: 101px;
	height: 14px
}

.HD .checkboxOn {
	background-position: -504px -262px
}

.CheckboxOff {
	background-position: 0 -695px;
	width: 14px;
	height: 14px
}

.CheckboxOn {
	background-position: -102px -695px;
	width: 14px;
	height: 14px
}

#buttonRoomsListUp {
	position: absolute;
	top: 205px
}

.HD #buttonRoomsListUp {
	background-position: -95.5px -63.5px;
	width: 33px
}

#buttonRoomsListDown {
	position: absolute;
	top: 310px;
	transform: scaleY(-1)
}

.HD #buttonRoomsListDown {
	background-position: -130.5px -63.5px;
	transform: none
}

#roomScreen {
	color: #fff;
	font-size: 12px
}

#roomNumber {
	position: absolute;
	left: 50px;
	top: 5px;
	width: 30px;
	height: 12px
}

#roomTitle {
	position: absolute;
	left: 93px;
	top: 5px;
	width: 450px;
	height: 15px
}

#roomButtonBack {
	position: absolute;
	right: 0;
	bottom: 5px;
	width: 57px;
	height: 54px;
	background-position: 0 -66px
}

#roomButtonBack:hover {
	background-position: -58px -66px
}

#roomButtonBack:active {
	background-position: -116px -66px
}

.HD #roomButtonBack {
	background-position: -752px -561.5px
}

.HD #roomButtonBack:hover {
	background-position: -810.5px -561.5px
}

.HD #roomButtonBack:active {
	background-position: -869px -561.5px
}

#roomButtonChangeTeam {
	position: absolute;
	left: 297px;
	top: 351px;
	width: 28px;
	height: 27px
}

.HD #roomButtonChangeTeam {
	background-position: -752px -495.5px;
	width: 27px;
	height: 27px
}

#roomButtonChangeTeam:hover {
	background-position: -28px 0
}

#roomButtonChangeTeam:active {
	background-position: -57px 0
}

.HD #roomButtonChangeTeam:hover {
	background-position: -780.5px -495.5px
}

.HD #roomButtonChangeTeam:active {
	background-position: -809px -495.5px
}

.buttonMobile {
	width: 33px;
	height: 37px;
	background-position: 0 -28px
}

.HD .buttonMobile {
	background-position: -752px -524px;
	width: 35px;
	height: 36px
}

.buttonMobile:hover {
	background-position: -34px -28px
}

.buttonMobile:active {
	background-position: -68px -28px
}

.HD .buttonMobile:hover {
	background-position: -788.5px -524px
}

.HD .buttonMobile:active {
	background-position: -825px -524px
}

#lobbyButtonMobile {
	position: absolute;
	left: 530px;
	top: 100px
}

#roomButtonMobile {
	position: absolute;
	left: 241px;
	top: 345px
}

#roomButtonReady {
	position: absolute;
	background: url(/static/images/ready2.gif) no-repeat;
	z-index: 20
}

#roomButtonStart {
	position: absolute;
	background: url(/static/images/start2.gif) no-repeat;
	z-index: 10
}

.playerInRoom {
	width: 223px;
	height: 95px
}

.SideA .roomPlayerRank {
	position: absolute;
	left: 0;
	top: 0;
	width: 25px;
	height: 15px
}

.SideA .roomPlayerName {
	position: absolute;
	left: 0;
	top: 0;
	width: 235px;
	height: 15px;
	z-index: 25;
}

.roomPlayerName.animated {
	animation: parpadeoColor 2s infinite alternate;
	text-shadow: 0 0 15px 8px white;

}

#roomOwner {
    position: absolute;
    right: 10px;
    top: 5px;
    white-space: nowrap
}

#itemsSelection.InRoom #MissionsBtnRoom {
    display: block;
}

.Chest.Empty,.ui-icon-carat-1-sw {
    background-position: -80px 0
}

#container.Lobby #itemsSelection #MissionsBtnRoom {
    display: none!important
}

.MissionsBtn {
    position: absolute;
    left: 664px;
    background-repeat: no-repeat;
    width: 55px;
    height: 51px
}

#MissionsBtnLobby {
    top: 542px;

}

#MissionsBtnRoom {
    left: 75px;
    top: 214px;
    display: none
}

#MissionsCenterWindow {
	display: none;
    width: 500px;
    left: 82px;
    top: 100px;
    z-index: 111
}

#MissionsChests {
    position: relative;
    width: 100%;
    height: 50px;
    background: rgba(0,0,0,.5);
    border-radius: 25px
}

#MissionsPointsIcon,.Chest {
    background-repeat: no-repeat;
    position: absolute
}

#MissionsProgressBar {
    position: absolute;
    left: 50px;
    top: 16px;
    width: 84%
}

#MissionsPointsIcon {
    left: 12px;
    top: 9px;
    width: 32px;
    height: 32px
}

#MissionsPointsText {
    position: absolute;
    top: 20px;
    font-size: 16px;
    text-align: center;
    width: 31px
}

#MissionsChest1 {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 112px
}

#MissionsChest2 {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 194px
}

#MissionsChest3 {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 276px
}

#MissionsChest4 {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 358px
}

#MissionsChest5 {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 440px
}

.Chest {
    background-image: url(/static/images/chestcopia.png);
    background-position: 0 0;
    width: 40px;
    height: 40px;
    background-size: 120px 40px;
    line-height: 70px;
    text-align: center
}

.Chest.Open {
    background-position: -40px 0;
    animation: 1s ease-in-out infinite alternate spiner2
}

.Glowing {
    position: absolute;
    left: 7px;
    top: 6px;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    animation: 1s ease-in-out infinite alternate glowingShrinking
}

@keyframes glowingShrinking {
    0 {
        box-shadow: 0 0 10px #f1c40f,0 0 20px #f1c40f,0 0 30px #f1c40f,0 0 10px #f1c40f,0 0 20px #f1c40f,0 0 30px #f1c40f
    }

    100% {
        box-shadow: 0 0 20px #f1c40f,0 0 40px #f1c40f,0 0 60px #f1c40f,0 0 20px #f1c40f,0 0 40px #f1c40f,0 0 60px #f1c40f
    }
}

@keyframes spiner2 {
    from {
        transform: rotate(-30deg)
    }

    100% {
        transform: rotate(30deg)
    }
}

#MissionsTimeLeft {
    width: 100%;
    text-align: center;
    margin: 10px 0
}

.MissionsView {
    background: rgba(255,255,255,.5);
    width: 100%;
    height: 307px;
    border-radius: 3px;
    overflow-y: auto
}

.Mission {
    position: relative;
    width: 95%;
    height: 50px;
    margin: 5px auto;
    background: rgba(0,0,0,.5);
    border: 1px solid #000;
    border-radius: 8px
}

.MissionStar {
    position: absolute;
    left: 12px;
    top: 9px;
    width: 32px;
    height: 32px;
    background-image: url(/static/images/starBtn.png);
    background-size: contain;
    background-repeat: no-repeat;
    line-height: 56px;
    text-align: center
}

.MissionBar,.MissionName {
    left: 60px;
    position: absolute
}

.MissionName {
    top: 5px;
    font-size: 16px
}

.MissionBar {
    top: 25px;
    width: 300px
}

.greenBtn,.greenBtn:hover {
    background-color: #12fd12;
    border-color: #4f4
}

.greenBtn,.yellowBtnMini {
    display: inline-block;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(255,255,255,.5);
    cursor: pointer;
    border-radius: 4px;
    font-family: Arial,sans-serif;
    color: #333;
    background-repeat: repeat-x;
    text-decoration: none
}

.greenBtn:link,.greenBtn:visited,.yellowBtn:link,.yellowBtn:visited {
    color: #333
}

.greenBtn {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 18px;
    background-image: -webkit-linear-gradient(top,#bfb,#12fd12);
    background-image: linear-gradient(top,#bfb,#12fd12)
}

.greenBtn:hover {
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top,#12fd12,#bfb);
    background-image: linear-gradient(top,#12fd12,#bfb)
}

.yellowBtnMini {
    padding: 0 10px;
    font-size: 10px;
    line-height: 10px;
    background-color: #fd9a0f;
    background-image: -webkit-linear-gradient(top,#fee94f,#fd9a0f);
    background-image: linear-gradient(top,#fee94f,#fd9a0f);
    border: 1px solid #000
}

.yellowBtnMini:hover {
    background-color: #fd9512;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top,#fedc4d,#d80);
    background-image: linear-gradient(top,#fedc4d,#d80);
    border: 1px solid #ff0
}

.MissionCheck {
    position: absolute;
    left: 393px;
    top: 12px
}

#MissionsPointsIcon,.MissionsBtn {
    background-image: url(/static/images/starBtn.png);
    background-size: contain
}

#Rewards {
    position: absolute;
    z-index: 120;
    display: none
}

#RewardsBG {
    position: absolute;
    background: rgba(0,0,0,.92)
}

#RewardsTitle {
    position: absolute;
    top: 150px;
    width: 800px;
    text-align: center;
    z-index: 1;
    pointer-events: none
}

#RewardsFooter {
    position: absolute;
    top: 450px;
    width: 800px;
    text-align: center;
    z-index: 1;
    pointer-events: none
}

#RewardsBody {
    position: absolute;
    top: 200px;
    width: 800px;
    height: 200px;
    text-align: center;
    z-index: 1;
    pointer-events: none
}

.Reward {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 27px;
    border: 3px solid #888;
    border-radius: 8px;
    margin: 3px;
    background: #ff0;
    animation: .15s ease-out AnimEnterScaleDown
}

@keyframes AnimEnterScaleDown {
    from {
        transform: scale(7);
        opacity: .1
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.RewardStar {
    background: url(/static/images/starBtn.png) 0 0/contain no-repeat #663399;
    background-position-y: 2px
}

.RewardGold {
    background: url(/static/images/goldIcon.png) 0 0/contain no-repeat #46f
}

.RewardCash {
    background: url(/static/images/goldIcon2.png) 0 0/contain no-repeat #ff0
}

.roomPlayerName.animated::before {
	content: "";
	width: 45px;
	height: 45px;
	position: absolute;
	background: url(/static/images/season2/download.gif) no-repeat scroll 0 0 transparent;
	top: -11px;
	left: 10%;

}

@keyframes parpadeoColor {
	0% {
		color: white;
		text-shadow: 0 0 15px 8px white;
	}
	100% {
		color: #8A2BE2;
		text-shadow: 0 0 15px 8px white;
	}
}

.vipTagImage {
    width: 20px;
    height: auto;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -2px;
    transform: scale(1.3);
}

.vipTagImage2 {
    width: 20px;
    left: 35px;
    height: auto;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -10px;
    transform: scale(1.5);
}

.vipTag {
    color: gold;
    font-weight: bold;
    margin-left: 5px;
}

.SideA .roomPlayerInfo,
.chatDialogProfile {
	width: 43px;
	height: 30px;
	background-position: -260px -216px
}

.SideA .roomPlayerInfo {
	position: absolute;
	left: -16px;
	top: 34px;
	z-index: 21;
	transform: scale(.65) rotate(270deg)
}

.SideA .roomPlayerMaster,
.SideA .roomPlayerNotReady,
.SideA .roomPlayerReady {
	width: 77px;
	height: 78px;
	z-index: 2;
	bottom: 0;
	position: absolute;
	right: 0
}

.chatDialogProfile {
	position: absolute;
	left: 228px;
	bottom: 12px
}

.SideA .roomPlayerNotReady {
	background-position: 0 -121px
}

.HD .SideA .roomPlayerNotReady {
	background-position: -752px -617px
}

.SideA .roomPlayerReady {
	background-position: -78px -121px
}

.HD .SideA .roomPlayerReady {
	background-position: -830.5px -617px
}

.SideA .roomPlayerMaster {
	background-position: -156px -121px
}

.HD .SideA .roomPlayerMaster {
	background-position: -909px -617px
}

.SideA .roomPlayerShadow {
	position: absolute;
	left: 58px;
	bottom: 0;
	width: 78px;
	height: 10px;
	background-position: -155px 0
}

.SideA .roomPlayerMyself {
	position: absolute;
	left: -3px;
	top: 67px;
	display: none
}

.SideA .roomPlayerMobile {
	position: absolute;
	left: 100px;
	top: 88px
}

.SideB .roomPlayerName,
.SideB .roomPlayerRank {
	top: 0;
	height: 15px;
	position: absolute;
	left: 10px
}

.FlipH {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH"
}

.SideB .roomPlayerRank {
	width: 25px
}

.roomForSale {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 45px;
    height: 45px;
    background-image: url(/static/images/evento.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideB .roomPlayerName {
	width: 235px;
	z-index: 25
}

.SideB .roomPlayerInfo {
	position: absolute;
	right: -16px;
	top: 34px;
	width: 43px;
	height: 30px;
	background-position: -260px -216px;
	z-index: 21;
	transform: scale(.65) rotate(90deg)
}

.SideB .roomPlayerMaster,
.SideB .roomPlayerNotReady,
.SideB .roomPlayerReady {
	width: 77px;
	height: 78px;
	position: absolute;
	left: 0;
	bottom: 0
}

.HD .chatDialogProfile,
.HD .roomPlayerInfo {
	background-position: -654.5px -156px
}

.SideB .roomPlayerNotReady {
	background-position: 0 -200px;
	z-index: 2
}

.HD .SideB .roomPlayerNotReady {
	background-position: -752px -696.5px
}

.SideB .roomPlayerReady {
	background-position: -78px -200px;
	z-index: 2
}

.HD .SideB .roomPlayerReady {
	background-position: -830.5px -696.5px
}

.SideB .roomPlayerMaster {
	background-position: -156px -200px;
	z-index: 2
}

.HD .SideB .roomPlayerMaster {
	background-position: -909px -696.5px
}

.SideB .roomPlayerShadow {
	position: absolute;
	right: 58px;
	bottom: 0;
	width: 78px;
	height: 10px;
	background-position: -155px 0
}

.SideA .roomPlayerBalloon,
.SideB .roomPlayerBalloon {
	position: absolute;
	bottom: 55px;
	background-color: #fff;
	min-width: 30px;
	text-shadow: none;
	color: #000;
	padding: 5px;
	max-width: 300px;
	opacity: .9;
	display: none;
	z-index: 33;
	word-wrap: break-word
}

.HD .SideA .roomPlayerShadow,
.HD .SideB .roomPlayerShadow {
	background-position: -837.5px -495.5px
}

.SideB .roomPlayerMyself {
	position: absolute;
	right: -3px;
	top: 67px;
	display: none;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH"
}

.ItemBtn:active,
.ItemBtn:hover,
.light_button:active,
.light_button:hover {
	filter: brightness(1.3);
	cursor: pointer
}

.roomPlayerMyself {
	width: 28px;
	height: 19px;
	background: url(data:image/gif;base64,R0lGODlhHAATANUpAAAAALWlUrWmUrWqWrWtWrWqY7WtY7WuY7Wqa7Wta7Wua7Wqc7Wtc7Wuc7Wqe7Wte7Wue//ve7WqhLWthLWuhLWyhLW1hP/vjP/zhP/3hP/3jP/zlP/3lP/3nP/3pf/zrf/3rf/7rf//rf/3tf/3vf/7vf//vf/7xv//xgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJDwApACwAAAAAHAATAAAGs0CAcEgsClPIpDJlbBaXSyFqOhmiqlIsAJqUTq9eLHXIZQJIaHQ1vVaToUKTfG4B0O3y+jEKGPn/Iw99foJ/gntdACCLjIuCjI+Ob0hCIpaXlwwAmZuWmohCHqKjpJqjpqKfW2Ydra6uCQCwsq2xoAAcubq5sbq9vJNmF8PEFwYAxMfJwWYazs/H0ADSiIkZ19cEANja3MyU297h2uPf4BHoAUMR6kLs5uBOTmXx8k/0KUEAACH5BAkPACkALAAAAAAcABMAAAa4QIBwCEgRj8WUcrlEOpHMqBBFnRBR1mk2GTUCqNVh+Isddr2kdDqrtrbNUoBpTrfI63eTXRgf+f8jDwCAgn+CfE0AIIuMi4KNj45wXiKVlpYMAJeZmHBCHqChopmjAKGZfEIdq6ysCQCtr66eABy2t7avuLq5k0IXwMEXBgDCxMHEiEpCGs3OxM4a0M3JXMsAGdnZBELa3N6TidoZ3N3k5uXWiRHsAUQR7kLw4UxP9spdTl5PZ0tBAAAh+QQJDwApACwAAAAAHAATAAAGwkCAcAhIEYvHlHK5PAqNziSzCUChJscrUfucQq1coRUrDnuFpDSJDFCT3cOp0ESnW+b1e9107yqFI4GCDwCCgYSGhH5CII2OIISPkACPikVQIpmamQwAmyKdm51PQh6mp6edqB6qqUcdsLGwCQCyHbSytKQAHL2+HLS/wLy+updCF8nKBgDKyczOzIsAGtXV0tYazNnSl38AGeEZBEPi5ODh597f5kTp5eNxcgAREQFH9kT5fkxRUFHyzkhJIsVLiiAAACH5BAkPACkALAAAAAAcABMAAAa8QIBwSBSmUsWjcllsGptLJgA1KVKtVWMUOb0OUV4hOAvYCkloMpqkTg+jQpPcZInP64A5/a0Ujv5/DwCAgYOEglpcIIuMgoyLjo+IZVwilpciDACYmZuYmk8AHqOko5qlHqeloEMdrq8dCQCwsbOwsqEcuruyu7q9vriUQhfFxQYAxsfJysiJQhrRGs7S09DSzpRHQhndBEPdGd/c3nx9AOXg4kTp2ucRAUXw8vGJUkRc+FBb+VpJ/e6iBAEAIfkECQ8AKQAsAAAAABwAEwAABrpAgHBIBKRSxaNyiSw6m0TmUoiaEKtFrFB6pGoBqC/4yxWSzlbAmZRWo4dSoWlusgDodTndvp0CRoCAD3+Bg4GCcEpCIIyNg40gj5CDfU0il5giDACZm5maiUIeo6Sjm6WnqHBCHa2uHQkAr7GvsKEAHLm6sbocvL2xlUIXxMQGAMUXx8nKiV0AGtEax9LTQtXHlc8Z3ARC3Bne393OigDk4+Lp5eYRAUTuRfHafk5RT1xQW0n6RvkpQQAAIfkEBQ8AKQAsAAAAABwAEwAABrxAgHBIBKSKqaRyeSw6nUym8HSSDKtErDCqnFKtgO9Va+QKSWgSBZBes9HushRQqtcr9Htev52P/oAOAIGDhH1dAB+Kix8QiYqOjI6HTSGWl5YLAJeamJqHQh6io6MNAKWnqH1CHa2urQgArrGvsaAAG7m6Gwq4ub27vZRCF8XGBQDHycqUTRrPzwcA0NLQGtLNTRjbGAMA3N7f2+FyS0IZ6OHpQ+vZSUIREQJD8kT17u9P+vj5+01DXJYEAQA7) no-repeat;
	z-index: 20
}

.roomBotRemove,
.roomBotSelect {
	left: 136px;
	width: 82px;
	z-index: 26;
	top: 0;
	height: 19px
}

.itemDual,
.itemDualP,
.itemWindT,
.itemNone,
.itemTeleport {
	width: 69px;
	height: 31px
}

.SideB .roomPlayerMobile {
	position: absolute;
	right: 100px;
	top: 88px
}

.SideA .roomPlayerBalloon {
	left: 55px;
	border: 1px solid #000;
	border-radius: 8px
}

.bg1 {
	background-color: #ffd!important;
	box-shadow: 0 0 8px 4px #f04
}

.bg2 {
	background-color: #efe!important;
	box-shadow: 0 0 8px 4px #4f4
}

.bg3 {
	background-color: #efe!important;
	box-shadow: 0 0 18px 8px #1F7CE6;

}

.SideB .roomPlayerBalloon {
	right: 55px;
	border: 1px solid #000;
	border-radius: 8px
}

#gameInput,
#roomInput {
	border: 0;
	background-color: transparent
}

.SideA .roomPlayerBalloonTip,
.SideB .roomPlayerBalloonTip {
	bottom: 48px;
	height: 8px;
	z-index: 34;
	position: absolute;
	display: none;
	width: 9px;
	opacity: .9
}

.roomBotSelect {
	position: absolute;
	background-position: 0 -279px;
	display: none
}

.HD .roomBotSelect {
	background-position: -751px -776px
}

.roomBotRemove {
	position: absolute;
	background-position: 0 -299px;
	display: none
}

.HD .roomBotRemove {
	background-position: -917px -776px
}

.GamePlayerBalloon a:link,
.MainTheme,
.roomPlayerBalloon a:link,
.t-wait {
	color: #00f
}

.GamePlayerBalloon a:visited,
.roomPlayerBalloon a:visited {
	color: purple
}

.SideA .roomPlayerBalloonTip {
	left: 80px;
	background-position: -837.5px -514.5px
}

.SideB .roomPlayerBalloonTip {
	right: 80px;
	background-position: -847.5px -514.5px
}

#playerInRoom0 {
	position: absolute;
	left: 5px;
	top: 113px
}

#playerInRoom2 {
	position: absolute;
	left: 5px;
	top: 210px
}

#playerInRoom4 {
	position: absolute;
	left: 5px;
	top: 307px
}

#playerInRoom6 {
	position: absolute;
	left: 5px;
	top: 404px
}

#playerInRoom1 {
	position: absolute;
	left: 336px;
	top: 113px
}

#playerInRoom3 {
	position: absolute;
	left: 336px;
	top: 210px
}

#playerInRoom5 {
	position: absolute;
	left: 336px;
	top: 307px
}

#playerInRoom7 {
	position: absolute;
	left: 336px;
	top: 404px
}

#room_timer {
	position: absolute;
	left: 261px;
	top: 386px;
	background-position: -127px -11px;
	width: 50px;
	height: 48px;
	display: none
}

#room_timer_text {
	text-align: center;
	width: 46px;
	margin-top: 19px;
	font-size: 14px;
	font-weight: 700;
	color: #b5d68c
}

#roomInput {
	left: 94px;
	top: 578px;
	width: 464px;
	font-size: 12px;
	color: #adf7f7;

}

#roomChat {
	position: absolute;
	left: 8px;
	top: 502px;
	width: 553px;
	height: 75px
}

#roomChatHtml {
	font-size: 12px;
	color: #b5efd6
}

#roomChat .viewport {
	width: 538px;
	height: 75px;
	overflow: hidden;
	position: relative
}

#roomChat .overview {
	position: absolute;
	left: 0;
	top: 0;
	width: 538px
}

#itemDual {
	left: 29px;
	top: 121px
}

#itemTeleport {
	left: 111px;
	top: 121px
}

.itemNone {
	background: rgba(150, 150, 150, .5)
}

.itemTeleport {
	background-position: -343px 0
}

#itemDualP {
	left: 29px;
	top: 158px
}
#itemWindT {
	left: 111px;
	top: 158px
}

.itemDualP {
	background-position: -69px 0
}

.HD .itemWindT {
    background-image: url(/static/images/items2.png);
    background-position: -172px 0px;
    background-size: auto;
}

.HD .itemDual {
	background-position: -480px -1382.5px
}

.HD .itemDualP {
	background-position: -480px -1414px
}

.HD .itemTeleport {
	background-position: -480px -1445.5px
}

.ItemBtn:active,
.light_button:active {
	margin: 1px 0 0 1px
}

.ItemBtn.Pressed {
	box-shadow: inset 0 0 3px 3px #0f0
}

#itemSlot1 {
	left: 35px;
	top: 0
}

#itemSlot2 {
	left: 70px;
	top: 0
}

#itemSlot3 {
	left: 105px;
	top: 0
}

#itemSlot4 {
	left: 140px;
	top: 0
}

#itemSlot5 {
	left: 175px;
	top: 0
}

#gameItemSlot0 {
    left: 257px;
    top: 5px;
}

#gameItemSlot1 {
	left: 326px;
	top: 7px
}

#gameItemSlot2 {
    left: 330px;
    top: 5px;
}

#gameItemSlot3 {
    left: 330px;
    top: 5px;
}

#gameItemSlot4 {
    left: 403px;
    top: 5px;
}

#gameItemSlot5 {
	left: 466px;
	top: 7px
}

/* DBLATINO - MODO NORMAL HD: climas en forma circular alrededor del medidor. */
#weatherSlot0 {
	left: 10px;
	top: 48px;
	height: 19px
}

#weatherSlot1 {
	left: 31px;
    top: 6px;
	height: 19px
}

#weatherSlot2 {
	left: 52px;
    top: 15px;
	height: 19px
}

#weatherSlot3 {
	left: 57px;
	top: 39px;
	height: 19px
}

#weatherSlot4 {
	left: 35px;
	top: 58px;
	height: 19px
}

.weather-0 {
	background-position: -321px -115px
}

.weather-1 {
	background-position: -461px -155px
}

.weather-2 {
	background-position: -341px -115px
}

.weather-3 {
	background-position: -361px -115px
}

.weather-4 {
	background-position: -381px -115px
}

.weather-5 {
	background-position: -401px -115px
}

.weather-6 {
	background-position: -421px -115px
}

.weather-7 {
	background-position: -441px -115px
}

.weather-8 {
	background-position: -461px -115px
}

.HD .weather-0 {
	background-position: -201.5px -1317px
}

.HD .weather-1 {
	background-position: -201.5px -1337.5px
}

.HD .weather-2 {
	background-position: -222px -1317px
}

.HD .weather-3 {
	background-position: -242.5px -1317px
}

.HD .weather-4 {
	background-position: -263px -1317px
}

.HD .weather-5 {
	background-position: -242.5px -1337.5px
}

.HD .weather-6 {
	background-position: -263px -1358px
}

.HD .weather-7 {
	background-position: -263px -1337.5px
}

.HD .weather-8 {
	background-position: -222px -1337.5px
}

.weather-12,
.HD .weather-12 {
	background-image: radial-gradient(circle at 35% 30%, #fff 0 8%, #6ff 18%, #8a4dff 58%, #111b48 100%) !important;
	background-position: center !important;
	background-size: 100% 100% !important;
	border: 1px solid rgba(160,255,250,.95);
	border-radius: 50%;
	box-sizing: border-box;
	color: #fff;
	font: 700 14px/17px Arial;
	text-align: center;
	text-shadow: 0 1px 2px #000, 0 0 5px #5ff;
	overflow: hidden
}

.weather-12::after,
.HD .weather-12::after {
	content: "?"
}

.weatherDiv {
	width: 128px;
	margin-left: -64px;
	height: 3050px;
	top: -1525px;
	animation: .5s linear infinite weatherMove
}

.weatherDiv3 {
	background-image: url(/static/images/sunforce.png)
}

.weatherDiv4 {
	background-image: url(/static/images/lightningforce.png)
}

.weatherDiv5 {
	background-image: url(/static/images/blackforce.png)
}

.weatherDiv6 {
	background-image: url(/static/images/randomforce.png);
	animation: 10s linear infinite weatherMove2
}

.weatherDiv7 {
	background-image: url(/static/images/mirrorforce.png);
	top: -600px
}

.weatherDiv8 {
	background-image: url(/static/images/tornado.png)
}

.weatherDiv12 {
	background-image: url(/static/images/randomhabilidad.png);
	background-repeat: repeat-y;
	background-position: center 0;
	background-size: 128px 512px;
	filter: drop-shadow(0 0 8px rgba(80,255,245,.8));
	animation: 8s linear infinite weatherMove2;
	opacity: .92
}

@keyframes weatherMove {
	12.5%,
	from {
		background-position-y: 0
	}
	12.501%,
	25% {
		background-position-y: -64px
	}
	25.001%,
	37.5% {
		background-position-y: -128px
	}
	37.501%,
	50% {
		background-position-y: -192px
	}
	50.001%,
	62.5% {
		background-position-y: -256px
	}
	62.501%,
	75% {
		background-position-y: -320px
	}
	75.001%,
	87.5% {
		background-position-y: -384px
	}
	100%,
	87.501% {
		background-position-y: -448px
	}
}

@keyframes weatherMove2 {
	from {
		background-position-y: 0
	}
	to {
		background-position-y: -512px
	}
}

.WeatherFall {
	top: 0;
	background: url(/static/images/weatherFall.gif) center top no-repeat;
	width: 80px;
	height: 25px;
	font-size: 10px;
	margin-left: -40px
}

#message_over_items {
    left: 260px;
    top: 5px;
	width: 209px;
	height: 31px;
	display: none
}

#message_over_items.items_locked {
	background-position: 0 -243px
}

#message_over_items.sudden_death {
	background-position: -210px -243px
}

.HD #message_over_items.items_locked {
	background-position: 0 -1451.5px
}

.HD #message_over_items.sudden_death {
	background-position: -210px -1451.5px
}

#gameScreen {
	display: none;
	width: 100%;
	height: 100%
}

#gameInput {
	left: 290px;
	bottom: 93px;
	width: 455px;
	color: #acf2f6;
	font-size: 12px;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

#gameInput:hover {

	background-color: rgba(0, 0, 255, .1)

}

#gameChat {
	left: 10px;
	top: 10px;
	width: 600px;
	height: 111px;
	color: #acf2f6;
	font-size: 12px
}

#gameChat .viewport {
	width: 576px;
	height: 111px;
	overflow: hidden;
	position: relative;
	direction: rtl
}

#gameChat .overview {
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 2px;
	width: 364px;
	direction: ltr
}

#gameChat .scrollbar {
	background-color: transparent;
	position: relative;
	float: left;
	width: 15px;
	padding-top: 11px
}

.overview {
	padding-top: 2px;
	padding-bottom: 1px
}

#gameui {
	left: 0;
	top: 516px;
	width: 800px;
	height: 85px;
	background-position: 0 -29px
}

.HD #gameui {
	background-position: 0 -1231.5px
}

#powerBar {
	bottom: 17px;
	height: 19px;
	background-color: #de1821;
	background-position: 0 -223px
}

.HD #powerBar {
	background-position: 0 -1422.5px
}

#walkBar {
	bottom: 6px;
	height: 9px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAJCAIAAAB8JNGzAAAAB3RJTUUH3gQLEAQia0vRrgAAAAlwSFlzAAAnEAAAJxABlGlRGQAAAARnQU1BAACxjwv8YQUAAAAdSURBVHjaY+hZeo6JgYGB6f7zH2AaGb9/fx9EAwCckQeLx8doUQAAAABJRU5ErkJggg==) repeat-x #6b8cc6
}

.HD #walkBar {
	background-position: 0 -1442px
}

#powerMarkArea {
	left: 241px;
	bottom: 0;
	width: 400px;
	height: 38px
}

#powerMark {
	left: 200px;
	width: 11px;
	height: 23px;
	margin-left: -6px;
	background-position: -294px -166px
}

.HD #powerMark {
	background-position: -263px -1378.5px
}

#turn_timer {
	top: 0;
	left: 675px;
	background-image: url("/static/images/turn_timer.png");
	background-position: 0 -1900px;
	width: 125px;
	height: 100px;
	display: none;
	-webkit-transition: background-position .2s linear;
	transition: background-position .2s linear
}

#game_back {
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden
}

#game_front {
	width: 0;
	height: 100%;
	z-index: 2
}

#revive_hand {
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	background: rgba(255, 0, 0, .5);
	border-radius: 50px;
	border: 2px solid #000
}

#revive_hand.CanRevive {
	background: rgba(0, 255, 0, .5)
}

#wind_meter2 {
	top: -26px;
	left: 334px;
	opacity: .8!important;
	transform-origin: 50% 50%;
	transform: scale(.5)
}

#game_over,
.Player {
	-webkit-transform: translate3d(0, 0, 0);
	display: none
}

.Player {
	width: 160px
}

.ColorTeamA {
	color: #ff9e6b;
	text-shadow: #734529 -1px 0 1px, #734529 0 1px 1px, #734529 1px 0 1px, #734529 0 -1px 1px
}

.ColorTeamB {
	color: #bdcfcf;
	text-shadow: #394d6b -1px 0 1px, #394d6b 0 1px 1px, #394d6b 1px 0 1px, #394d6b 0 -1px 1px
}

.PlayerRank {
	top: 17px;
	left: -40px;
	width: 25px;
	height: 15px
}

.ReduecdDef {
	top: -6px;
	left: 30px;
	font-size: 11px;
	color: #9cffde;
	text-shadow: #06f -1px 0 1px, #06f 0 1px 1px, #06f 1px 0 1px, #06f 0 -1px 1px
}

.PlayerHPBox {
	top: 10px;
	left: -40px;
	width: 76px;
	height: 3px;
	border: 1px solid #fff;
	background-color: #292c29;
	z-index: 1
}

.PlayerHP,
.PlayerShield {
	left: 0;
	height: 3px;
	position: absolute;
	top: 0
}

.PlayerHP {
	background-color: #63b64a;
	width: 76px
}

.PlayerShield {
	background-color: #00f;
	width: 0
}

.PlayerAimCircle {
	position: absolute;
	margin-left: -43px;
	margin-top: -43px
}

.GamePlayerBalloon {
	position: absolute;
	left: -20px;
	bottom: 77px;
	background-color: #fff;
	min-width: 24px;
	max-width: 160px;
	border: 1px solid #000;
	color: #000;
	border-radius: 8px;
	padding: 5px;
	opacity: 0;
	font-size: 11px;
	word-wrap: break-word
}

#new_img,
.Turn {
	left: -16px;
	display: none
}

.Turn {
	position: absolute;
	bottom: 100px;
	width: 32px;
	height: 29px
}

#btnEsc,
#btnPass,
.DamageDigit {
	height: 21px;
	position: absolute
}

.TurnAnim {
	-webkit-animation: 1s linear infinite alternate move;
	-moz-animation: 1s linear infinite alternate move;
	animation: 1s linear infinite alternate move
}

@keyframes dmgFly {
	from {
		top: 0;
		opacity: 1
	}
	10%,
	40% {
		top: -30px;
		opacity: 1
	}
	to {
		top: -30px;
		opacity: 0
	}
}

.DamageEffect {
	position: absolute;
	z-index: 150
}

.DamageDigit {
	width: 20px;
	animation: 5s linear forwards dmgFly
}

.DamageDigitRed0 {
	background-position: -572px -199px
}

.DamageDigitRed1 {
	background-position: -593px -199px
}

.DamageDigitRed2 {
	background-position: -614px -199px
}

.DamageDigitRed3 {
	background-position: -635px -199px
}

.DamageDigitRed4 {
	background-position: -656px -199px
}

.DamageDigitRed5 {
	background-position: -677px -199px
}

.DamageDigitRed6 {
	background-position: -698px -199px
}

.DamageDigitRed7 {
	background-position: -719px -199px
}

.DamageDigitRed8 {
	background-position: -740px -199px
}

.DamageDigitRed9 {
	background-position: -761px -199px
}

.DamageDigitRed- {
	background-position: -782px -199px
}

.DamageDigitBlue0 {
	background-position: -572px -221px
}

.DamageDigitBlue1 {
	background-position: -593px -221px
}

.DamageDigitBlue2 {
	background-position: -614px -221px
}

.DamageDigitBlue3 {
	background-position: -635px -221px
}

.DamageDigitBlue4 {
	background-position: -656px -221px
}

.DamageDigitBlue5 {
	background-position: -677px -221px
}

.DamageDigitBlue6 {
	background-position: -698px -221px
}

.DamageDigitBlue7 {
	background-position: -719px -221px
}

.DamageDigitBlue8 {
	background-position: -740px -221px
}

.DamageDigitBlue9 {
	background-position: -761px -221px
}

.DamageDigitBlue- {
	background-position: -782px -221px
}

.DamageDigitBlueP {
	background-position: -782px -176px
}

.DamageDigitGreen0 {
	background-position: -572px -243px
}

.DamageDigitGreen1 {
	background-position: -593px -243px
}

.DamageDigitGreen2 {
	background-position: -614px -243px
}

.DamageDigitGreen3 {
	background-position: -635px -243px
}

.DamageDigitGreen4 {
	background-position: -656px -243px
}

.DamageDigitGreen5 {
	background-position: -677px -243px
}

.DamageDigitGreen6 {
	background-position: -698px -243px
}

.DamageDigitGreen7 {
	background-position: -719px -243px
}

.DamageDigitGreen8 {
	background-position: -740px -243px
}

.DamageDigitGreen9 {
	background-position: -761px -243px
}

.DamageDigitGreenP {
	background-position: -782px -243px
}

#ss_shot_background {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .8;
	display: none
}

#ss_shot_background.sudden_death {
	background-color: #060;
	opacity: .5
}

.UIGoldDigit {
	background-position: -801px 0;
	width: 13px;
	height: 13px;
	position: absolute;
	top: 66px;
	transition: 1s ease-in-out
}

#btnShot1,
#btnShot2,
#btnShotSS,
.imgS1 {
	width: 35px;
	height: 35px
}

#btnLeft,
#btnRight {
	width: 70px;
	position: absolute;
	opacity: .4;
	top: 100px
}

.UIGoldDigit.NoTransition {
	transition: none
}

.HD .UIGoldDigit {
	background-position: -981px -319px
}

#UIGoldDigit0 {
    left: 615px;
    top: 22px;
}

#UIGoldDigit1 {
	left: 600px;
	top: 22px;

}

#UIGoldDigit2 {
	left: 585px;
	top: 22px;
}

#UIGoldDigit3 {
	left: 570px;
	top: 22px;
}

#UIGoldDigit4 {
	left: 555px;
	top: 22px;
}

#btnShot1 {
	position: absolute;
    left: 95px;
    top: 3px;
}

#btnShot1,
.imgS1 {
	background-position: 0 -115px
}

#scores_lose_a,
#scores_lose_b {
	top: 24px;
	background-position: -200px -708px;
	width: 200px;
	height: 64px
}

#btnShot1:hover {
	background-position: -36px -115px
}

#btnShot1:active {
	background-position: -72px -115px!important
}

#btnShot1.Pressed {
	background-position: -108px -115px
}

.HD #btnShot1,
.HD .imgS1 {
	background-position: 0 -1316px
}

.HD #btnShot1:hover {
	background-position: -35.5px -1316px
}

.HD #btnShot1:active {
	background-position: -71px -1316px!important
}

.HD #btnShot1.Pressed {
	background-position: -106.5px -1316px
}

#btnShot2 {
	position: absolute;
    left: 138px;
    top: 3px;
	background-position: 0 -151px
}

#btnShot2:hover {
	background-position: -36px -151px
}

#btnShot2:active {
	background-position: -72px -151px!important
}

#btnShot2.Pressed {
	background-position: -108px -151px
}

.HD #btnShot2 {
	background-position: 0 -1351.5px
}

.HD #btnShot2:hover {
	background-position: -35.5px -1351.5px
}

.HD #btnShot2:active {
	background-position: -71px -1351.5px!important
}

.HD #btnShot2.Pressed {
	background-position: -106.5px -1351.5px
}

#btnShotSS {
	position: absolute;
    left: 180px;
    top: 3px;
	background-position: 0 -187px
}

#btnShotSS:hover {
	background-position: -36px -187px
}

#btnShotSS:active {
	background-position: -72px -187px!important
}

#btnShotSS.Pressed {
	background-position: -108px -187px
}

.HD #btnShotSS {
	background-position: 0 -1387px
}

.HD #btnShotSS:hover {
	background-position: -35.5px -1387px
}

.HD #btnShotSS:active {
	background-position: -71px -1387px!important
}

.HD #btnShotSS.Pressed {
	background-position: -106.5px -1387px
}

#btnPass {
	left: 670px;
	background-position: -144px -115px
}

.HD #btnPass {
	background-position: -142px -1316px
}

#btnEsc {
	left: 734px;
	background-position: -144px -137px
}

.HD #btnEsc {
	background-position: -142px -1337.5px
}

#btnFriends {
	position: absolute;
	left: 600px;
	opacity: .5;
	font-size: 10px
}

#btnDownloadMap {
	position: absolute;
	left: 522px;
	opacity: .5;
	font-size: 10px
}

#touch_ui {
	position: absolute;
	left: 430px;
	width: 350px;
	height: 350px;
	display: none;
	z-index: 5
}

#btnShoot {
	position: absolute;
	left: 100px;
	top: 100px;
	background: url(/static/images/touch_ui.png) -100px -100px no-repeat;
	opacity: .4
}

#btnDown:hover,
#btnLeft:hover,
#btnRight:hover,
#btnShoot:hover,
#btnUp:hover {
	opacity: .6
}

#btnDown.active,
#btnLeft.active,
#btnRight.active,
#btnShoot:active,
#btnUp.active {
	opacity: .8
}

#btnLeft {
	left: 100px;
	background: url(/static/images/touch_ui.png) 0 -100px no-repeat
}

#btnRight {
	left: 280px;
	background: url(/static/images/touch_ui.png) -280px -100px no-repeat
}

#btnUp {
	position: absolute;
	top: 0;
	background: url(/static/images/touch_ui.png) -100px 0 no-repeat
}

#btnDown {
	position: absolute;
	top: 280px;
	background: url(/static/images/touch_ui.png) -100px -280px no-repeat
}

#last_power_mark {
	position: absolute;
	left: 240px;
	top: 67px;
	margin-left: -4px;
	background-position: -294px -159px;
	width: 9px;
	height: 6px;
	transition: left 1s ease-out;
	z-index: 1
}

.HD #last_power_mark {
	background-position: -221px -1413px
}

#all_chat {
	position: absolute;
	height: 25px;
	background-position: -265px -197px
}

.HD #all_chat {
	background-position: -199px -1360px
}

#team_chat {
	position: absolute;
	height: 25px;
	background-position: -233px -197px;
	display: none;
	-webkit-transition: .15s ease-in-out;
	transition: .15s ease-in-out
}

#help_btn,
.dnd_btn {
	width: 25px;
	height: 25px;
	border-radius: 15px;
	text-align: center
}

.HD #team_chat {
	background-position: -199px -1386.5px
}

.rankEffect {
    position: absolute;
    width: 25px;
    height: 15px;
    background-size: cover;
    background-image: url(/static/images/rank_effect.webp);
}

#team_chat:hover {
	box-shadow: 0 0 10px 10px #ff0
}

#team_chat:active,
.dnd_btn.on:active {
	box-shadow: 0 0 10px 10px #0f0
}

#help_btn {
	position: absolute;
	left: 215px;
	top: -31px;
	font-size: 24px;
	background: rgba(255, 255, 0, .3);
	display: none
}

#game_dnd_btn {
	position: absolute;
	left: 215px;
	top: -59px;
	display: none !important;
}

#friends_list_dnd_btn {
	position: absolute;
	left: 163px;
	top: 6px
}

.dnd_btn {
	font-size: 14px;
	background: rgba(0, 255, 0, .3);
	color: #0f0;
	line-height: 24px
}

.score,
.score_me {
	width: 380px;
	position: absolute
}

.dnd_btn.on {
	background: rgba(255, 0, 0, .3);
	color: #f93;
	font-size: 10px;
	line-height: 22px
}

.pmsOnHold {
	position: absolute;
	top: -4px;
	right: 0;
	background-color: #fa3e3e;
	border-radius: 3px;
	color: #fff;
	padding: 1px 2px;
	line-height: 9px;
	font-size: 9px;
	display: none
}

.score_bonus_gold,
.score_bonus_gp,
.score_gold,
.score_cash,
.score_gp,
.score_name {
	font-size: 11px;
	position: absolute;
	font-weight: 700
}

.glow_button2:hover,
.glow_button:hover,
.glow_button_anim:hover {
	box-shadow: 0 0 10px 10px #ff0!important
}

.glow_button2:active,
.glow_button:active,
.glow_button_anim:active {
	box-shadow: 0 0 10px 10px #9f9!important
}

.glow_button_anim {
	-webkit-transition: box-shadow .15s ease-in-out;
	-moz-transition: box-shadow .15s ease-in-out;
	transition: box-shadow .15s ease-in-out;
	cursor: pointer
}

.glow_button2 {
	cursor: pointer;
	border-radius: 15px
}

#game_over {
	position: absolute;
	left: 0;
	top: 0
}

#scores_lose_a {
	position: absolute;
	left: 115px
}

#scores_lose_b {
	position: absolute;
	left: 485px
}

#scores_lose_a.win,
#scores_lose_b.win {
	background-position: 0 -708px
}

.HD #scores_lose_a,
.HD #scores_lose_b {
	background-position: -550.5px -1441px;
	width: 194px;
	height: 57px;
	top: 32px
}

.HD #scores_lose_a.win,
.HD #scores_lose_b.win {
	background-position-y: -1382.5px
}

.score {
	background-position: 0 -601px;
	height: 106px;
	display: none
}

.HD .score {
	background-position: -746px -1338.5px;
	width: 254px;
	height: 79px
}

.HD #score0,
.HD #score2,
.HD #score4,
.HD #score6 {
	left: 126px
}

.HD #score1,
.HD #score3,
.HD #score5,
.HD #score7 {
	left: 421px
}

.score_me {
	left: 0;
	top: 0;
	background-position: -381px -601px;
	height: 106px
}

.HD .score_me {
	background-position: -746px -1419px;
	width: 254px;
	height: 79px
}

.score_rank {
	position: absolute;
	left: 145px;
	top: 10px;
	width: 25px;
	height: 15px
}

.HD .score_rank {
	left: 19px
}

.score_name {
	left: 140px;
	top: 7px;
	width: 300px;
	color: #ffca41
}

.score_gold,
.score_gp {
	top: 33px
}

.score_cash{
	top: 22px
}

.HD .score_name,
.stat_digit1 {
	left: 15px
}

.score_gp {
	left: 140px;
	color: #fff
}

.HD .score_gp {
	left: 17px
}

.score_gold {
	left: 190px;
	color: #ffd273
}

.score_cash {
	left: 190px;
	color: #389CF3;
}

.HD .score_cash {
	left: 64px
}

.HD .score_gold {
	left: 64px
}

.score_bonus_gp {
	left: 285px;
	top: 29px;
	color: #f4c
}

.HD .score_bonus_gold,
.HD .score_bonus_gp {
	left: 159px
}

.score_bonus_gold {
	left: 285px;
	top: 43px;
	color: #f96
}

.score_season_bonus {
	position: absolute;
	right: 10px;
	top: 70px;
	padding: 1px 5px;
	border: 1px solid rgba(197, 255, 120, .9);
	border-radius: 4px;

	color: #e7ffbd;
	font-size: 10px;
	font-weight: 700;
	line-height: 13px;
	display: none;
	white-space: nowrap;
	pointer-events: none
}

.HD .score_season_bonus {
	right: 33px;
	top: 56px;
	font-size: 9px;
	line-height: 11px
}

.score_state {
	position: absolute;
	color: #f09;
	font-size: 38px;
	font-weight: 700
}

.score_state_computer {
	left: 148px;
	top: 20px;
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	transform: rotate(-20deg)
}

.HD .score_state_computer {
	left: 22px
}

.score_state_left {
	left: 214px;
	top: 23px;
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	transform: rotate(-20deg)
}

.HD .score_state_left {
	left: 88px
}

.score_state_rankup {
	left: 160px;
	top: 40px
}

.HD .score_state_rankup {
	left: 34px
}

.score_mvp {
	position: absolute;
	left: 170px;
	top: 46px;
	color: #ff0;
	text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000, 0 0 10px #ff0, 0 0 10px #ff0;
	display: none;
	background: url(/static/images/mvp22.png) 0 0/cover;
	width: 61px;
	height: 25px
}

.score_tasa {
	position: absolute;
	left: 170px;
	top: 46px;
	color: #ff0;
	text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000, 0 0 10px #ff0, 0 0 10px #ff0;
	display: none;
	background: url(/static/images/cafecito.png) 0 0/cover;
	width: 61px;
	height: 25px
}

#game_click_to_revive,
#game_replay,
#loginTitle,
#registerTitle,
.AlertBoxTitle {
	text-shadow: #000 -2px 0 4px, #000 0 2px 4px, #000 2px 0 4px, #000 0 -2px 4px, #000 -1px 0 1px, #000 0 1px 1px, #000 1px 0 1px, #000 0 -1px 1px
}

.HD .score_mvp {
	left: 43px
}
.HD .score_tasa {
	left: 110px
}

#turns_list {
	position: absolute;
	left: 2px;
	bottom: 86px;
	width: 200px;
	border: 1px solid #000;
	padding-bottom: 1px;
	overflow: hidden;
	transform: translateZ(0)
}

#ConnectWithGumbao,
#ConnectWithPassword {
	left: 26px;
	width: 194px;
	border-radius: 2px;
	height: 25px
}

.turn_list_title {
	color: #fff;
	font-size: 11px;
	padding-bottom: 2px
}

.turn_line {
	position: relative;
	height: 15px;
	display: none;
	margin-left: 3px;
	margin-right: 2px
}

.turn_line_name,
.turn_line_number,
.turn_line_rank {
	position: absolute;
	height: 15px
}

.turn_line_number {
	top: 0;
	left: 0;
	width: 11px
}

.turn_line_number0 {
	background-position: -572px -183px
}

.turn_line_number1 {
	background-position: -584px -183px
}

.turn_line_number2 {
	background-position: -596px -183px
}

.turn_line_number3 {
	background-position: -608px -183px
}

.turn_line_number4 {
	background-position: -620px -183px
}

.turn_line_number5 {
	background-position: -632px -183px
}

.turn_line_number6 {
	background-position: -644px -183px
}

.turn_line_number7 {
	background-position: -656px -183px
}

.HD .turn_line_number0 {
	background-position: -371px -1389px
}

.HD .turn_line_number1 {
	background-position: -382.5px -1389px
}

.HD .turn_line_number2 {
	background-position: -394px -1389px
}

.HD .turn_line_number3 {
	background-position: -405.5px -1389px
}

.HD .turn_line_number4 {
	background-position: -417px -1389px
}

.HD .turn_line_number5 {
	background-position: -428.5px -1389px
}

.HD .turn_line_number6 {
	background-position: -440px -1389px
}

.HD .turn_line_number7 {
	background-position: -451.5px -1389px
}

.turn_line_number_a {
	background-color: #f7a539
}

.turn_line_number_b {
	background-color: #8cb5de
}

.turn_line_rank {
	left: 13px;
	top: 0;
	width: 25px
}

.turn_line_name {
	left: 40px;
	top: 2px;
	margin-left: 1px;
	width: 121px;
	color: #ffca41;
	font-size: 12px
}

.turn_line_name_a {
	color: #f7a539
}

.turn_line_name_b {
	color: #8cb5de
}

.AlertBoxContent,
.AlertBoxTitle,
.turn_line_delay {
	position: absolute;
	color: #fff
}

.turn_line_delay {
	right: 1px;
	top: 2px;
	font-size: 10px
}

.turn_line_me {
	background-color: rgba(148, 140, 132, .75)
}

.AlertBoxBackground {
	position: absolute;
	width: 800px;
	height: 600px;
	background-color: #000;
	opacity: .5;
	z-index: 997
}

#ConnectWithPassword:hover,
#FullScreenButton:hover,
.AlertBox {
	opacity: 1
}

.AlertBox {
	position: absolute;
	left: 235px;
	top: 165px;
	width: 300px;
	height: 176px;
	z-index: 999;
	background-position: 0 0
}

.HD .AlertBox {
	background-position: -680px -318px;
	background-size: 1000px 1500px
}

.AlertBoxTitle {
	left: 23px;
	top: 8px;
	font-size: 16px
}

.AlertBoxContent {
	left: 0;
	top: 45px;
	padding-left: 30px;
	padding-right: 45px;
	font-size: 12px;
	z-index: 2
}

.AlertBoxCancel,
.AlertBoxOK {
	z-index: 3;
	position: absolute;
	bottom: -7px;
	display: none
}

.AlertBoxOK {
	right: -30px
}

.AlertBoxCancel {
	left: -37px
}

.GOption,
.GOption2,
.InlineRank,
.ShareButton,
.ShareGameBtn,
.cancelwait,
.ranking_btn {
	display: inline-block
}

.AlertBold {
	color: #f90
}

.HD #DragonDialogOK,
.HD #RoomOptionsOK,
.HD #dialogCreateRoomButtonOK,
.HD #dialogGiftOK,
.HD #dialog_change_name_ok,
.HD #dialog_change_title_ok,
.HD #dialog_join_room_ok,
.HD #roomMobileSelectCancel {
	right: 10px;
	bottom: 7px
}

.HD #DragonDialogCancel,
.HD #RoomOptionsCancel,
.HD #dialogCreateRoomButtonCancel,
.HD #dialogGiftCancel,
.HD #dialog_change_name_cancel,
.HD #dialog_change_title_cancel,
.HD #dialog_join_room_cancel {
	left: 10px;
	bottom: 7px
}

#DragonDesignerOK {
	position: absolute;
	right: 8px;
	top: 32px;
	z-index: 9
}

#DragonDesignerTypeAnimation {
	margin-top: 2px;
	margin-left: -22px;
	width: 273px;
	height: 81px;
	font-size: 9px
}

#ConnectWithFacebook {
	position: absolute;
	left: 58px;
	top: 68px;

}

#ConnectWithPassword {
	position: absolute;
	top: 400px;
	background-position: 0 -444px;
	opacity: .4
}

#ConnectWithGumbao {
	position: absolute;
	top: 70px;
	background: url("/static/images/login_with_Gumbao.png")
}

.loginBtnInfo {
	position: relative;
	left: 197px;
	top: 6px;
	color: #fff;
	font-size: 10px
}

#NewUser1 {
	position: absolute;
	left: -189px;
	top: -42px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48dGl0bGU+TGF5ZXIgMTwvdGl0bGU+PHBhdGggc3Ryb2tlPSIjMDAwMDAwIiBmaWxsPSIjZmZmZjAwIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lam9pbj0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIGQ9Im0zLjMgMTAwLjdsOTUuMy05NS44IDk1LjMgOTUuOCAtNDcuNyAwIDAgOTYuMyAtOTUuMyAwIDAtOTYuMyAtNDcuNyAwIDAgMHoiIHRyYW5zZm9ybT0icm90YXRlKDg5LjgyNjkgOTguNjEwNiAxMDAuOTM1KSIvPjwvc3ZnPg==);
	width: 200px;
	height: 200px
}

#NewUser1Text {
	position: relative;
	left: 20px;
	top: 65px;
	font-size: 20px;
	line-height: 30px
}

#NewUser2 {
	position: absolute;
	top: -29px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48c3R5bGU+LmF7ZmlsbDojZmYwO3N0cm9rZTojMDAwO3N0cm9rZS1saW5lY2FwOnVuZGVmaW5lZDtzdHJva2UtbGluZWpvaW46dW5kZWZpbmVkO3N0cm9rZS13aWR0aDo1O3N0cm9rZS1kYXNoYXJyYXk6MH08L3N0eWxlPjxwYXRoIGNsYXNzPSJhIiBkPSJtNzcuOCAxNDYuNGwtMC4xLTM1LjUtNzIuMiAwLjItMC4yLTcwLjkgNzIuMi0wLjItMC4xLTM1LjUgNzIgNzAuNy03MS42IDcxLjF6Ii8+PC9zdmc+);
	animation: 1s ease-in-out infinite alternate moveLeftRight_anim
}

#NewUser2Text {
	position: absolute;
	left: 6px;
	top: 49px;
	font-size: 14px;
	font-family: cursive;
	width: 118px
}

#BrokerHelp {
	position: absolute;
	display: none
}

@keyframes moveLeftRight_anim {
	from {
		left: 200px
	}
	to {
		left: 150px
	}
}

@keyframes huerotate {
	from {
		filter: hue-rotate(0)
	}
	to {
		filter: hue-rotate(360deg)
	}
}

#ranking_panel {
	position: fixed;
	left: -330px;
	top: 0;
	height: 100%;
	width: 300px;
	color: #fff;
	font-size: 12px;
	z-index: 101;
	background: rgba(0, 0, 0, .4);
	transition: left .25s ease-in-out
}

#ranking_panel td {
	vertical-align: middle;
	height: 15px;
	padding: 1px 3px;
	white-space: nowrap;
	overflow: hidden
}

#ranking_title {
	font-weight: 700;
	text-align: center;
	font-size: 13px
}

#CollectStars,
#RoomOptionsAvatars,
#RoomOptionsMapName,
#RoomOptionsMode,
#RoomOptionsWind,
#gp_rate,
#gp_team_a,
#gp_team_b,
#infoRelationBonus,
#ranking_title2,
.Center,
.ContactFB,
.Nav,
.alertify-inner,
.buy_option,
.howto1,
.myInfoRelText {
	text-align: center
}

#ranking_btns {
	padding-left: 3px
}

.ranking_btn {
	background-color: #0d4eb1;
	padding: 3px 6px;
	margin: 3px 0;
	border-radius: 5px;
	font-size: 12px;
	border: 1px solid #000
}

.howto3,
.howto4 {
	margin-right: 10px
}

.ranking_btn:hover {
	background-color: #003899;
	cursor: pointer
}

.ranking_btn:active {
	border: 1px solid #fff;
	background-color: #8dc
}

.ranking_btn.selected {
	border: 1px solid #fff;
	background-color: rgb(0, 68, 110)
}

.ranking_me {
	background-color: #789
}

.ranking_gp,
.ranking_num {
	width: 1px;
	text-align: right
}

.ranking_rank {
	width: 1px
}

.ranking_name {
	max-width: 100px
}

#ranking_data2 {
	clear: both;
	height: calc(100% - 89px);
	overflow: auto;
	direction: rtl;
	text-align: left
}

#ReplayPanel2,
#ranking_data {
	direction: ltr;
	text-align: left
}

#ranking_home {
	direction: ltr;
	text-align: left;
	height: 100%
}

#next_avatar_line,
#ranking_data table,
#show_more_friends_button,
.slidecontainer,
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%
}

#room_avatars,
#room_game_mode,
#room_turn_time,
#room_wind {
	width: 100px;
	text-align: center
}

#ShareURL,
#changeNameDiv {
	width: 265px
}

#myGFPhotoDiv,
#myPhotoDiv,
#notificationBtn {
	width: 35px;
	height: 35px
}

#ranking_panel_open {
	font-size: 11px;
	line-height: 8px;
	color: #d3d3d3;
	position: absolute;
	top: 50%;
	margin-top: -36px;
	width: 72px;
	height: 10px;
	background: rgba(100, 100, 100, .5);
	text-align: center;
	padding-top: 3px;
	z-index: 102;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	-o-transform-origin: left bottom;
	transform-origin: left bottom;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	transition: left .25s ease-in-out
}

@media(min-height:700px) and (min-width:1100px) {
	#ranking_panel_open {
		font-size: 13px;
		line-height: 11px;
		margin-top: -50px;
		width: 100px;
		height: 13px;
		background: rgba(100, 100, 100, .5);
		text-align: center;
		padding-top: 2px
	}
}

#ranking_panel_open:active {
	margin-left: 0;
	filter: brightness(1.6)
}

#dialog_change_name_ok {
	position: absolute;
	right: -35px;
	bottom: -7px
}

#dialog_change_name_cancel {
	position: absolute;
	left: -42px;
	bottom: -7px
}

#myInfoProfile {
	position: absolute;
	color: inherit;
	left: 10px;
	top: 55px;
	line-height: 5px;
	font-size: 7px;
	font-weight: 400
}

#room_avatars,
#room_wind {
	position: absolute;
	color: red;
	font-weight: 600;
	left: 390px
}

#dialogGiftOK,
#dialog_change_title_ok,
#dialog_join_room_ok {
	position: absolute;
	right: -31px;
	bottom: -7px
}

#dialogGiftCancel,
#dialog_change_title_cancel,
#dialog_join_room_cancel {
	position: absolute;
	left: -38px;
	bottom: -7px
}

#join_room_input {
	margin-left: 8px;
	width: 125px
}

#join_password_input {
	width: 125px
}

.input_field {
	background-color: #524a7b;
	color: #acf2f6;
	padding: 1px 3px
}

#dialogGift {
	display: none;
	position: absolute;
	z-index: 44
}

#dialogGift .AlertBox {
	top: 130px;
	left: 307px
}

#giftUsername {
	width: 110px
}

#giftMessage {
	width: 200px
}

#dialogGiftBuyRoom {
	position: absolute;
	top: -10px;
	right: 10px;
	text-align: right
}

.BuyRoom {
	color: #0ff;
	background: #00f
}

#ground_canvas {
	position: absolute;
	width: 1409px;
	height: 760px
}

#game_click_to_revive,
#game_replay {
	position: absolute;
	top: 400px;
	font-size: 36px;
	color: #fff;
	display: none;
	width: 800px;
	text-align: center;
	pointer-events: none
}

#revive_panel {
	position: absolute;
	background: rgba(0, 0, 255, .2)
}

/* NATIVE_THOR_LASER v1: ancla antigua oculta; el haz tiene su propio canvas. */
#thor_laser {
	display: none !important;
	background: none;
	pointer-events: none
}

canvas.NativeThorLaser {
	position: absolute;
	pointer-events: none;
	transform-origin: 0 50%;
	image-rendering: auto;
	mix-blend-mode: screen;
	mix-blend-mode: plus-lighter
}

#thor_lvl {
	position: absolute;
	right: -70px;
	top: 30px;
	color: #f73918;
	font-size: 14px
}

#thor_damage {
	position: absolute;
	right: -70px;
	top: 47px;
	color: #ff5a42;
	font-size: 12px
}

.lightning {
	position: absolute;
	width: 64px;
	height: 1024px;
	margin-left: -32px;
	margin-top: -1024px;
	background: url(/static/images/lightnings.png) repeat-y
}

.lightning2,
.ui-icon-carat-1-s {
	background-position: -64px 0
}

.lightning3,
.ui-icon-carat-2-n-s {
	background-position: -128px 0
}

.lightning4 {
	background-position: -192px 0
}

#room_game_mode {
	position: absolute;
	top: 29px;
	left: 389px
}

#room_players {
	position: absolute;
	left: 381px;
	top: 43px;
	width: 115px;
	color: #ff6;
	text-align: center
}

#room_avatars {
	top: 58px;
	font-size: 12px
}

#shopSetBonusActiveText {
    position: absolute;
    right: 612px;
    top: 13px;
    z-index: 12;
    font-size: 10px;
    color: peachpuff;
}

#room_wind {
	top: 73px;
	font-size: 12px
}

#room_turn_time,
#room_turn_time_text,
.shop_item_timer {
	font-weight: 700;
	position: absolute
}

#room_turn_time_text {
	right: 425px;
	top: 83px
}

#room_turn_time {
	left: 390px;
	top: 87px;
	color: #fff;
	font-size: 12px
}

#room_change_title_button {
	position: absolute;
	left: 16px;
	top: 3px;
	width: 15px;
	height: 15px;
	background-position: -85px -9px
}

.HD #room_change_title_button {
	background-position: -857px -507.5px
}

#room_options_button {
	position: absolute;
	left: 507px;
	top: 26px;
	width: 55px;
	height: 83px;
	background-position: -178px -11px
}

.HD #room_options_button {
	background-position: -927.5px -532.5px
}

#room_map {
	position: absolute;
	left: 14px;
	top: 55px;
	width: 213px;
	height: 49px
}

.room_map_fix {
	left: 37px!important;
	top: 37px!important
}

.room_options_button_fix {
	top: 15px!important
}

.light_button.roomExtraInfo {
	filter: brightness(1)
}

.light_button.grayscale:active,
.light_button.grayscale:hover {
	filter: grayscale(100%) brightness(1.3)
}

.opacityButton2:hover,
.opacity_button:hover {
	opacity: .5;
	cursor: pointer
}

.ShopSetLoad.Disabled,
.ShopSetInfo.Disabled {
    display: none;
    opacity: .2
}

.shopSetNameInput {
    position: absolute;
    left: 36px;
    top: 4px;
    font-size: 10px;
    width: 126px
}

.ShopSetInfo {
    position: absolute;
    font-size: 10px;
    left: 95px;
    top: 18px
}

.ShopSetSave {
    position: absolute;
    font-size: 10px;
    left: 45px;
    top: 18px
}

.shopSetNameOK {
    position: absolute;
    left: 175px;
    top: 5px;
    font-size: 16px
}

.shopSetNameCancel {
    position: absolute;
    left: 9px;
    top: 5px;
    font-size: 16px
}

.opacity_button:active {
	margin: 1px 0 0 1px;
	opacity: .5;
	cursor: pointer
}

.opacity_button.noOpacity {
	opacity: 1!important
}

.opacityButton2:active {
	opacity: .5;
	filter: brightness(1.5);
	cursor: pointer
}

#slice_drag_button {
	position: absolute;
	left: 207px;
	top: 42px;
	width: 30px;
	height: 30px;
	background-position: -231px -159px
}

#slice_drag_button.drag {
	background-position: -262px -159px;
	width: 31px
}

.HD #slice_drag_button {
	background-position: -231.5px -1358px
}

.HD #slice_drag_button.drag {
	background-position: -231.5px -1389.5px;
	width: 30px
}

#map_bg {
	position: absolute;
	display: none
}

.shot_img {
	background: url(/static/images/shots.png) no-repeat
}

.shot_img_0 {
	background-position: 0 0;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	margin-top: -15px
}

.shot_img_1 {
	background-position: 0 -30px;
	width: 38px;
	height: 18px;
	margin-left: -19px;
	margin-top: -9px
}

.shot_img_2,
.shot_img_3 {
	height: 27px;
	margin-top: -13px
}

.ContactName,
.ContactTitle {
	margin-top: 8px;
	font-weight: 700
}

.shot_img_2 {
	background-position: 0 -48px;
	width: 30px;
	margin-left: -15px
}

.shot_img_3 {
	background-position: 0 -75px;
	width: 59px;
	margin-left: -29px
}

.thor-1 {
	background-position: -159px 0
}

.thor-2 {
	background-position: -318px 0
}

.thor-3 {
	background-position: -477px 0
}

.thor-4 {
	background-position: -636px 0
}

.thor-5 {
	background-position: -795px 0
}

.thor-6 {
	background-position: -954px 0
}

.thor-7 {
	background-position: -1113px 0
}

.thor-8 {
	background-position: -1272px 0
}

.thor-9 {
	background-position: -1431px 0
}

.thor-10 {
	background-position: -1590px 0
}

.thor-11 {
	background-position: -1749px 0
}

.thor-12 {
	background-position: -1908px 0
}

.thor-13 {
	background-position: -2067px 0
}

.thor-14 {
	background-position: -2226px 0
}

.thor-15 {
	background-position: -2385px 0
}

.thor-16 {
	background-position: -2544px 0
}

.thor-17 {
	background-position: -2703px 0
}

.thor-18 {
	background-position: -2862px 0
}

.thor-19 {
	background-position: -3021px 0
}

.mobile0-1 {
	background-position: -36px 0
}

.mobile0-2 {
	background-position: -72px 0
}

.mobile0-3 {
	background-position: -108px 0
}

.mobile0-4,
.ui-icon-carat-2-e-w {
	background-position: -144px 0
}

.mobile0-5 {
	background-position: -180px 0
}

.mobile0-6 {
	background-position: -216px 0
}

.mobile0-7 {
	background-position: -252px 0
}

.mobile0-8 {
	background-position: -288px 0
}

.mobile0-9 {
	background-position: -324px 0
}

.mobile0-10 {
	background-position: -360px 0
}

.mobile0-11 {
	background-position: -396px 0
}

.mobile0-12 {
	background-position: -432px 0
}

.mobile0-13 {
	background-position: -468px 0
}

.mobile0-14 {
	background-position: -504px 0
}

.mobile0-15 {
	background-position: -540px 0
}

.mobile0-16 {
	background-position: -576px 0
}

.mobile0-17,
.mobile4-12 {
	background-position: -612px 0
}

.mobile1-1 {
	background-position: -55px 0
}

.mobile1-2 {
	background-position: -110px 0
}

#ShareToNewTab,
.mobile1-3 {
	background-position: -165px 0
}

#buttonOptions,
#buttonOptionsRoom {
	background-position: 0 -303px;
	width: 55px;
	height: 51px
}

.mobile1-4 {
	background-position: -220px 0
}

.mobile1-5 {
	background-position: -275px 0
}

.mobile1-6 {
	background-position: -330px 0
}

.mobile1-7 {
	background-position: -385px 0
}

.mobile1-8 {
	background-position: -440px 0
}

.mobile1-9 {
	background-position: -495px 0
}

.mobile1-10 {
	background-position: -550px 0
}

.mobile1-11 {
	background-position: -605px 0
}

.mobile1-12 {
	background-position: -660px 0
}

.mobile1-13 {
	background-position: -715px 0
}

.mobile1-14 {
	background-position: -770px 0
}

.mobile1-15 {
	background-position: -825px 0
}

.mobile1-16 {
	background-position: -880px 0
}

.mobile1-17 {
	background-position: -935px 0
}

.mobile1-18 {
	background-position: -990px 0
}

.mobile2-1 {
	background-position: -67px 0
}

.mobile2-2 {
	background-position: -134px 0
}

.mobile2-3 {
	background-position: -201px 0
}

.mobile2-4 {
	background-position: -268px 0
}

.mobile2-5 {
	background-position: -335px 0
}

.mobile2-6 {
	background-position: -402px 0
}

.mobile2-7 {
	background-position: -469px 0
}

.mobile2-8 {
	background-position: -536px 0
}

.mobile2-9 {
	background-position: -603px 0
}

.mobile2-10 {
	background-position: -670px 0
}

.mobile2-11 {
	background-position: -737px 0
}

.mobile2-12 {
	background-position: -804px 0
}

.mobile2-13 {
	background-position: -871px 0
}

.mobile2-14 {
	background-position: -938px 0
}

.mobile2-15 {
	background-position: -1005px 0
}

.mobile2-16 {
	background-position: -1072px 0
}

.mobile2-17 {
	background-position: -1139px 0
}

.mobile2-18 {
	background-position: -1206px 0
}

.mobile2-19 {
	background-position: -1273px 0
}

.mobile3-1 {
	background-position: -43px 0
}

.mobile3-2 {
	background-position: -86px 0
}

.mobile3-3 {
	background-position: -129px 0
}

.mobile3-4 {
	background-position: -172px 0
}

.mobile3-5 {
	background-position: -215px 0
}

.mobile3-6 {
	background-position: -258px 0
}

.mobile3-7 {
	background-position: -301px 0
}

.mobile3-8 {
	background-position: -344px 0
}

.mobile3-9 {
	background-position: -387px 0
}

.mobile3-10 {
	background-position: -430px 0
}

.mobile3-11 {
	background-position: -473px 0
}

.mobile3-12 {
	background-position: -516px 0
}

.mobile3-13 {
	background-position: -559px 0
}

.mobile3-14 {
	background-position: -602px 0
}

.mobile3-15 {
	background-position: -645px 0
}

.mobile3-16 {
	background-position: -688px 0
}

.mobile3-17 {
	background-position: -731px 0
}

.mobile3-18 {
	background-position: -774px 0
}

.mobile3-19 {
	background-position: -817px 0
}

.mobile4-1 {
	background-position: -51px 0
}

.mobile4-2 {
	background-position: -102px 0
}

.mobile4-3 {
	background-position: -153px 0
}

.mobile4-4 {
	background-position: -204px 0
}

.mobile4-5 {
	background-position: -255px 0
}

.mobile4-6 {
	background-position: -306px 0
}

.mobile4-7 {
	background-position: -357px 0
}

.mobile4-8 {
	background-position: -408px 0
}

.mobile4-9 {
	background-position: -459px 0
}

.mobile4-10 {
	background-position: -510px 0
}

.mobile4-11 {
	background-position: -561px 0
}

.mobile4-13 {
	background-position: -663px 0
}

.mobile4-14 {
	background-position: -714px 0
}

.mobile4-15 {
	background-position: -765px 0
}

.mobile4-16 {
	background-position: -816px 0
}

.mobile4-17 {
	background-position: -867px 0
}

.mobile4-18 {
	background-position: -918px 0
}

.mobile4-19 {
	background-position: -969px 0
}

.mobile4-20 {
	background-position: -1020px 0
}

.mobile4-21 {
	background-position: -1071px 0
}

.mobile4-22 {
	background-position: -1122px 0
}

.mobile4-23 {
	background-position: -1173px 0
}

.mobile4-24 {
	background-position: -1224px 0
}

.mobile4-25 {
	background-position: -1275px 0
}

.mobile4-26 {
	background-position: -1326px 0
}

.mobile4-27 {
	background-position: -1377px 0
}

.mobile4-28 {
	background-position: -1428px 0
}

.mobile4-29 {
	background-position: -1479px 0
}

.mobile4-30 {
	background-position: -1530px 0
}

.mobile4-31 {
	background-position: -1581px 0
}

.mobile4-32 {
	background-position: -1632px 0
}

.mobile4-33 {
	background-position: -1683px 0
}

.mobile4-34 {
	background-position: -1734px 0
}

.mobile4-35 {
	background-position: -1785px 0
}

.mobile4-36 {
	background-position: -1836px 0
}

.mobile4-37 {
	background-position: -1887px 0
}

.mobile4-38 {
	background-position: -1938px 0
}

.mobile4-39 {
	background-position: -1989px 0
}

.mobile5-1 {
	background-position: -37px 0
}

.mobile5-2 {
	background-position: -74px 0
}

.mobile5-3 {
	background-position: -111px 0
}

.mobile5-4 {
	background-position: -148px 0
}

.mobile5-5 {
	background-position: -185px 0
}

.mobile5-6 {
	background-position: -222px 0
}

.mobile5-7 {
	background-position: -259px 0
}

.mobile5-8 {
	background-position: -296px 0
}

.mobile5-9 {
	background-position: -333px 0
}

.mobile5-10 {
	background-position: -370px 0
}

.mobile5-11 {
	background-position: -407px 0
}

.mobile5-12 {
	background-position: -444px 0
}

.mobile5-13 {
	background-position: -481px 0
}

.mobile5-14 {
	background-position: -518px 0
}

.mobile5-15 {
	background-position: -555px 0
}

.mobile5-16 {
	background-position: -592px 0
}

.mobile5-17 {
	background-position: -629px 0
}

.mobile5-18 {
	background-position: -666px 0
}

.mobile5-19 {
	background-position: -703px 0
}

#buttonShopExit {
	position: absolute;
	left: 14px;
	top: 541px;
	width: 36px;
	height: 50px;
	background-position: -91px -233px
}

.HD #buttonShopExit {
	background-position: -747.5px -40.5px
}

#buttonShopBuy {
	left: 566px;
	top: 493px;
	width: 72px;
	height: 82px;
	background-position: -232px -245px
}

.HD #buttonShopBuy {
	background-position: -711.5px -92px
}

#buttonShopHead {
	left: 281px;
	top: 493px;
	width: 35px;
	height: 31px;
	background-position: 0 -202px
}

.HD #buttonShopHead {
	background-position: -593.5px -52.5px;
	width: 37px;
	height: 33px;
	top: 495px
}

#buttonShopBody {
	left: 344px;
	top: 493px;
	width: 37px;
	height: 31px;
	background-position: -35px -202px
}

.HD #buttonShopBody {
	background-position: -632px -52.5px;
	width: 37px;
	height: 33px;
	top: 495px
}

#buttonShopGlass {
	left: 407px;
	top: 495px;
	width: 33px;
	height: 31px;
	background-position: -72px -204px
}

.HD #buttonShopGlass {
	background-position: -670.5px -52.5px;
	width: 37px;
	height: 33px
}

#buttonShopFlag {
	left: 470px;
	top: 493px;
	width: 30px;
	height: 33px;
	background-position: -105px -200px
}

.HD #buttonShopFlag {
	background-position: -709px -52.5px;
	width: 37px;
	height: 33px;
	top: 495px
}

#buttonShopPets {
    left: 520px;
    top: 489px;
    width: 44px;
   background: url(/static/images/themes/petss.png) no-repeat center;
	background-size: contain;
    height: 40px;

}

#FilterBtnPets {
    left: 162px;
    top: 210px
}

.HD #buttonShopPets {

    width: 44px;
   background: url(/static/images/themes/petss.png) no-repeat center;
    background-size: contain;
    height: 40px;
    top: 489px
}

.shop_item_icon_pa {
    width: 16px;
    height: 16px;
    background-position: -119px -149px
}

.HD .shop_item_icon_pa {
	 background: url(/static/images/themes/iconpet.png) no-repeat center;

    background-size: contain;
    width: 14px;
    height: 13px;
}

#buttonShopBackground {
	left: 285px;
	top: 551px;
	width: 57px;
	height: 26px;
	background-position: -253px -208px
}

.HD #buttonShopBackground {
	background-position: -594.5px -87px;
	width: 57px;
	height: 33px;
	top: 545px
}

#buttonShopForeground {
	left: 371px;
	top: 545px;
	width: 57px;
	height: 33px;
	background-position: -311px -201px
}

.HD #buttonShopForeground {
	background-position: -653px -87px;
	width: 57px;
	height: 33px;
	left: 374px
}

#buttonShopExItem {
	left: 456px;
	top: 549px;
	width: 39px;
	height: 28px;
	background-position: -213px -204px
}

.HD #buttonShopExItem {
	background-position: -653px -121.5px;
	width: 57px;
	height: 33px;
	top: 545px
}

#buttonShopPrev {
	left: 636px;
	top: 496px;
	width: 37px;
	height: 28px;
	background-position: -135px -202px
}

.HD #buttonShopPrev {
	background-position: -568px -121.5px;
	width: 41px;
	height: 33px
}

#buttonShopNext {
	left: 714px;
	top: 496px;
	width: 37px;
	height: 28px;
	background-position: -172px -202px
}

.HD #buttonShopNext {
	background-position: -610.5px -121.5px;
	width: 41px;
	height: 33px
}

.shop_item0 {
    left: 259px;
    top: 26px
}

.shop_item1 {
    left: 434px;
    top: 26px;

}

.shop_item2 {
    left: 609px;
    top: 26px
}

.shop_item3 {
    left: 259px;
    top: 178px
}

.shop_item4 {
    left: 434px;
    top: 178px
}

.shop_item5 {
    left: 609px;
    top: 178px
}

.shop_item6 {
    left: 259px;
    top: 330px
}

.shop_item7 {
    left: 434px;
    top: 330px
}

.shop_item8 {
    left: 609px;
    top: 330px
}

.shop_item {
	position: absolute;
	width: 169px;
	height: 148px
}

.HD .shop_item {
	background-position: -341.5px -346px
}

.shop_item:active {
	margin-left: 2px;
	margin-top: 2px
}

.shop_item.selected {
	background-position: -169px 0
}

.HD .shop_item.selected {
	background-position: -511px -346px
}

.shop_item_icon,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-multi .ui-datepicker-group,
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left
}

.shop_item_icon_ha,
.shop_item_icon_hm {
	width: 15px;
	height: 11px;
	background-position: 0 -149px
}

.shop_item_icon_ba,
.shop_item_icon_bm {
	width: 18px;
	height: 13px;
	background-position: -15px -149px
}

.shop_item_icon_ga,
.shop_item_icon_gm {
	width: 18px;
	height: 11px;
	background-position: -33px -149px
}

.shop_item_icon_fa {
	width: 16px;
	height: 13px;
	background-position: -51px -149px
}

.SD .shop_item_icon_fm {
	width: 16px;
	height: 13px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAAB3RJTUUH4AwZBxoR7aOImgAAAAlwSFlzAAAnEAAAJxABlGlRGQAAAARnQU1BAACxjwv8YQUAAAFvSURBVHjajZJNSwJRFIbfMzOpabmoVm7ya2zRstbRDwghaN+mP9CqiNb2U2rbJxT5A4KgiKTCGVFLEDSodOHHOKd7h1CnSfKFyzkznPvwnnMuYUjMjGg8xR2aAoGhoYWS+UQYISISNUOKxZNcLBi4fGlIHGytibnkCgf5HWUz9yfIBbAo4MSD4xCIFZGFcXiSheWrYTa5ygH+QMW8p5EAhupEwyihpzWwEF1E5lSWRHAkQKy0ENbXhKMaqsYNeQAEe5CzinwhD7J90BNxAZLwEJa2zrCX7iCSWGZZ9gvQ63shW7RDXecrbxbBImfFEtHCRnoHn+YteYbIUPooZwasOn+l9a6/CuV8Fyq3xeW7/hzcQ0Rg4EX7gjVRR+8iAx834Rfn1Xz0bMIFaCkzP/dttK+2MW1XUCo8j3wHHgX1dZZSU5sy4L8jpQwD5Bqvc3AsjysXYNKuYz9bQdgujw1w9Tcf01m+xjfzYay+5Rq/AZdrqfDmdry1AAAAAElFTkSuQmCC)!important
}

.SD .shop_item_icon_ff {
	width: 16px;
	height: 13px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAAB3RJTUUH4AwZBxoSdKrZIAAAAAlwSFlzAAAnEAAAJxABlGlRGQAAAARnQU1BAACxjwv8YQUAAAClSURBVHjaY2RAAv///2dIYZL/jyw2599DRgYcgJGRkYEFWQCkGaiBgWHPBRQxfAaxYBO8NX01wgW7NuI1CKsBd+/eBdPKyspww3AZhNUAfAaVBcYwqGWGwgxixGsAukEw0OXmD3bBXPRAJATWXjqOETMEDYBpwhUTLIQ04ksHGCCZUe4/CEBpBkIYBJgwTEFKRMQADAOQExExAMV/IKeT4m9QXgAAeWprQrDQiegAAAAASUVORK5CYII=)!important
}

.shop_item_icon_hf {
	width: 15px;
	height: 11px;
	background-position: -67px -149px
}

.shop_item_icon_bf {
	width: 18px;
	height: 13px;
	background-position: -82px -149px
}

.shop_item_icon_gf {
	width: 18px;
	height: 11px;
	background-position: -100px -149px
}

.shop_item_icon_1a {
	width: 16px;
	height: 12px;
	background-position: -153px -152px
}

.shop_item_icon_2a {
	width: 16px;
	height: 12px;
	background-position: -136px -152px
}

.shop_item_icon_xa {
	width: 16px;
	height: 16px;
	background-position: -119px -149px
}

.HD .shop_item_icon_hm {
	background-position: -878px -966px;
	width: 13px;
	height: 10px
}

.HD .shop_item_icon_hf {
	background-position: -891.5px -966px;
	width: 13px;
	height: 10px
}

.HD .shop_item_icon_ha {
	background-position: -905px -966px;
	width: 13px;
	height: 10px
}

.HD .shop_item_icon_bm {
	background-position: -918.5px -966px;
	width: 18px;
	height: 13px
}

.HD .shop_item_icon_bf {
	background-position: -937px -966px;
	width: 18px;
	height: 13px
}

#lobbyEventBadges {
    position: absolute;
    left: 430px;
    top: 430px;
    z-index: 22;
    display: flex;
    align-items: center;
    gap: 7px;
    height: 25px;
    white-space: nowrap;
    z-index: -2;
}

.LobbyEventBadge {
    position: relative;
    box-sizing: border-box;
    height: 24px;
    min-width: 0;
    padding: 0;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
    text-align: center;
    text-shadow: -1px 0 2px #06121d, 0 1px 2px #06121d, 1px 0 2px #06121d, 0 -1px 2px #06121d
}

.LobbyEventBadge::before,
.LobbyEventBadge::after {
    display: none;
    content: none
}

#eventosalabonus {
    display: none;
    width: auto;
    min-width: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    gap: 0;
    color: #fff;
    background: none;
    border: 0;
    box-shadow: none;
    align-items: center
}

#eventosalabonus.is-active {
    display: inline-flex;
    background: none;
    border: 0;
    box-shadow: none
}

#eventosalabonus .LobbyEventBadgeIcon,
#eventosalabonus .LobbyEventBadgeContent,
#eventosalabonus .LobbyEventBadgeTitle {
    display: none
}

#eventosalabonus .eventosSalaTexto {
    display: block;
    min-height: 0;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    line-height: 1
}

#eventosalabonus .evtRoomsWrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px
}

#eventosalabonus .evtRoom,
#eventosalabonus .evtMore,
#eventosalabonus .evtOff {
    display: inline-block;
    box-sizing: border-box;
    min-width: 0;
    height: 14px;
    padding: 0 4px;
    border: 1px solid rgba(255, 255, 255, .95);
    border-radius: 8px;
    background: linear-gradient(180deg, #ff5757 0%, #de1f1f 55%, #bf0f0f 100%);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
    white-space: nowrap;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .75);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .45)
}

#eventosalabonus .evtMore {
    padding: 0 3px
}

#eventosalabonus .evtOff {
    display: none
}

#footballEventButton {
    width: auto;
    min-width: 0;
    padding: 0;
    gap: 2px;
    color: #fff4a0;
    cursor: pointer;
    background: none;
    border: 0;
    box-shadow: none;
    transition: filter .12s ease, transform .12s ease
}

#footballEventButton .footballBallIcon,
#footballEventButton .footballText {
    position: relative;
    z-index: 1;
    display: block
}

#footballEventButton .footballBallIcon {
    flex: 0 0 auto;
    font-size: 13px;
    line-height: 14px;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .75))
}

#footballEventButton .footballText {
    color: #fff07a;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1px
}

#footballEventButton:hover {
    filter: brightness(1.22);
    transform: translateY(-1px);
    background: none;
    box-shadow: none
}

#footballEventButton:active {
    filter: brightness(.96);
    transform: translateY(1px)
}

.th #lobbyEventBadges,
body.ClassicTHEventButtons #lobbyEventBadges,
#container.ClassicTHEventButtons #lobbyEventBadges {
    left: 400px !important;
    top: 367px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: -2;
}

.HD .shop_item_icon_ba {
	background-position: -955.5px -966px;
	width: 18px;
	height: 13px
}

.HD .shop_item_icon_ga,
.HD .shop_item_icon_gf,
.HD .shop_item_icon_gm {
	width: 18px;
	height: 9px;
	margin-top: 1px
}

.HD .shop_item_icon_gm {
	background-position: -915.5px -979.5px
}

.HD .shop_item_icon_gf {
	background-position: -934px -979.5px
}

.HD .shop_item_icon_ga {
	background-position: -952.5px -979.5px
}

.HD .shop_item_icon_fm {
	background-position: -878px -976.5px;
	width: 12px;
	height: 13px
}

.HD .shop_item_icon_ff {
	background-position: -890.5px -976.5px;
	width: 12px;
	height: 13px
}

.HD .shop_item_icon_fa {
	background-position: -903px -976.5px;
	width: 12px;
	height: 13px
}

.HD .shop_item_icon_1a {
	background-position: -878px -990px;
	width: 16px;
	height: 12px
}

.HD .shop_item_icon_2a {
	background-position: -894.5px -990px;
	width: 16px;
	height: 12px
}

.HD .shop_item_icon_xa {
	background-position: -974px -966px;
	width: 16px;
	height: 16px;

}

.shop_item_timer {
	left: 13px;
	top: 24px;
	color: #000;
	z-index: 9;
	font-size: 15px;
	text-shadow: -1px 0 2px #fff, 0 1px 2px #fff, 1px 0 2px #fff, 0 -1px 2px #fff
}

.RedButton,
.refresh_button_friends {
	text-shadow: -1px -1px 0 rgba(0, 0, 0, .3)
}

.shop_item_name {
	position: absolute;
	left: 5px;
	top: 5px;
	font-size: 10px;
	color: #fff
}

.shop_item_cash,
.shop_item_gold {
	right: 16px;
	font-size: 11px;
	font-weight: 700
}

.shop_item_image {
	position: absolute;
	left: 85px;
	top: 94px
}

.shop_item_stat {
	position: absolute;
	z-index: 9
}

.shop_item_stat0 {
	left: 123px;
	top: 101px
}

.shop_item_stat1 {
	left: 89px;
	top: 101px
}

.shop_item_stat2 {
	left: 55px;
	top: 101px
}

.shop_item_stat3 {
	left: 21px;
	top: 101px
}

.shop_item_stat4 {
	left: 123px;
	top: 86px
}

.shop_item_stat5 {
	left: 89px;
	top: 86px
}

.shop_item_stat6 {
	left: 55px;
	top: 86px
}

.shop_item_stat7 {
	left: 21px;
	top: 86px
}

.stat_digit1,
.stat_digit2 {
	top: 1px;
	position: absolute
}

.stat_icon {
	position: absolute;
	width: 14px;
	height: 14px
}

.stat_icon_time {
	background-position: 0 -173px
}

.stat_icon_dig {
	background-position: -14px -173px
}

.stat_icon_atk {
	background-position: -28px -173px
}

.stat_icon_life {
	background-position: -42px -173px
}

.stat_icon_def {
	background-position: -56px -173px
}

.stat_icon_item {
	background-position: -70px -173px
}

.stat_icon_shld {
	background-position: -84px -173px
}

.stat_icon_pop {
	background-position: -98px -173px
}

.stat_icon_time- {
	background-position: 0 -187px
}

.stat_icon_dig- {
	background-position: -14px -187px
}

.stat_icon_atk- {
	background-position: -28px -187px
}

.stat_icon_life- {
	background-position: -42px -187px
}

.stat_icon_def- {
	background-position: -56px -187px
}

.stat_icon_item- {
	background-position: -70px -187px
}

.stat_icon_shld- {
	background-position: -84px -187px
}

.stat_icon_pop- {
	background-position: -98px -187px
}

.HD .stat_icon_time {
	background-position: -878px -935px
}

.HD .stat_icon_dig {
	background-position: -892.5px -935px
}

.HD .stat_icon_atk {
	background-position: -907px -935px
}

.HD .stat_icon_life {
	background-position: -921.5px -935px
}

.HD .stat_icon_def {
	background-position: -936px -935px
}

.HD .stat_icon_item {
	background-position: -950.5px -935px
}

.HD .stat_icon_shld {
	background-position: -965px -935px
}

.HD .stat_icon_pop {
	background-position: -979.5px -935px
}

.HD .stat_icon_time- {
	background-position: -878px -950.5px
}

.HD .stat_icon_dig- {
	background-position: -892.5px -950.5px
}

.HD .stat_icon_atk- {
	background-position: -907px -950.5px
}

.HD .stat_icon_life- {
	background-position: -921.5px -950.5px
}

.HD .stat_icon_def- {
	background-position: -936px -950.5px
}

.HD .stat_icon_item- {
	background-position: -950.5px -950.5px
}

.HD .stat_icon_shld- {
	background-position: -965px -950.5px
}

.HD .stat_icon_pop- {
	background-position: -979.5px -950.5px
}

.stat_digit2 {
	left: 21px
}

.digit1 {
	position: absolute;
	left: 6px
}

.digit2 {
	position: absolute;
	left: 12px
}

.digit3 {
	position: absolute;
	left: 18px
}

.stat_font {
	width: 6px;
	height: 11px
}

#shop_my_cash,
#shop_my_gold,
.shop_item_cash,
.shop_item_gold {
	height: 12px;
	width: 150px;
	text-align: right
}

#OptionsLeave,
#OptionsOK {
	top: 216px;
	width: 116px;
	height: 17px
}

#BrokerTitle,
#ChargeWelcomeMsg,
#RoomOptionsPlayers,
#create_guild_name,
#roomInfo6,
#roomsPage,
.ContactLang,
.ContactName,
.ContactTitle,
.RedButton,
.howto4,
.refresh_button_friends {
	text-align: center
}

.stat_font0 {
	background-position: 0 -162px
}

.stat_font1 {
	background-position: -6px -162px
}

.stat_font2 {
	background-position: -12px -162px
}

.stat_font3 {
	background-position: -18px -162px
}

.stat_font4 {
	background-position: -24px -162px
}

.stat_font5 {
	background-position: -30px -162px
}

.stat_font6 {
	background-position: -36px -162px
}

.stat_font7 {
	background-position: -42px -162px
}

.stat_font8 {
	background-position: -48px -162px
}

.stat_font9 {
	background-position: -54px -162px
}

.HD .stat_font0 {
	background-position: -911px -991px
}

.HD .stat_font1 {
	background-position: -917.5px -991px
}

.HD .stat_font2 {
	background-position: -924px -991px
}

.HD .stat_font3 {
	background-position: -930.5px -991px
}

.HD .stat_font4 {
	background-position: -937px -991px
}

.HD .stat_font5 {
	background-position: -943.5px -991px
}

.HD .stat_font6 {
	background-position: -950px -991px
}

.HD .stat_font7 {
	background-position: -956.5px -991px
}

.HD .stat_font8 {
	background-position: -963px -991px
}

.HD .stat_font9 {
	background-position: -969.5px -991px
}

.shop_item_cash {
	position: absolute;
	top: 117px;
	color: #8bc2ee
}

.shop_item_gold {
	position: absolute;
	top: 131px;
	color: #ffd273
}

#shop_player {
	position: absolute;
	left: 117px;
	top: 97px
}

#shop_my_stats {
	position: absolute;
	left: 27px;
	top: 24px
}

#shop_my_items_container {
	position: absolute;
	left: 11px;
	top: 227px;
	width: 219px;
	height: 248px
}

#shop_my_items_container .viewport {
	width: 204px;
	height: 248px;
	overflow: hidden;
	position: relative
}

#shop_my_items_container .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0
}

.DragonScroll .viewport::-webkit-scrollbar-button:vertical:increment {
	height: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKAQMAAABVIEaHAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaOBg+P8DRO5/wTD/BEN/B0M7B0MTB0QcAKO0CsWeIfXOAAAAAElFTkSuQmCC)
}

.DragonScroll .viewport::-webkit-scrollbar-button:vertical:decrement {
	height: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKAQMAAABVIEaHAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAACFJREFUCNdj+P+DoYGDoYmDoZ2Dob+DYf4Jhv0vgCIQcQChpArF4r18lgAAAABJRU5ErkJggg==)
}

.DragonScroll .viewport::-webkit-scrollbar-button:vertical:increment:hover {
	background-color: #9098b5
}

.DragonScroll .viewport::-webkit-scrollbar-button:vertical:decrement:hover {
	background-color: #9098b5
}

.DragonScroll .viewport::-webkit-scrollbar-thumb {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAABAQMAAAA/57ZEAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAtJREFUCNdjsH8AAAFhASARw1fIAAAAAElFTkSuQmCC)
}

.DragonScroll .viewport::-webkit-scrollbar-thumb:hover {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAABAQMAAAA/57ZEAAAABlBMVEUAAAAgMEA0sIhMAAAAAXRSTlMAQObYZgAAAAtJREFUCNdjsH8AAAFhASARw1fIAAAAAElFTkSuQmCC)
}

.DragonScroll .viewport::-webkit-scrollbar-track {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAABAQMAAAA/57ZEAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAtJREFUCNdjaOAAAAELAIku6lhPAAAAAElFTkSuQmCC)
}

.DragonScroll .viewport::-webkit-scrollbar-track:hover {
	background-color: #9098b5
}

.DragonScroll .viewport::-webkit-scrollbar {
	width: 13px
}

#shop_my_items_number {
	position: absolute;
	left: 210px;
	top: 212px;
	width: 30px;
	height: 15px
}

.shop_my_item {
	position: relative;
	width: 204px;
	height: 31px;
	background-position: -204px -327px
}

.shop_my_item_cash,
.shop_my_item_gift {
	left: 159px;
	width: 36px;
	position: absolute;
	top: 2px
}

#RoomOptionsMessage,
#dialogCreateMessage,
.vortex {
	width: 200px;
	position: absolute
}

.shop_my_item.selected {
	background-position: -204px -358px
}

.HD .shop_my_item {
	background-position: -751px -815px
}

.HD .shop_my_item.selected {
	background-position: -751px -846.5px
}

.shop_my_item_cash {
	height: 27px;
	background-position: -37px -333px
}

.shop_my_item_cash.selected {
	background-position: -37px -361px
}

.HD .shop_my_item_cash {
	background-position: -915.5px -878px
}

.HD .shop_my_item_cash.selected {
	background-position: -915.5px -906.5px
}

.shop_my_item_gift {
	height: 27px;
	background-position: 0 -333px
}

.shop_my_item_gift.selected {
	background-position: 0 -361px
}

.HD .shop_my_item_gift {
	background-position: -878px -878px
}

.HD .shop_my_item_gift.selected {
	background-position: -878px -906.5px
}

.shop_my_item_icon {
	position: absolute;
	left: 15px;
	top: 4px
}

.shop_my_item_name {
	position: absolute;
	left: 36px;
	top: 4px;
	font-size: 10px;
	color: #295a9c
}

#shop_my_cash,
#shop_my_gold,
.buy_option {
	font-size: 11px;
	position: absolute;
	font-weight: bold;
}

.shop_my_item.selected .shop_my_item_name {
	color: #fff
}

.shop_my_item_equip.equipped {
	position: absolute;
	left: -1px;
	top: 7px;
	width: 10px;
	height: 17px;
	background-position: 0 -233px
}

.HD .shop_my_item_equip.equipped {
	background-position: -572.5px -52.5px
}

.shop_my_item_stat0 {
	left: 172px;
	top: 15px
}

.shop_my_item_stat1 {
	left: 142px;
	top: 15px
}

.shop_my_item_stat2 {
	left: 112px;
	top: 15px
}

.shop_my_item_stat3 {
	left: 82px;
	top: 15px
}

.shop_my_item_stat4 {
	left: 52px;
	top: 15px
}

.shop_my_item_stat5 {
	left: 22px;
	top: 15px
}

.shop_my_item_stat6 {
	left: 172px;
	top: 1px
}

.shop_my_item_stat7 {
	left: 142px;
	top: 1px
}

#shop_my_cash {
	right: 612px;
	top: 143px;
	color: #8bc2ee
}

#shop_my_gold {
	right: 612px;
	top: 157px;
	color: #ffd273
}

#shop_buy_dialog {
	position: absolute;
	left: 210px;
	top: 127px;
	width: 386px;
	height: 353px;
	background-position: 0 -389px;
	 background-color: transparent;
	border: 0;
	display: none;
	z-index: 22
}

#TOSLinks {
    text-align: left;
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 40px
}

.SetNameCat {
    color: lightgreen
}

#tournamentTreeZ {
    position: absolute;
    left: -963px;
    top: -4248px;
    transition: transform .5s ease-out
}

#tournamentTree {
    width: 2500px;
    height: 9000px;
    z-index: -1;
    display: none;
    background: radial-gradient(circle,rgba(0,0,0,0.2) 0,rgba(0,0,0,0) 20%)
}

#buttonRegister {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    text-align: center
}

#tournament_timer_footer {
    position: absolute;
    left: 122px;
    top: 250px;
    text-align: center;
    width: 330px;
    color: #ff0;
    display: none;
    font-size: 14px;
    pointer-events: none
}

#tournamentTree.CanMove {
    cursor: move
}

.TreeNode {
    position: absolute;
    font-size: 10px;
    width: 100px;
    height: 15px;
    white-space: nowrap;
    overflow: hidden;
    z-index: 3
}

.TreeLine {
    position: absolute;
    border: beige 2px solid;
    border-radius: 4px;
    z-index: 1
}

.TreeLineWinner {
    border-color: lime;
    z-index: 2
}

.TreeLineLoser {
    border-color: gray
}

.TreeLineFight {
    border-color: red;
    z-index: 2
}

.TreeLineWaiting {
    border-color: yellow;
    z-index: 2
}

.TreeTrophy {
    position: absolute;
    left: 1130px;
    top: 4376px;
    width: 240px;
    text-align: center;
    font-size: 60px
}

.TreeGift {
    position: absolute;
    left: 1220px;
    top: 4536px;
    width: 60px;
    text-align: center;
    font-size: 44px
}

#OlympicsGiftsWindow {
    display: none;
    position: absolute;
    left: 11px;
    top: 88px;
    width: 506px;
    height: 310px;
    box-shadow: 3px 3px 10px 3px #000;
    border-radius: 4px;
    border: 2px solid darkorange;
    background: rgba(50,0,0,0.75);
    font-size: 11px;
    z-index: 9;
    padding: 10px
}

#GiftsOK {
    position: absolute;
    right: 15px;
    bottom: 15px
}

#channelScreen {
    pointer-events: none
}

#channelScreen * {
    pointer-events: auto
}

#TreeInfo {
    position: absolute;
    left: 1130px;
    bottom: 4628px;
    font-size: 10px;
    width: 240px;
    line-height: 15px;
    text-align: center;
    z-index: 2
}

.NodeGame {
    border: 1px solid red;
    background: lightpink;
    border-radius: 4px;
    text-align: center;
    line-height: 15px;
    overflow: visible;
    cursor: pointer
}

.NodePrepare {
    border: 1px solid red;
    background: lightpink;
    border-radius: 4px;
    text-align: center;
    line-height: 15px
}

#startGameButtonsContainer .StartGame {
    margin-top: 15px
}

#startGameButtonsContainer.OlympicsRegistration {
    background: 0;
    backdrop-filter: none;
    top: 220px
}

#startGameButtonsContainer {
    position: absolute;
    left: 300px;
    transform: translateX(-50%);
    top: 177px;
    padding: 5px 25px 20px;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 20px;
    backdrop-filter: blur(3px);
}

.NodeUnknown {
    border: 2px dashed gray;
    background: beige;
    text-align: center;
    line-height: 13px;
    text-shadow: none;
    color: black;
    width: 96px;
    height: 13px
}

#registeredPlayersInfo {
    position: absolute;
    left: 10px;
    top: 93px;
    color: #ff8;
    font-size: 9px
}

#registeredPlayersList {
    position: absolute;
    left: 5px;
    top: 88px;
    width: 566px;
    height: 334px;
    border: #0f9afd 3px solid;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    display: none;
    grid-template-columns: repeat(auto-fit,minmax(90px,1fr));
    align-content: end;
    overflow: hidden;
    pointer-events: none
}

.PlayerInList {
    font-size: 8px;
    white-space: nowrap;
    overflow: hidden;
    pointer-events: none !important
}

.PlayerInList .rank {
    height: 9px;
    position: relative;
    top: 1px;
    pointer-events: none !important
}

#olympicsMsg {
    position: absolute;
    left: 139px;
    top: 372px;
    width: 300px;
    height: 38px;
    border: 2px solid fuchsia;
    border-radius: 10px;
    color: white;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
    padding: 5px;
    display: none;
    box-shadow: 3px 3px 10px 3px #000;
    background: #7900c3;
    background: linear-gradient(130deg,#f00,#fff,#00f);
    background-size: 200% 200%;
    animation: gradientAnimation 2s infinite
}

@keyframes gradientAnimation {
    0 {
        background-position: 10% 0
    }

    50% {
        background-position: 90% 100%
    }

    100% {
        background-position: 10% 0
    }
}

.HeartLeft {
    position: absolute;
    left: 0;
    top: -16px;
    width: 100px;
    text-align: center;
    z-index: -1;
    font-size: 17px;
    line-height: 17px;
    pointer-events: none
}

.HeartRight {
    position: absolute;
    left: 0;
    top: 15px;
    width: 100px;
    text-align: center;
    z-index: -1;
    font-size: 17px;
    line-height: 17px;
    pointer-events: none
}

.hpLeft {
    position: absolute;
    left: 0;
    top: -15px;
    width: 100px;
    text-align: center;
    pointer-events: none;
    color: white
}

.hpRight {
    position: absolute;
    left: 0;
    top: 16px;
    width: 100px;
    text-align: center;
    pointer-events: none;
    color: white
}

.GLeft {
    position: absolute;
    right: 60px
}

.GRight {
    position: absolute;
    left: 43px
}

#centerMeBtn {
    position: absolute;
    left: 397px;
    top: 430px;
    line-height: 22px;
    color: #fe0;
    font-size: 15px;
    padding: 0 6px;
    border: black solid 2px;
    border-radius: 4px;
    background-color: rgba(0,40,120,0.7);
    display: none
}

#centerMeBtn:hover {
    background-color: rgba(120,120,120,0.5);
    cursor: pointer
}

#centerMeBtn:active {
    background-color: rgba(40,180,120,0.5);
    border: black solid 1px
}

#cropTreeBtn {
    position: absolute;
    left: 358px;
    top: 430px;
    color: #fe0;
    padding: 2.5px 6px 1.5px 6px;
    border: black solid 2px;
    border-radius: 4px;
    background-color: rgba(0,40,120,0.7);
    display: none
}

#cropTreeBtn:hover {
    background-color: rgba(120,120,120,0.5);
    cursor: pointer
}

#cropTreeBtn:active {
    background-color: rgba(40,180,120,0.5);
    border: black solid 1px
}

#treeZoom {
    position: absolute;
    left: 443px;
    top: 437px;
    font-size: 10px;
    color: lime;
    text-align: center;
    width: 50px
}

.AnimTrans {
    transition: transform .5s ease-out
}

.ES {
    display: none
}

.HD #shop_buy_dialog {
	background-position: -491.5px -878px
}

#shop_buy_dialog .shop_item_icon {
	left: 156px;
	top: 33px
}

#shop_buy_dialog .shop_item_name {
	left: 177px;
	top: 36px
}

#shop_buy_dialog .shop_item_image {
	left: 234px;
	top: 140px
}

#buy_cash_week {
	left: 85px;
	top: 235px;
	width: 93px;
	color: #8bc2ee
}

#buy_cash_month {
	left: 181px;
	top: 235px;
	width: 93px;
	color: #8bc2ee
}

#buy_cash_perm {
	left: 277px;
	top: 235px;
	width: 93px;
	color: #8bc2ee
}

#buy_gold_week {
	left: 85px;
	top: 265px;
	width: 93px;
	color: #ffd273
}

#buy_gold_month {
	left: 181px;
	top: 265px;
	width: 93px;
	color: #ffd273
}

#buy_gold_perm {
	left: 277px;
	top: 265px;
	width: 93px;
	color: #ffd273
}

#buy_cancel_btn {
	position: absolute;
	left: 332px;
	top: 324px;
	width: 40px;
	height: 23px;
	background-position: -112px -304px
}

.HD #buy_cancel_btn {
	background-position: -553px -94px;
	height: 26px
}

#select_bot_div {
	position: absolute;
	left: 220px;
	width: 340px;
	top: 204px;
	background: url(/static/images/bg_blue.jpg) #001839;
	opacity: .9;
	padding: 10px;
	z-index: 12;
	display: none;
	border: 2px solid #000;
	border-radius: 3px
}

.bs_line {
	height: 15px;
	padding: 5px
}

.bs_line:hover {
	background: #634910
}

.bs_rank {
	position: absolute;
	left: 10px
}

.bs_name {
	position: absolute;
	left: 40px
}

.bs_gp {
	position: absolute;
	left: 150px;
	color: #ff0
}

.bs_atk_icon,
.bs_locked {
	position: absolute;
	left: 200px
}

.bs_atk {
	position: absolute;
	left: 215px
}

.bs_def_icon {
	position: absolute;
	left: 235px
}

.bs_def {
	position: absolute;
	left: 250px
}

.bs_life_icon {
	position: absolute;
	left: 270px
}

.bs_life {
	position: absolute;
	left: 285px
}

.bs_dig_icon {
	position: absolute;
	left: 305px
}

#ConnectWithGoogle{
	position: absolute;
	width: 246px;
	height: 40px;
	cursor: pointer;
	top: 68px;
	left: 58px;
    background-image: url("/static/images/fotoGoogle.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bs_dig {
	position: absolute;
	left: 320px
}

#add_bot_button {
	position: absolute;
	left: 417px;
	width: 82px;
	height: 19px;
	background-position: -83px -279px
}

.HD #add_bot_button {
	background-position: -834px -776px
}

.vortex {
	background: url(/static/images/vortex.png) no-repeat;
	height: 200px
}

#RoomOptionsModeLocked,
#dialogCreateLocked,
.imgLock {
	background-position: -220px -606px
}

#vortex0,
#vortex2,
#vortex4,
#vortex6 {
	left: 5px
}

#vortex1,
#vortex3,
#vortex5,
#vortex7 {
	left: 356px
}

#dialog_graphic {
	position: absolute;
	left: 260px;
	top: 110px
}

#dialogCreateMessage {
	left: 104px;
	top: 161px;
	color: #000;
	font-size: 12px
}

#RoomOptionsModeLocked,
#dialogCreateLocked,
.imgLock {
	width: 20px;
	height: 21px
}

#dialogCreateLocked {
	position: absolute;
	left: 231px;
	top: 129px;
	display: none
}

#RoomOptionsModeLocked {
	position: absolute;
	left: 147px;
	top: 57px;
	display: none
}

#RoomOptionsMessage {
	left: 160px;
	top: 80px;
	color: #000;
	font-size: 11px
}

.event_button_text {
	position: absolute;
	bottom: 8px;
	width: 100%
}

#buttonOptions {
	position: absolute;
	left: 594px;
	top: 542px
}

#buttonOptionsRoom {
	position: absolute;
	left: 674px;
	top: 544px
}

.HD #buttonOptions,
.HD #buttonOptionsRoom {
	background-position: -571.5px 0
}

#buttonChannels {
	position: absolute;
	left: 733px;
	top: 542px;
	width: 55px;
	height: 51px;
	background-position: -112px -303px
}

.HD #buttonChannels {
	background-position: -627px 0
}

#OptionsDialog {
	position: absolute;
	left: 241px;
	top: 221px;
	width: 317px;
	height: 247px;
	background: #314a5a;
	z-index: 100;
	display: none;
	font-size: 10px;
	color: #cecece;
	border: 1px solid #000;
	box-shadow: 5px 5px 30px 10px #000, inset 0 2px 1px #7394b5;
	transform-origin: 0 0
}

.OptionsDialogTitle {
	position: absolute;
	left: 3px;
	top: 4px;
	width: 76px;
	height: 19px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAATCAMAAAANkRs7AAAAllBMVEUAAAAxMTH////GxsbOzs69vb0pQlopQlK1tbXv7++cnJyUlJRjY2OlpaVSWlhSUlJKUlIxQkopOUqMjIpzc3Otra2EhIRaWmMxQloxQlJKSkpCSko8Qko8QkIpOULn5+fe3t7W1tLGxs6YmJB7gIBra2taWlY5OTGlraVrc3NjY2taY2NKUlpCSlIpQkoxOUopOTkpKSHDpOH8AAAAAXRSTlMAQObYZgAAAT5JREFUOMutVNeOhDAMDNgh9N6Wsr1cL///c0fYSKFcdHuCebBkjz04kwgiUdbua0PWwSY8WNZTtIoWO1s7hP1pFbUtWpQC9RkrF2sZxQ4AISw/6mi5mGsdgdKX7bMZLlQyjDi3aHBLIAPwB4zW4Z92vRVhuj/dWq1HMNTSdZUcr8849u4B4iH/dvloN/w5GOBSukKsq0855lIEwLw687ExphWi5u5+NCbSo+kGic1Zx7v2+/EgoiYSsYnIJTfoJj4A0KtrO17HsDg2xNHmUYjxRNFBAgpopo7jZTyTXqijNtlURhIAgmk6HvbHfERMXMtvYiHN0osNgI6wdNo6P6zSAhIV7VdlI6BvDF0ficl6X5G5Nu4mhBnxhfvWEDK5aRGnD0H2ScgHHCV2kvobosT96w/+FuuqjZmaFyv+jR+G/Q6sEDWEjgAAAABJRU5ErkJggg==) no-repeat
}

#OptionsBG {
	position: absolute;
	top: 57px;
	left: 14px
}

.OptionTitle1 {
	color: #ffc65a
}

.GOption {
	width: 100px
}

.GOption2 {
	width: 70px
}

.RadioOff,
.RadioOn {
	width: 10px;
	height: 10px
}

#OptionsOK {
	position: absolute;
	left: 175px;
	background-position: -117px -1262px
}

.HD #OptionsOK {
	background-position: -503px -292.5px
}

#OptionsLeave {
	position: absolute;
	left: 27px;
	background-position: 0 -1262px
}

.HD #OptionsLeave {
	background-position: -503px -310px
}

.RadioOn {
	background-position: -234px -1262px
}

.HD .RadioOn {
	background-position: -699px -156px
}

.ShopSetLoad {
    position: absolute;
    font-size: 10px;
    left: 150px;
    top: 18px;
}

.RadioOff {
	background-position: -245px -1262px
}

.HD .RadioOff {
	background-position: -699px -166.5px
}

#OptionsLangEN {
	position: absolute;
	left: 95px;
	top: 117px
}

#OptionsLangES {
	position: absolute;
	left: 160px;
	top: 117px
}

#OptionsText1 {
	position: absolute;
	left: 14px;
	top: 29px
}

#OptionsDrag {
	position: absolute;
	left: 99px;
	top: 25px;
	width: 114px;
	height: 27px;
	cursor: pointer
}

#OptionsShootingModeDrag {
	position: absolute;
	left: 34px;
	top: 0
}

#OptionsText2 {
	position: absolute;
	left: 48px;
	top: 0
}

#OptionsText4,
#OptionsText5 {
	position: absolute;
	left: 0;
	top: 15px;
	color: #9df
}

#OptionsSlice {
	position: absolute;
	left: 226px;
	top: 25px;
	width: 91px;
	height: 27px;
	cursor: pointer
}

#OptionsShootingModeSlice {
	position: absolute;
	left: 9px;
	top: 0
}

#OptionsText3 {
	position: absolute;
	left: 24px;
	top: 0
}

#OptionsTextEN {
	position: absolute;
	left: 110px;
	top: 117px;
	cursor: pointer;
	color: #fff
}

#OptionsTextES {
	position: absolute;
	left: 175px;
	top: 117px;
	cursor: pointer;
	color: #fff
}

#OptionsLineTheme {
	margin: 11px 0;
	height: 15px
}

#buttonAllBuddyList1 {
	position: absolute;
	left: 582px;
	top: 275px
}

.buttonAllBuddyList1 {
	width: 73px;
	height: 30px;
	background-position: 0 -1286px
}

.buttonAllBuddyList1.BuddyList {
	background-position: 0 -1317px;
	width: 66px
}

.buttonAllBuddyList1.Guild {
	background-position: 0 -1814px;
	width: 69px
}

.HD .buttonAllBuddyList1 {
	background-position: -785px 0;
	width: 64.5px
}

.HD .buttonAllBuddyList1.BuddyList {
	background-position: -785px -30.5px;
	width: 64.5px
}

.HD .buttonAllBuddyList1.Guild {
	background-position: -785px -61px;
	width: 64.5px
}

#buttonAllBuddyList2 {
	position: absolute;
	left: 655px;
	top: 275px
}

#buttonAllBuddyList2.BuddyList,
#room_item_buddy_tab2.BuddyList {
	left: 648px
}

#buttonAllBuddyList2.room_item_buddy_tab2.Guild,
#room_item_buddy_tab2.Guild {
	left: 653px
}

#buttonAllBuddyList2.buttonAllBuddyList2.Guild {
	left: 650px
}

.HD #buttonAllBuddyList2,
.HD #buttonAllBuddyList2.BuddyList,
.HD #buttonAllBuddyList2.buttonAllBuddyList2.Guild,
.HD #buttonAllBuddyList2.room_item_buddy_tab2.Guild,
.HD #room_item_buddy_tab2,
.HD #room_item_buddy_tab2.BuddyList,
.HD #room_item_buddy_tab2.Guild {
	left: 646px
}

.buttonAllBuddyList2 {
	width: 70px;
	height: 30px;
	background-position: -73px -1286px
}

.buttonAllBuddyList2.BuddyList {
	background-position: -66px -1317px;
	width: 78px
}

.buttonAllBuddyList2.Guild {
	background-position: -68px -1814px;
	width: 76px
}

.HD .buttonAllBuddyList2,
.HD .room_item_buddy_tab2 {
	background-position: -849px 0;
	width: 82px
}

.HD .buttonAllBuddyList2.BuddyList,
.HD .room_item_buddy_tab2.BuddyList {
	background-position: -849px -30.5px;
	width: 82px
}

.HD .buttonAllBuddyList2.Guild,
.HD .room_item_buddy_tab2.Guild {
	background-position: -849px -61px;
	width: 82px
}

#buttonAllBuddyList3 {
	position: absolute;
	left: 725px;
	top: 275px
}

.HD #buttonAllBuddyList3,
.HD #room_item_buddy_tab3 {
	left: 727px
}

.buttonAllBuddyList3 {
	width: 72px;
	height: 30px;
	background-position: -143px -1286px
}

.buttonAllBuddyList3.BuddyList {
	background-position: -143px -1317px
}

.buttonAllBuddyList3.Guild {
	background-position: -143px -1814px
}

.HD .buttonAllBuddyList3,
.HD .room_item_buddy_tab3 {
	background-position: -930px 0;
	width: 70px
}

.HD .buttonAllBuddyList3.BuddyList,
.HD .room_item_buddy_tab3.BuddyList {
	background-position: -930px -30.5px;
	width: 70px
}

.glow_button:hover {
    box-shadow: 0 0 10px 10px #ff0 !important;
}

.glow_button {
    cursor: pointer;
}

.HD .buttonAllBuddyList3.Guild,
.HD .room_item_buddy_tab3.Guild {
	background-position: -930px -61px;
	width: 70px
}

#room_item_buddy_tab1 {
	position: absolute;
	left: 582px;
	top: 218px
}

.roomMap, #room_map, #RoomOptionsMapImage, .selectMap {
     background-image: url(/static/images/maps/minimaps.png?3);
    background-repeat: no-repeat;
}

#SelectMap {
    position: absolute;
    z-index: 30;
    left: 0;
    top: 0;
    width: 800px;
    height: 600px;
    background: rgba(0, 0, 0, 0.4);
    display: none;
}

#SelectMap.nobg {
    background: 0
}

.selectMap {
    cursor: pointer
}

#SelectMap,.mapSelectLock,.selectMap{
    position: absolute
}

.Map {
    background-image: url(/static/images/maps/minimaps.avif?4);
    background-repeat: no-repeat;
    margin: 7px;
    width: 213px;
    height: 49px
}

.selectMap {
    left: 142px;
    top: 282px;
    width: 213px;
    height: 49px;
    transform: scale(.9);
    transition: left .5s ease-out,top .5s ease-out
}

.selectMap:hover {
    z-index: 111!important
}

.mapSelectLock {
    left: 98px;
    top: 15px
}

.room_item_buddy_tab1 {
	background-position: -234px 0;
	width: 74px;
	height: 30px
}

.room_item_buddy_tab1.BuddyList {
	background-position: -234px -31px;
	width: 66px
}

.room_item_buddy_tab1.Guild {
	background-position: -234px -62px;
	width: 72px
}

.HD .room_item_buddy_tab1 {
	background-position: -785px -91.5px;
	width: 64.5px
}

.HD .room_item_buddy_tab1.BuddyList {
	background-position: -785px -122px;
	width: 64.5px
}

.HD .room_item_buddy_tab1.Guild {
	background-position: -785px -152.5px;
	width: 64.5px
}

#room_item_buddy_tab2 {
	position: absolute;
	left: 655px;
	top: 218px
}

.room_item_buddy_tab2 {
	width: 71px;
	height: 30px;
	background-position: -307px 0
}

.room_item_buddy_tab2.BuddyList {
	background-position: -300px -31px;
	width: 78px
}

.room_item_buddy_tab2.Guild {
	background-position: -305px -62px;
	width: 73px
}

#room_item_buddy_tab3 {
	position: absolute;
	left: 725px;
	top: 218px
}

.room_item_buddy_tab3 {
	width: 72px;
	height: 30px;
	background-position: -377px 0
}

.room_item_buddy_tab3.BuddyList {
	background-position: -377px -31px
}

.room_item_buddy_tab3.Guild {
	background-position: -377px -62px
}

#playerInfoDialog {
	position: absolute;
	left: 37px;
	top: 143px;
	width: 491px;
	height: 327px;
	background-position: 0 -319px;
	display: none;
	z-index: 30
}

#guild_leave,
.GuildName,
.GuildNameTeamA,
.GuildNameTeamB,
.RedButton,
.chatSpacer,
.rank_emoji {
	display: inline-block
}

.HD #playerInfoDialog {
	background-position: 0 -904px
}

#infoLoading {
	position: absolute;
	left: 200px;
	top: 11px;
	font-size: 30px;
	font-weight: 800;
	color: orange
}

#infoAddBuddy {
	position: absolute;
	left: 229px;
	top: 285px;
	width: 22px;
	height: 25px;
	background-position: -216px -1286px
}

.HD #infoAddBuddy {
	background-position: -495.5px -72.5px
}

#infoGuildInvite {
	position: absolute;
	left: 110px;
	top: 275px;
	width: 55px;
	height: 44px;
	background-position: -193px -1476px
}

.HD #infoGuildInvite,
.HD .chatDialogGuildInvite {
	background-position: -439px -63.5px
}

#infoChat {
	position: absolute;
	left: 329px;
	width: 28px;
	background-position: -304px -215px
}

.HD #infoChat {
	background-position: -594.5px -156px
}

#infoClose {
	position: absolute;
	left: 429px;
	width: 29px;
	background-position: -334px -215px
}

.HD #infoClose,
.HD .chatDialogClose {
	background-position: -624px -156px
}

#infoProfile {
	position: absolute;
	left: 172px;
	top: 97px;
	color: inherit
}

#LoginSubmit {
	height: 34px
}

#infoName {
	position: absolute;
	left: 75px;
	top: 200px;
	width: 85px;
	height: 54px;
	overflow: hidden;
	padding-left: 1px
}

.prixGanadosContainer {
	position: absolute;
    left: 175px;
    top: 78px;
}

.prixGanadosContainer img {
    max-width: 30px;
    height: auto;
}

#infoRanking {
	position: absolute;
	left: 250px;
	top: 135px
}

#infoGender {
	position: absolute;
	left: 250px;
	top: 154px
}

#infoGP {
	position: absolute;
	left: 250px;
	top: 173px
}

#infoWinRate {
	position: absolute;
	left: 250px;
	top: 192px
}

#infoDamage {
	position: absolute;
	left: 400px;
	top: 173px
}

#infoWin {
	position: absolute;
	left: 250px;
	top: 211px
}

#infoLose {
	position: absolute;
	left: 250px;
	top: 230px
}

#infoGuild {
	position: absolute;
	left: 400px;
	top: 136px
}

#infoGuildJob {
	position: absolute;
	left: 400px;
	top: 155px
}

#infoRank {
	position: absolute;
	left: 45px;
	top: 200px
}

#infoImageDiv {
	position: absolute;
	left: 34px;
	top: 78px;
	width: 124px;
	height: 106px;
	box-shadow: 0 0 5px 5px #6badde;
	cursor: pointer;
	overflow: hidden
}

#infoKey1 {
	position: absolute;
	left: 176px;
	top: 135px
}

#infoKey2 {
	position: absolute;
	left: 176px;
	top: 154px
}

#infoKey3 {
	position: absolute;
	left: 176px;
	top: 173px
}

#infoKey4 {
	position: absolute;
	left: 176px;
	top: 194px;
	font-size: 10px
}

#infoKey5 {
	position: absolute;
	left: 322px;
	top: 175px;
	font-size: 9px
}

#infoKey6 {
	position: absolute;
	left: 176px;
	top: 212px
}

#infoKey11 {
	position: absolute;
	left: 322px;
	top: 212px
}

#infoKey7 {
	position: absolute;
	left: 176px;
	top: 231px
}

#infoKey8 {
	position: absolute;
	left: 322px;
	top: 136px
}

#infoKey9 {
	position: absolute;
	left: 322px;
	top: 154px
}

.ChatDialog {
	position: absolute;
	left: 212px;
	top: 138px;
	width: 375px;
	height: 324px;
	background-position: 0 -647px;
	z-index: 20
}

.HD .ChatDialog {
	background-position: 0 -579.5px
}

.chatDialogName {
	position: absolute;
	left: 50px;
	top: 10px
}

.chatDialogClose {
	position: absolute;
	left: 325px;
	top: 282px;
	width: 29px;
	height: 31px;
	background-position: -334px -215px
}

.chatDialogEsc {
	position: absolute;
	left: 325px;
	top: 314px;
	font-size: 9px;
	color: #faa
}

.chatDialogInput,
.chatDialogText {
	position: absolute;
	font-size: 13px;
	color: #acf2f6
}

.chatDialogDelete {
	position: absolute;
	left: 26px;
	top: 288px;
	width: 32px;
	height: 25px;
	background-position: -239px -1286px
}

.HD .chatDialogDelete {
	background-position: -519px -72.5px
}

.chatDialogGuildKick {
	position: absolute;
	left: 118px;
	top: 280px;
	width: 46px;
	height: 36px;
	background-position: -198px -1593px
}

.HD .chatDialogGuildKick {
	background-position: -504px -99px
}

.chatDialogGuildInvite {
	position: absolute;
	left: 115px;
	top: 276px;
	width: 55px;
	height: 44px;
	background-position: -193px -1476px
}

.chatDialogInput {
	left: 9px;
	top: 248px;
	width: 341px;
	background-color: transparent;
	border: 0;
	padding: 6px;
	height: 16px
}

.chatDialogText {
	left: 15px;
	top: 44px;
	width: 347px;
	height: 195px
}

#filter_friends,
.roomBuddy {
	background-position: -94px -355px;
	width: 64px
}

#RoomOptionsMapImage,
#RoomOptionsMapLock {
	left: 47px;
	width: 213px;
	height: 49px;
	top: 171px
}

.chatDialogText .viewport {
	width: 317px;
	height: 198px;
	overflow: hidden;
	position: relative
}

.chatDialogText .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	word-wrap: break-word;
	width: 330px
}

.chatDialogText .scrollbar {
	background-color: transparent;
	position: relative;
	float: right;
	width: 15px;
	padding-top: 11px
}

#dialog_room_options {
	position: absolute;
	left: 94px;
	top: 111px;
	width: 375px;
	height: 383px;
	background-position: 0 -972px;
	z-index: 31
}

.HD #dialog_room_options {
	background-position: -375.5px -494.5px
}

@media(max-height:590px) {
	#dialog_room_options {
		transform: scale(1.25)
	}
}

@media(max-height:500px) {
	#dialog_room_options {
		transform: scale(1.5)
	}
}

#RoomOptionsModePrev {
	position: absolute;
	left: 88px;
	top: 63px
}

#RoomOptionsModeNext {
	position: absolute;
	left: 212px;
	top: 63px
}

#RoomOptionsMode {
	position: absolute;
	left: 105px;
	top: 61.5px;
	width: 100px
}

#RoomOptionsModeIcon {
	position: absolute;
	left: 233px;
	top: 48px
}

#RoomOptionsNumPlayersPrev {
	position: absolute;
	left: 88px;
	top: 108px
}

#RoomOptionsNumPlayersNext {
	position: absolute;
	left: 212px;
	top: 108px
}

#RoomOptionsPlayers {
	position: absolute;
	left: 97px;
	top: 106px;
	width: 115px;
	color: #ff6
}

#RoomOptionsMapPrev {
	position: absolute;
	left: 88px;
	top: 153px
}

#RoomOptionsMapNext {
	position: absolute;
	left: 212px;
	top: 153px
}

#RoomOptionsMapName {
	position: absolute;
	left: 100px;
	top: 151.5px;
	color: #6f9;
	width: 110px
}

#RoomOptionsMapImage {
	position: absolute
}

#RoomOptionsMapLock {
	position: absolute;
	background: rgba(128, 128, 128, .5)
}

#RoomOptionsMapLockImg {
	position: absolute;
	left: 100px;
	top: 13px
}

#RoomOptionsMapLockBtn {
	position: absolute;
	left: 15px;
	top: 14px;
	font-size: 9px;
	padding: 0 5px
}

#RoomOptionsAvatars {
	position: absolute;
	left: 100px;
	top: 262px;
	width: 110px
}

#RoomOptionsAvatarsGP {
	position: absolute;
	left: 135px;
	top: 238px;
	color: #ff0
}

#RoomOptionsAvatarsPrev {
	position: absolute;
	left: 88px;
	top: 263px
}

#RoomOptionsAvatarsNext {
	position: absolute;
	left: 212px;
	top: 263px
}

#RoomOptionsWind {
	position: absolute;
	left: 100px;
	top: 309px;
	width: 110px
}

#RoomOptionsWindGP {
	position: absolute;
	left: 135px;
	top: 287px;
	color: #ff0
}

#RoomOptionsWindPrev {
	position: absolute;
	left: 88px;
	top: 311px
}

#RoomOptionsWindNext {
	position: absolute;
	left: 212px;
	top: 311px
}

#RoomOptionsCancel {
	position: absolute;
	left: -30px;
	bottom: -6px
}

#RoomOptionsOK {
	position: absolute;
	right: -23px;
	bottom: -6px
}

#RoomOptionsRandomTeams {
	position: absolute;
	left: 239px;
	top: 105px;
	background-color: #07f;
	padding: 2px;
	border-radius: 9px
}

#RoomOptionsRandomTeamsLock {
	position: absolute;
	left: 239px;
	top: 101px
}

#RoomOptionsRandomTeamsRank {
	position: absolute;
	left: 237px;
	top: 117px
}

#RoomOptionsTele,
#RoomOptionsTeleLock {
	position: absolute;
	left: 284px;
	top: 237px
}

#RoomOptionsTeleRank {
	position: absolute;
	left: 282px;
	top: 254px
}

#RoomOptionsS1,
#RoomOptionsS1Lock {
	position: absolute;
	left: 238px;
	top: 283px
}

#RoomOptionsS1Rank {
	position: absolute;
	left: 238px;
	top: 303px
}

#RoomOptionsDualP,
#RoomOptionsDualPLock {
	position: absolute;
	left: 284px;
	top: 287px
}

#RoomOptionsDualPRank {
	position: absolute;
	left: 282px;
	top: 304px
}

#RoomOptionsTurnTime {
	position: absolute;
	left: 250px;
	top: 135px;
	padding: 2px 10px;
	font-size: 9px
}

#RoomOptionsTurnTimeLock {
	position: absolute;
	left: 240px;
	top: 133px
}

#RoomOptionsTurnTimeRank {
	position: absolute;
	left: 238px;
	top: 151px
}

#PlayCustomMap {
	position: absolute;
	left: 269px;
	top: 171px;
	font-size: 9px;
	padding: 0 5px
}

#GetCustomMaps {
	position: absolute;
	left: 269px;
	top: 199px;
	font-size: 9px;
	padding: 0 5px
}

#RoomS1Disabled {
	position: absolute;
	left: 270px;
	top: 45px
}

#RoomRandomTeams {
	position: absolute;
	left: 235px;
	top: 110px
}

.roomBuddy {
	position: absolute;
	left: 100px;
	top: 33px;
	height: 46px
}

#filter_guild,
.roomGuildMember {
	background-position: -159px -355px;
	width: 63px;
	height: 46px
}

#LoginOR1,
#loginTitle {
	width: 347px
}

.HD .roomBuddy {
	background-position: -348px -63.5px;
	width: 44px;
	height: 41px
}

.roomGuildMember {
	position: absolute;
	left: 136px;
	top: 33px
}

.HD #filter_guild,
.HD .roomGuildMember {
	background-position: -393.5px -63.5px;
	width: 44px;
	height: 41px
}

#myPhotoDiv {
	position: absolute;
	left: 588px;
	top: 116px;
	z-index: 10;
	overflow: hidden
}

#myGFPhotoDiv.glow_button_anim,
#myPhotoDiv.glow_button_anim {
	height: 35px;
	cursor: pointer
}

#myGFPhotoDiv {
	position: absolute;
	right: 10px;
	top: 116px;
	z-index: 10;
	overflow: hidden
}

#myGFStatus {
	position: absolute;
	right: -6px;
	top: 100px;
	z-index: 11
}

#myGFName {
	position: absolute;
	right: -8px;
	top: 150px;
	z-index: 11
}

#infoGFPhotoDiv {
	position: absolute;
	right: 28px;
	top: 71px;
	width: 62px;
	height: 53px;
	overflow: hidden
}

#infoGFPhotoDiv.glow_button_anim {
	height: 53px;
	cursor: pointer
}

#infoGFStatus {
	position: absolute;
	right: 11px;
	top: 53px
}

#infoGFName {
	position: absolute;
	right: 9px;
	top: 123px
}

.roomPlayerPhoto {
	position: absolute;
	left: 155px;
	top: 16px;
	width: 62px;
	height: 53px;
	z-index: 22
}

.roomPlayerPhoto .glow_button_anim {
	height: 53px
}

.infoImageS {
	box-shadow: 0 0 3px 3px #6badde
}

#lovePanel {
	position: absolute;
	left: 360px;
	top: 100px;
	width: 200px;
	height: 350px;
	background: #bc8f8f;
	border: 3px solid #8b4513
}

.myInfoRelText {
	font-size: 8px;
	font-style: italic;
	color: #fff;
	margin-left: -20px;
	width: 100px
}

.myInfoRelText1 {
	position: absolute;
	top: -17px
}

.myInfoRelText2 {
	position: absolute;
	top: 52px
}

.heartBrokenIcon,
.relationshipIcon,
.relationshipIconE,
.relationshipIconM {
	width: 16px;
	height: 16px;
	position: relative;
	display: inline-block
}

.relationshipIcon {
	background-image: url(/static/images/heart_icon.png);
	top: 3px
}

.HD .relationshipIcon {
	background-position: -981px -1029.5px
}

.relationshipIconE {
	background: url(/static/images/red_ring_icon.png);
	top: 3px
}

.HD .relationshipIconE {
	background-position: -981px -1064.5px
}

.relationshipIconM {
	background: url(/static/images/blue_ring_icon.png);
	top: 3px
}

.HD .relationshipIconM {
	background-position: -981px -1082px
}

.heartBrokenIcon {
	background: url(/static/images/heart_broken_icon.png);
	top: 3px
}

.HD .heartBrokenIcon {
	background-position: -981px -1047px
}

#infoRelationBtn {
	position: absolute;
	right: 95px;
	top: 74px;
	padding: 0 3px;
	font-size: 8px
}

#infoRelationBonus {
	position: absolute;
	left: 382px;
	top: 33px;
	width: 100px;
	font-size: 7px;
	color: #ff0
}

#gp_team_a {
	position: absolute;
	left: 228px;
	top: 465px;
	color: #ff0
}

#gp_team_b {
	position: absolute;
	left: 291px;
	color: #ff0
}

#gp_rate {
	position: absolute;
	left: 264px;
	top: 449px;
	color: #ff0
}

.howto1 {
	font-weight: 700;
	text-decoration: underline;
	color: #f60
}

.howto2 {
	font-weight: 700;
	color: #ffeb90
}

.howto3 {
	padding: 10px;
	color: #fa1
}

.howto4 {
	padding: 5px 10px 10px;
	color: #fff0d0
}

#BrokerPlayer,
.UsernameAboveDialog {
	padding-top: 3px;
	font-size: 12px;
	position: absolute;
	height: 22px;
	text-align: center
}

#filter_all,
#filter_friends,
#filter_waiting {
	height: 46px;
	position: absolute
}

#guild_create {
	margin-left: 68px;
	width: 71px;
	height: 71px;
	background-position: -72px -1521px
}

.HD #guild_create {
	background-position: -500px 0;
	background-size: 1000px 1500px
}

#create_guild_name {
	width: 150px
}

#guild_leave {
	width: 56px;
	height: 36px;
	background-position: -245px -1593px
}

.HD #guild_leave {
	background-position: -504px -136px
}

.GuildName {
	color: #f7a539
}

.GuildNameTeamA {
	color: #f09
}

.GuildNameTeamB {
	color: #09f
}

#BrokerWindow {
	position: absolute;
	left: 82px;
	top: 104px;
	width: 636px;
	height: 388px;
	border: 2px solid #000;
	border-radius: 20px;
	color: #fff;
	z-index: 999;
	background: rgba(20, 20, 140, .6);
	background-size: cover;
	box-shadow: 5px 10px 30px 10px #000, inset 1px 2px 4px #7394b5;

}

#BrokerPlayer {
	left: 200px;
	top: 80px;
	width: 400px;
	border: 2px solid #000;
	border-radius: 40px 40px 0 0;
	color: #fff;
	z-index: 998;
	background: rgba(20, 20, 240, .8);
	background-size: cover;
	box-shadow: 5px 5px 30px 10px #000, inset 1px 2px 4px #7394b5
}

#channelName,
#prixPoints {
	top: 430px;
	font-size: 15px
}

.UsernameAboveDialog {
	left: -20px;
	top: -35px;
	width: 290px;
	border: 2px solid #000;
	border-radius: 40px 40px 0 0;
	color: #fff;
	z-index: -3;
	background: rgba(50, 50, 150, .7);
	background-size: cover;
	box-shadow: inset 1px 2px 4px #7394b5
}

#BrokerTitle {
	position: absolute;
	left: 0;
	top: 10px;
	width: 100%;
	color: #fff
}

#BrokerTotalPlayers {
	position: absolute;
	left: 20px;
	bottom: 20px;
	color: #fff
}

.BrokerChannel {
    position: absolute;
    width: 190px;
    height: 70px;
    background: url(/static/images/servers.png?3) 0 -72px no-repeat;
}

#BrokerChannel0 {

	left: 119px;
	top: 40px;
}

#BrokerChannel1 {

	left: 327px;
	top: 40px;
}

#BrokerChannel2 {
left: 230px;
    top: 300px;
    display: none;

}

#BrokerChannel3 {
	left: 16px;
    top: 127px;
}

#BrokerChannel4 {
	left: 223px;
	top: 127px;
}

#BrokerChannel5 {
	background-image: url(/static/images/server_bunge.webp) !important;
	background-repeat: no-repeat;
	background-size: cover;
	left: 430px;
	top: 127px;
}

#BrokerChannel5.Event400Plus::before {
    content: "";
    position: absolute;
    width: 270px;
    height: 130px;
    top: -30px;
    scale: 0.74;
    left: -43px;
    background-image: url("/static/images/bunge_server.gif");
    background-repeat: no-repeat;
    background-size: cover;
}

#BrokerChannel6 {
	display: none !important;
	left: 16px;
	top: 214px
}

#BrokerChannel7 {
	left: 16px;
	top: 214px;
}

#BrokerChannel8 {

	left: 223px;
	top: 214px;
}

#BrokerChannel9 {
	left: 430px;
	top: 214px;
}

#BrokerChannel10 {
	left: 119px;
	top: 301px;
}

#BrokerChannel11 {
	left: 327px;
	top: 301px;
}

#BrokerChannel12 {
	left: 16px;
	top: 388px
}

#BrokerChannel13 {
	left: 223px;
	top: 388px
}

#BrokerChannel14 {
	left: 430px;
	top: 388px
}

.BrokerChannel.BrokerChannelFull {
	color: #9cf
}

.BrokerChannel.BrokerChannelFull .BrokerChannelFullIcon {
	position: absolute;
	top: 38px;
	left: 11px;
	width: 42px;
	height: 20px;
	background-position: -177px -606px
}

.BrokerChannelName {
	position: absolute;
	left: 5px;
	top: 8px;
	color: #fff;
	font-size: 14px
}

.BrokerNumPlayers2 {
	position: absolute;
	left: 110px;
	top: 31px;
	height: 7px;
	background: #0f0;
	width: 0
}

.BrokerMaxPlayers2 {
	position: absolute;
	left: 109px;
	top: 30px;
	height: 7px;
	background: #00f;
	border: 1px solid #000;
	width: 74px
}

.BrokerRanks {
	left: 60px;
	top: 43px;
	font-size: 22px
}

.BrokerDesc {
	left: 10px;
	top: 48px;
	font-size: 12px;
	width: 178px
}

#BrokerRefresh {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 34px;
	height: 20px;
	background-position: -302px -1593px
}

.HD #BrokerRefresh {
	background-position: -552.5px -72.5px
}

#filter_all {
	left: 20px;
	top: 28px;
	background-position: 0 -355px;
	width: 46px
}

#filter_waiting {
	left: 70px;
	top: 28px;
	background-position: -47px -355px;
	width: 46px
}

#filter_normal {
	position: absolute;
	left: 137px;
	top: 78px
}

#filter_boss {
	position: absolute;
	left: 187px;
	top: 78px
}

#filter_same {
	position: absolute;
	left: 237px;
	top: 78px;
	display: none !important;
}

#filter_score {
	position: absolute;
	left: 287px;
	top: 78px
}

#filter_friends {
	left: 20px;
	top: 78px
}

#filter_guild {
	position: absolute;
	left: 70px;
	top: 78px
}

.HD #filter_all {
	background-position: 0 -63.5px;
	width: 45.5px;
	height: 45px
}

.HD #filter_waiting {
	background-position: -47.5px -63.5px;
	width: 46px;
	height: 45px
}

.HD #filter_friends {
	background-position: -348.5px -63.5px;
	width: 43px;
	height: 41px
}

#roomsPage {
	position: absolute;
	left: 536px;
	top: 270px;
	min-width: 40px
}

.iconMode3.selectedFilter {
	filter: hue-rotate(165deg) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

.iconeventosala.selectedFilter {
	filter: hue-rotate(165deg) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

.iconMode5.selectedFilter {
	filter: hue-rotate(165deg) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

.HD .iconMode3.selectedFilter,
.selectedFilter {
	filter: drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

.HD .iconMode5.selectedFilter,
.selectedFilter {
	filter: drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

.selectedFilter.light_button:hover {
	filter: brightness(1.3) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

#dialogCharge {
	position: absolute;
	left: 200px;
	top: 100px;
	width: 400px;
	height: 350px;
	border: 4px solid #000;
	border-radius: 40px;
	padding: 20px;
	display: none;
	background: url(/static/images/bg_cash.jpg) #dde
}

#dialogChargeClose {
	position: absolute;
	right: 10px;
	top: 10px
}

.buttonClose {
	background-position: -197px -478px;
	width: 39px;
	height: 39px;
	border-radius: 20px
}

.TBG,
.TBGnBorder {
	background: rgba(0, 0, 0, .5)!important
}

.HD .buttonClose {
	background-position: -738px 0
}

#channelName {
	position: absolute;
	left: 18px;
	color: #fff;
	padding: 5px
}

#prixPoints {
	position: absolute;
	right: 243px;
	height: 22px;
	line-height: 22px;
	color: #fe0;
	padding: 0 0 0 6px;
	border: 2px solid #000;
	border-radius: 5px;
	background-color: rgba(0, 40, 120, .7);
	display: none
}

.shopEventIcon {
    font-size: 22px;
    text-align: center;
    line-height: 31px;
}

.eventPointsShadow {
    text-shadow: -1px 0 2px #0c4a0c, 0 1px 2px #0c4a0c, 1px 0 2px #0c4a0c, 0 -1px 2px #0c4a0c;
}

.shop_item_event_points {
    position: absolute;
    top: 131px;
    right: 16px;
    width: 152px;
    height: 12px;
    color: #8ef58e;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
}

#buttonShopEvent {
    position: absolute;
    left: 653px;
    top: 542px;
    width: 57px;
    height: 31px;
    text-align: center;
    background-image: none !important;
}

.shopButton.selected {
    box-shadow: 0 0 12px 4px #4a90e2, inset 0 0 8px 2px rgba(74, 144, 226, 0.8);
    filter: brightness(1.15);
}

#resetPrixPoints {
	height: 22px;
	padding: 0 6px
}

.TBGnBorder {
	border: 2px solid #000!important;
	border-radius: 5px;
	box-shadow: 0 0 4px #f80
}

.TBGW {
	background: rgba(150, 150, 150, .5)
}

#roomInfoBG {
	position: absolute;
	left: 2px;
	top: 2px;
	width: 572px;
	height: 109px;
	background: rgba(100, 100, 100, .5);
	border-radius: 18px
}

#roomItemsBG {
	position: absolute;
	left: 582px;
	top: 247px;
	width: 215px;
	height: 283px
}

#roomInfo1 {
	position: absolute;
	right: 410px;
	top: 27px;
	color: #f4b
}

#roomInfo2 {
	position: absolute;
	right: 410px;
	top: 41px;
	color: #09f
}

#roomInfo3 {
	position: absolute;
	right: 410px;
	top: 55px;
	color: #ff0
}

#roomInfo4 {
	position: absolute;
	right: 410px;
	top: 69px;
	color: #9f0
}

#roomInfo5 {
	position: absolute;
	left: 613px;
	top: 294px;
	font-size: 18px
}

#roomInfo6 {
	position: absolute;
	left: 583px;
	top: 354px;
	font-size: 18px;
	width: 213px
}

#shopTitle {
	position: absolute;
	left: 460px;
	text-shadow: red -20px 0 40px, red 0 20px 40px, red 20px 0 40px, red 0 -20px 40px, red -1px 0 1px, red 0 1px 1px, red 1px 0 1px, red 0 -1px 1px;
	font-size: 24px;
	font-weight: 800;
	color: #fff
}

#shopMyBox {
	position: absolute;
	left: 4px;
	top: 6px;
	width: 210px;
	height: 171px;
	background: rgba(140, 140, 140, .5);
	border-radius: 10px
}

#shopInvTitle {
	position: absolute;
	left: 75px;
	top: 185px
}

#shopInvBox {
	position: absolute;
	left: 4px;
	top: 204px;
	width: 229px;
	height: 318px
}

#chargeWindow {
	position: absolute;
	left: 50%;
	top: 10px;
	margin-left: -400px;
	z-index: 1500;
	width: 820px;
	height: 897px;
	display: none;
	background: rgba(0, 50, 100, .95);
	border: 4px solid #000;
	border-radius: 20px 20px 0 0;
	font-size: 12px;
	transform-origin: center top;
	transition: width .2s ease-in-out;
	transform: scale(0.9);
}

@media(max-width:900px) {
	#chargeWindow {
		transform: scale(.9)
	}
}

@media(max-width:799px) {
	#chargeWindow {
		transform: scale(.8)
	}
}

@media(max-width:720px) {
	#chargeWindow {
		transform: scale(.7)
	}
}

@media(max-width:620px) {
	#chargeWindow {
		transform: scale(.6)
	}
}

@media(max-width:535px) {
	#chargeWindow {
		transform: scale(.5)
	}
}

@media(max-width:445px) {
	#chargeWindow {
		transform: scale(.4)
	}
}

@media(max-width:1150px) {
	#chargeWindow.large {
		transform: scale(.9)
	}
}

@media(max-width:1030px) {
	#chargeWindow.large {
		transform: scale(.8)
	}
}

@media(max-width:920px) {
	#chargeWindow.large {
		transform: scale(.7)
	}
}

@media(max-width:800px) {
	#chargeWindow.large {
		transform: scale(.6)
	}
}

@media(max-width:680px) {
	#chargeWindow.large {
		transform: scale(.5)
	}
}

@media(max-width:570px) {
	#chargeWindow.large {
		transform: scale(.4)
	}
}

#chargeWindow.large {
	width: 1100px;
	margin-left: -550px
}

#charge_pin_btn {
	background: url(/static/images/payment_options.png?7) 0 -175px no-repeat;
	top: 10px;
	left: 490px
}

#buypin_btn {
	top: 10px;
	left: 170px;
	background: url(/static/images/payment_options.png?7) 0 -105px no-repeat
}

#charge_bitcoin_btn {
	top: 10px;
	left: 330px;
	background: url(/static/images/payment_options.png?7) no-repeat
}

#charge_dbz_btn {
	top: 10px;
	left: 10px;
	background: url(/static/images/payment_options.png?7) 0 -455px no-repeat
}

#moneda_dbz_btn2 {
	top: 50px;
	left: 170px;
	width: 155px;
	height: 35px;
	background-color: #E3E4E5;
	border-radius: 10px;
	display: flex;
  	justify-content: center;
  	align-items: center;
	color: #15FA15;
	font-size: 17px;
	font-weight: 700;
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	text-shadow: -2px 0 4px black, 0 2px 4px black, 2px 0 4px black, 0 -2px 4px black, 0 -1px 4px black, 1px 0 4px black;
}

#moneda_dbz_btn2:hover {

	background-color: white;
	border-radius: 10px;
}

#moneda_dbz_btn3 {
	top: 10px;
	left: 330px;
	width: 155px;
	height: 35px;
	background-color: #E3E4E5;
	border-radius: 10px;
	display: flex;
  	justify-content: center;
  	align-items: center;
	color: #15FA15;
	font-size: 17px;
	font-weight: 700;
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	text-shadow: -2px 0 4px black, 0 2px 4px black, 2px 0 4px black, 0 -2px 4px black, 0 -1px 4px black, 1px 0 4px black;
}

#moneda_dbz_btn3:hover {

	background-color: white;
	border-radius: 10px;
}

#paymentwall_btn {
	top: 55px;
	left: 10px;
	background: url(/static/images/payment_options.png?7) 0 -70px no-repeat
}

#reseller1_btn {
	top: 10px;
	left: 170px;
	background: url(/static/images/payment_options.png?7) 0 -420px no-repeat
}

#reseller2_btn {
	top: 10px;
	left: 330px;
	background: url(/static/images/payment_options.png?7) 0 -385px no-repeat
}

#charge_myinfo_btn {
	top: 55px;
	left: 490px;
	background: url(/static/images/payment_options.png?7) 0 -140px no-repeat
}

#new_charge {
	left: 144px;
	top: -11px;
	display: block;
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-ms-transfcharge_pin_btnorm: rotate(15deg);
	-o-transform: rotate(15deg);
	transform: rotate(15deg)
}

.ChargeFrame {
	width: 100%;
	height: 807px
}

#ChargeWelcomeMsg {
	font-size: 30px;
	margin: 180px auto 0
}

.seller_button {
	position: absolute;
	width: 153px;
	height: 34px
}

#chargeWindowPayment {
	margin-top: 92px
}

#ShareWindowClose,
#chargeWindowClose {
	position: absolute;
	right: -15px;
	top: -15px
}

#new_img {
	position: absolute;
	top: -2px;
	width: 90px;
	height: 51px;
	background-position: -252px -1715px
}

#NameChangeLittle {
	font-size: 8px
}

#Face8ookLike {
	position: absolute;
	left: 246px;
	top: 434px
}

.fb_iframe_widget iframe {
	bottom: 0!important
}

.fb_edge_widget_with_comment span.fb_send_button_form_widget {
	top: -240px!important
}

.fb_iframe_widget_lift {
	z-index: 20!important
}

#Tweeter {
	position: absolute;
	left: 382px;
	top: 428px
}

#GooglePlus {
	position: absolute;
	left: 489px;
	top: 428px
}

.rank_emoji {
	transform: scale(.8);
	height: 12px;
	margin-left: -2px;
	margin-right: -2px
}

.wordBreak {
	word-break: break-all
}

.chatSpacer {
	width: 2px
}

#updater {
	right: 4px;
	top: 4px;
	background-color: #fec;
	z-index: 12000;
	padding: 3px;
	box-shadow: 0 0 3px 3px red;
	font-size: 11px;
	display: none
}

#cashBonus1,
#cashBonus2 {
	top: 20px;
	font-size: 12px
}

.ContactTitle {
	color: #ffffe0;
	font-size: 18px;
	border-bottom: 1px solid #aaa
}

.ContactName {
	color: #ff0;
	font-size: 16px
}

.ContactLang,
.TermsArea {
	font-size: 11px;
	color: #fff
}

.ContactLang {
	font-weight: 400;
	font-style: italic
}
.rankHD_span30 {
    display: inline-block;
    background-size: cover !important;
    width: 50px;
    height: 30px
}

.rankHD_span21 {
    display: inline-block;
    background-size: cover !important;
    width: 35px;
    height: 21px
}

.rankHD_span18 {
    display: inline-block;
    background-size: cover !important;
    width: 30px;
    height: 18px
}

.rankHD_span15,
.rank {
    display: inline-block;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 25px;
    height: 15px
}

.rankHD_span12 {
    display: inline-block;
    background-size: cover !important;
    width: 20px;
    height: 12px
}

.rank0,
.rankHD0,
.HD .rank0 {
    background-image: url(/static/images/ranks2/0.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank1,
.rankHD1,
.HD .rank1 {
    background-image: url(/static/images/ranks2/1.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank2,
.rankHD2,
.HD .rank2 {
    background-image: url(/static/images/ranks2/2.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank3,
.rankHD3,
.HD .rank3 {
    background-image: url(/static/images/ranks2/3.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank4,
.rankHD4,
.HD .rank4 {
    background-image: url(/static/images/ranks2/4.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank5,
.rankHD5,
.HD .rank5 {
    background-image: url(/static/images/ranks2/5.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank6,
.rankHD6,
.HD .rank6 {
    background-image: url(/static/images/ranks2/6.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank7,
.rankHD7,
.HD .rank7 {
    background-image: url(/static/images/ranks2/7.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank8,
.rankHD8,
.HD .rank8 {
    background-image: url(/static/images/ranks2/8.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank9,
.rankHD9,
.HD .rank9 {
    background-image: url(/static/images/ranks2/9.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank10,
.rankHD10,
.HD .rank10 {
    background-image: url(/static/images/ranks2/10.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank11,
.rankHD11,
.HD .rank11 {
    background-image: url(/static/images/ranks2/11.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank12,
.rankHD12,
.HD .rank12 {
    background-image: url(/static/images/ranks2/12.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank13,
.rankHD13,
.HD .rank13 {
    background-image: url(/static/images/ranks2/13.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank14,
.rankHD14,
.HD .rank14 {
    background-image: url(/static/images/ranks2/14.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank15,
.rankHD15,
.HD .rank15 {
    background-image: url(/static/images/ranks2/15.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank16,
.rankHD16,
.HD .rank16 {
    background-image: url(/static/images/ranks2/16.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank17,
.rankHD17,
.HD .rank17 {
    background-image: url(/static/images/ranks2/17.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank18,
.rankHD18,
.HD .rank18 {
    background-image: url(/static/images/ranks2/18.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank19,
.rankHD19,
.HD .rank19 {
    background-image: url(/static/images/ranks2/19.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank20,
.rankHD20,
.HD .rank20 {
    background-image: url(/static/images/ranks2/20.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank21,
.rankHD21,
.HD .rank21 {
    background-image: url(/static/images/ranks2/21.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank22,
.rankHD22,
.HD .rank22 {
    background-image: url(/static/images/ranks2/22.png?2) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank23,
.rankHD23,
.HD .rank23 {
    background-image: url(/static/images/ranks2/23.png?2) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank24,
.rankHD24,
.HD .rank24 {
    background-image: url(/static/images/ranks2/24.png?2) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank25,
.rankHD25,
.HD .rank25 {
    background-image: url(/static/images/ranks2/25.png?2) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank26,
.rankHD26,
.HD .rank26 {
    background-image: url(/static/images/ranks2/26.png?2) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank27,
.rankHD27,
.HD .rank27 {
    background-image: url(/static/images/ranks2/27.png?2) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank28,
.rankHD28,
.HD .rank28 {
    background-image: url(/static/images/ranks2/28.png?2) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank29,
.rankHD29,
.HD .rank29 {
    background-image: url(/static/images/ranks2/29.png?2) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank30,
.rankHD30,
.HD .rank30 {
    background-image: url(/static/images/ranks2/30.png?2) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank31,
.rankHD31,
.HD .rank31 {
    background-image: url(/static/images/ranks2/31.png?2) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank32,
.rankHD32,
.HD .rank32 {
    background-image: url(/static/images/ranks2/32.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.rank.hide,
.rankHD_span30.hide,
.rankHD_span21.hide,
.rankHD_span18.hide,
.rankHD_span15.hide,
.rankHD_span12.hide {
    display: none !important;
}

#ranking_panel {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
}

#ranking_data2 {
    height: auto !important;
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
}

#ranking_data,
#ranking_home {
    box-sizing: border-box;
    padding-bottom: 4px;
}

.seasonRankBadge.rank0 {
    background-image: url(/static/images/ranks3/0.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank1 {
    background-image: url(/static/images/ranks3/1.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank2 {
    background-image: url(/static/images/ranks3/2.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank3 {
    background-image: url(/static/images/ranks3/3.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank4 {
    background-image: url(/static/images/ranks3/4.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank5 {
    background-image: url(/static/images/ranks3/5.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank6 {
    background-image: url(/static/images/ranks3/6.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank7 {
    background-image: url(/static/images/ranks3/7.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank8 {
    background-image: url(/static/images/ranks3/8.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank9 {
    background-image: url(/static/images/ranks3/9.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank10 {
    background-image: url(/static/images/ranks3/10.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank11 {
    background-image: url(/static/images/ranks3/11.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank12 {
    background-image: url(/static/images/ranks3/12.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank13 {
    background-image: url(/static/images/ranks3/13.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank14 {
    background-image: url(/static/images/ranks3/14.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank15 {
    background-image: url(/static/images/ranks3/15.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank16 {
    background-image: url(/static/images/ranks3/16.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank17 {
    background-image: url(/static/images/ranks3/17.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank18 {
    background-image: url(/static/images/ranks3/18.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank19 {
    background-image: url(/static/images/ranks3/19.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank20 {
    background-image: url(/static/images/ranks3/20.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank21 {
    background-image: url(/static/images/ranks3/21.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank22 {
    background-image: url(/static/images/ranks3/22.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank23 {
    background-image: url(/static/images/ranks3/23.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank24 {
    background-image: url(/static/images/ranks3/24.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank25 {
    background-image: url(/static/images/ranks3/25.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank26 {
    background-image: url(/static/images/ranks3/26.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank27 {
    background-image: url(/static/images/ranks3/27.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank28 {
    background-image: url(/static/images/ranks3/28.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank29 {
    background-image: url(/static/images/ranks3/29.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank30 {
    background-image: url(/static/images/ranks3/30.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank31 {
    background-image: url(/static/images/ranks3/31.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank32 {
    background-image: url(/static/images/ranks3/32.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank33 {
    background-image: url(/static/images/ranks3/33.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank34 {
    background-image: url(/static/images/ranks3/34.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank35 {
    background-image: url(/static/images/ranks3/35.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank36 {
    background-image: url(/static/images/ranks3/36.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank37 {
    background-image: url(/static/images/ranks3/37.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank38 {
    background-image: url(/static/images/ranks3/38.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank39 {
    background-image: url(/static/images/ranks3/39.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank40 {
    background-image: url(/static/images/ranks3/40.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.seasonRankBadge.rank41 {
    background-image: url(/static/images/ranks3/41.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

#freecashWindow td,
.ContactFB a {
	padding: 5px
}

.TermsArea {
	background-color: transparent;
	width: 100%;
	height: 80%;
	border: 0
}

.refresh_button_friends {
	border: 1px solid #25729a;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: arial, helvetica, sans-serif;
	padding: 10px;
	font-weight: 700;
	color: #fff;
	background-color: #3093c7;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3093c7), color-stop(100%, #1c5a85));
	background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
	background-image: linear-gradient(top, #3093c7, #1c5a85);
	font-size: 15px;
	width: 138px
}

.refresh_button_friends:hover {
	border: 1px solid #1c5675;
	background-color: #26759e;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #26759e), color-stop(100%, #133d5b));
	background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
	background-image: -moz-linear-gradient(top, #26759e, #133d5b);
	background-image: -ms-linear-gradient(top, #26759e, #133d5b);
	background-image: -o-linear-gradient(top, #26759e, #133d5b);
	background-image: linear-gradient(top, #26759e, #133d5b)
}

.refresh_button_friends:active {
	border: 1px solid #1c5675;
	background-color: #26759e;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #133d5b), color-stop(100%, #26759e));
	background-image: -webkit-linear-gradient(top, #133d5b, #26759e);
	background-image: -moz-linear-gradient(top, #133d5b, #26759e);
	background-image: -ms-linear-gradient(top, #133d5b, #26759e);
	background-image: -o-linear-gradient(top, #133d5b, #26759e);
	background-image: linear-gradient(top, #133d5b, #26759e)
}

.RedButton {
	border: 1px solid #72021c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 6px;
	color: #fff;
	background-color: #a90329;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a90329), color-stop(100%, #6d0019));
	background-image: -webkit-linear-gradient(top, #a90329, #6d0019);
	background-image: -moz-linear-gradient(top, #a90329, #6d0019);
	background-image: -ms-linear-gradient(top, #a90329, #6d0019);
	background-image: -o-linear-gradient(top, #a90329, #6d0019);
	background-image: linear-gradient(top, #a90329, #6d0019);
	font-size: 14px;
	vertical-align: top
}

.BonusMsg,
.EventGameMsg1,
.EventGameMsg2,
.EventGameMsg3 {
	top: 240px;
	font-size: 60px;
	opacity: 0;
	position: absolute;
	left: 0;
	font-weight: 700;
	text-align: center;
	width: 800px
}

.RedButton:active,
.RedButton:hover {
	border: 1px solid #450111;
	background-color: #77021d
}

.gumbao-chat-line audio,
.ui-button,
.ui-spinner,
.ui-spinner-input {
	vertical-align: middle
}

.RedButton:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #77021d), color-stop(100%, #3a000d));
	background-image: -webkit-linear-gradient(top, #77021d, #3a000d);
	background-image: -moz-linear-gradient(top, #77021d, #3a000d);
	background-image: -ms-linear-gradient(top, #77021d, #3a000d);
	background-image: -o-linear-gradient(top, #77021d, #3a000d);
	background-image: linear-gradient(top, #77021d, #3a000d)
}

.RedButton:active {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3a000d), color-stop(100%, #77021d));
	background-image: -webkit-linear-gradient(top, #3a000d, #77021d);
	background-image: -moz-linear-gradient(top, #3a000d, #77021d);
	background-image: -ms-linear-gradient(top, #3a000d, #77021d);
	background-image: -o-linear-gradient(top, #3a000d, #77021d);
	background-image: linear-gradient(top, #3a000d, #77021d)
}

@keyframes move {
	from {
		bottom: 100px
	}
	to {
		bottom: 70px;
		transform: scale(1.2)
	}
}

@-moz-keyframes move {
	from {
		bottom: 100px
	}
	to {
		bottom: 70px;
		-moz-transform: scale(1.2)
	}
}

@-webkit-keyframes move {
	from {
		bottom: 100px
	}
	to {
		bottom: 70px;
		-webkit-transform: scale(1.2)
	}
}

@keyframes text_anim {
	100%,
	from {
		opacity: 0;
		transform: translate(-50px, 0) scale(.1) rotate(-40deg)
	}
	5%,
	95% {
		opacity: .85;
		transform: translate(0, 0) scale(1) rotate(0)
	}
}

@-moz-keyframes text_anim {
	100%,
	from {
		opacity: 0;
		-moz-transform: translate(-50px, 0) scale(.1) rotate(-40deg)
	}
	5%,
	95% {
		opacity: .85;
		-moz-transform: translate(0, 0) scale(1) rotate(0)
	}
}

@-webkit-keyframes text_anim {
	100%,
	from {
		opacity: 0;
		-webkit-transform: translate(-50px, 0) scale(.1) rotate(-40deg)
	}
	5%,
	95% {
		opacity: .85;
		-webkit-transform: translate(0, 0) scale(1) rotate(0)
	}
}

@keyframes event_anim {
	100%,
	from {
		opacity: 0;
		transform: translate(-50px, 0) scale(.1) rotate(40deg)
	}
	25%,
	75% {
		opacity: .85;
		transform: translate(0, 0) scale(1) rotate(0)
	}
}

@-moz-keyframes event_anim {
	100%,
	from {
		opacity: 0;
		-moz-transform: translate(-50px, 0) scale(.1) rotate(40deg)
	}
	25%,
	75% {
		opacity: .85;
		-moz-transform: translate(0, 0) scale(1) rotate(0)
	}
}

@-webkit-keyframes event_anim {
	100%,
	from {
		opacity: 0;
		-webkit-transform: translate(-50px, 0) scale(.1) rotate(40deg)
	}
	25%,
	75% {
		opacity: .85;
		-webkit-transform: translate(0, 0) scale(1) rotate(0)
	}
}

@keyframes bonus_msg_anim {
	from {
		opacity: 0;
		transform: translate(-50px, 0) scale(.1) rotate(40deg)
	}
	25%,
	75% {
		opacity: .85;
		transform: translate(0, 0) scale(1) rotate(0)
	}
	100% {
		opacity: 0;
		transform: translate(0, 0) scale(1) rotate(0)
	}
}

@-moz-keyframes bonus_msg_anim {
	from {
		opacity: 0;
		-moz-transform: translate(-50px, 0) scale(.1) rotate(40deg)
	}
	25%,
	75% {
		opacity: .85;
		-moz-transform: translate(0, 0) scale(1) rotate(0)
	}
	100% {
		opacity: 0;
		-moz-transform: translate(0, 0) scale(1) rotate(0)
	}
}

@-webkit-keyframes bonus_msg_anim {
	from {
		opacity: 0;
		-webkit-transform: translate(-50px, 0) scale(.1) rotate(40deg)
	}
	25%,
	75% {
		opacity: .85;
		-webkit-transform: translate(0, 0) scale(1) rotate(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 0) scale(1) rotate(0)
	}
}

.text_anim {
	animation: 7s linear text_anim;
	-moz-animation: 7s linear text_anim;
	-webkit-animation: 7s linear text_anim
}

#no_win_bonus {
	position: absolute;
	left: 587px;
	top: 72px;
	background-color: #222;
	color: #fe6001;
	width: 200px;
	padding: 3px;
	display: none
}

#UltimatePayBuyButton {
	width: 356px;
	height: 95px;
	background: url(/static/images/UltimatePay2.png);
	margin: 50px 200px;
	transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out
}

#UltimatePayBuyButton:hover {
	box-shadow: 0 0 50px #00f;
	-webkit-box-shadow: 0 0 50px #00f;
	-moz-box-shadow: 0 0 50px #00f;
	transform: scale(1.1) rotate(-5deg);
	-webkit-transform: scale(1.1) rotate(-5deg);
	-moz-transform: scale(1.1) rotate(-5deg);
	-o-transform: scale(1.1) rotate(-5deg);
	cursor: pointer
}

.EventGameMsg1 {
	color: #f48;
	animation: 10s linear event_anim;
	text-shadow: #000 -20px 0 40px, #000 0 20px 40px, #000 20px 0 40px, #000 0 -20px 40px, #000 -1px 0 1px, #000 0 1px 1px, #000 1px 0 1px, #000 0 -1px 1px
}

.EventGameMsg2,
.EventGameMsg3 {
	animation: 2s linear event_anim
}

.EventGameMsg2 {
	color: #cf4;
	text-shadow: #000 -10px 0 20px, #000 0 10px 20px, #000 10px 0 20px, #000 0 -10px 20px, #000 -1px 0 1px, #000 0 1px 1px, #000 1px 0 1px, #000 0 -1px 1px
}

.BonusMsg,
.EventGameMsg3 {
	text-shadow: #000 -20px 0 40px, #000 0 20px 40px, #000 20px 0 40px, #000 0 -20px 40px, #000 -1px 0 1px, #000 0 1px 1px, #000 1px 0 1px, #000 0 -1px 1px
}

.EventGameMsg3 {
	color: #f3f
}

.BonusMsg {
	animation: 2s linear bonus_msg_anim
}

#cashBonus1 {
	position: absolute;
	left: 190px;
	font-weight: 700;
	color: #ff0;
	animation: 1s linear infinite alternate move;
	-moz-animation: 1s linear infinite alternate move;
	-webkit-animation: 1s linear infinite alternate move
}

#cashBonus2 {
	position: absolute;
	left: 350px;
	font-weight: 700;
	color: #ff0;
	animation: 1s linear infinite alternate move;
	-moz-animation: 1s linear infinite alternate move;
	-webkit-animation: 1s linear infinite alternate move
}

#DragonThemeDialog {
	display: none;
	font-size: 11px;
	z-index: 2222
}

#DragonThemeDialog .DragonWindowBody {
	padding: 10px
}

#DragonThemeDialog .DragonWindowBody2 {
	padding: 10px
}

#DragonThemeDialog input {
	width: 389px
}

#OptionsTheme {
	font-size: 10px
}

#themeFull {
	width: 462px;
	height: 100px
}

.animRotate {
	animation: 20s infinite animRotate;
	-webkit-animation: 20s infinite animRotate
}

@keyframes animRotate {
	100%,
	from {
		transform: rotate(0) scale(1.3)
	}
	10% {
		transform: rotate(0) scale(1)
	}
	20%,
	90% {
		transform: rotate(-15deg)
	}
	30%,
	80% {
		transform: rotate(15deg)
	}
	40% {
		transform: rotate(-370deg)
	}
	50% {
		transform: rotate(-350deg)
	}
	60% {
		transform: rotate(-365deg)
	}
	70% {
		transform: rotate(-355deg)
	}
}

@-webkit-keyframes animRotate {
	100%,
	from {
		-webkit-transform: rotate(0) scale(1.3)
	}
	10% {
		-webkit-transform: rotate(0) scale(1)
	}
	20%,
	90% {
		-webkit-transform: rotate(-15deg)
	}
	30%,
	80% {
		-webkit-transform: rotate(15deg)
	}
	40% {
		-webkit-transform: rotate(-370deg)
	}
	50% {
		-webkit-transform: rotate(-350deg)
	}
	60% {
		-webkit-transform: rotate(-365deg)
	}
	70% {
		-webkit-transform: rotate(-355deg)
	}
}

#muteBtn {
	position: absolute;
	right: 11px;
	top: 3px;
	background-image: url(/static/images/mute-button.png?2);
	width: 50px;
	height: 50px
}

#shareTimer {
	position: absolute;
	left: 50%;
	top: 88px;
	margin-left: -45px;
	background-image: url(/static/images/fb-share-button.png);
	width: 90px;
	height: 23px
}

.popButton {
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out
}

.popButton:hover {
	transform: scale(1.5);
	-webkit-transform: scale(1.5)
}

.alertify,
.alertify-log,
.alertify-show,
.anim_ease {
	-webkit-transition: .5s cubic-bezier(.175, .885, .32, 1.275);
	-moz-transition: .5s cubic-bezier(.175, .885, .32, 1.275);
	-ms-transition: .5s cubic-bezier(.175, .885, .32, 1.275);
	-o-transition: .5s cubic-bezier(.175, .885, .32, 1.275);
	transition: .5s cubic-bezier(.175, .885, .32, 1.275)
}

.alertify-hide {
	-webkit-transition: 250ms cubic-bezier(.6, -.28, .735, .045);
	-moz-transition: 250ms cubic-bezier(.6, -.28, .735, .045);
	-ms-transition: 250ms cubic-bezier(.6, -.28, .735, .045);
	-o-transition: 250ms cubic-bezier(.6, -.28, .735, .045);
	transition: 250ms cubic-bezier(.6, -.28, .735, .045)
}

.alertify-cover {
	position: fixed;
	z-index: 99999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.alertify {
	position: fixed;
	z-index: 99999;
	top: 50px;
	left: 50%;
	width: 550px;
	margin-left: -275px;
	opacity: 1
}

.alertify-hidden {
	-webkit-transform: translate(0, -300px);
	-moz-transform: translate(0, -300px);
	-ms-transform: translate(0, -300px);
	-o-transform: translate(0, -300px);
	transform: translate(0, -300px);
	opacity: 0;
	display: none
}

.alertify-logs {
	position: fixed;
	z-index: 5000;
	bottom: 10px;
	right: 10px;
	width: 300px
}

.alertify-log {
	display: block;
	margin-top: 10px;
	position: relative;
	right: -300px;
	opacity: 0
}

.alertify-log-show {
	right: 0;
	opacity: 1
}

.alertify-log-hide {
	-webkit-transition: .5s cubic-bezier(.6, -.28, .735, .045);
	-moz-transition: .5s cubic-bezier(.6, -.28, .735, .045);
	-ms-transition: .5s cubic-bezier(.6, -.28, .735, .045);
	-o-transition: .5s cubic-bezier(.6, -.28, .735, .045);
	transition: .5s cubic-bezier(.6, -.28, .735, .045);
	-webkit-transform: translate(300px, 0);
	-moz-transform: translate(300px, 0);
	-ms-transform: translate(300px, 0);
	-o-transform: translate(300px, 0);
	transform: translate(300px, 0);
	opacity: 0
}

.alertify-dialog {
	padding: 25px
}

.alertify-resetFocus,
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.alertify-text {
	margin-bottom: 15px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 100%
}

.alertify-button,
.alertify-button:active,
.alertify-button:hover,
.alertify-button:visited {
	text-decoration: none;
	border: 0;
	line-height: 1.5;
	font-size: 100%;
	display: inline-block;
	cursor: pointer;
	margin-left: 5px
}

@media only screen and (max-width:680px) {
	.alertify,
	.alertify-logs {
		width: 90%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	.alertify {
		left: 5%;
		margin: 0
	}
}

.alertify {
	background: padding-box #fff;
	border: 10px solid rgba(0, 0, 0, .7);
	border-radius: 8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
	-webkit-background-clip: padding;
	-moz-background-clip: padding
}

.alertify-text {
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 4px
}

.alertify-button {
	border-radius: 4px;
	color: #fff;
	font-weight: 700;
	padding: 6px 15px;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .5);
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
	background-image: linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0))
}

.alertify-button:focus,
.alertify-button:hover {
	outline: 0;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
	background-image: linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0))
}

.alertify-button:focus {
	box-shadow: 0 0 15px #2b72d5
}

.alertify-button:active {
	position: relative;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.alertify-button-cancel,
.alertify-button-cancel:focus,
.alertify-button-cancel:hover {
	background-color: #fe1a00;
	border: 1px solid #d83526
}

.alertify-button-ok,
.alertify-button-ok:focus,
.alertify-button-ok:hover {
	background-color: #5cb811;
	border: 1px solid #3b7808
}

.alertify-log {
	background: rgba(0, 0, 0, .9);
	padding: 15px;
	border-radius: 4px;
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, .5)
}

.alertify-log-error {
	background: rgba(254, 26, 0, .9)
}

.alertify-log-success {
	background: rgba(92, 184, 17, .9)
}

.alertify-message {
	color: #000
}

.StartGame,
.yellowBtn:link,
.yellowBtn:visited {
	color: #333
}

.grayscale {
	filter: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImRlc2F0dXJhdGUiPjxmZUNvbG9yTWF0cml4IHR5cGU9InNhdHVyYXRlIiB2YWx1ZXM9IjAiLz48L2ZpbHRlcj48L3N2Zz4%3D#desaturate);
	filter: gray;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.StartGame {
    position: absolute;
    box-shadow: inset -2px -1px 5px -2px #fff6af;
    background-color: #ffec64;
    background: linear-gradient(to bottom,#ffec64 0,#ffab23 100%);
    border-radius: 24px;
    border: 2px solid #fa2;
    color: #333;
    font-family: Trebuchet MS,sans-serif;
    font-size: 22px;
    font-weight: bold;
    padding: 2px 30px;
    text-decoration: none;
    text-shadow: 2px 1px 0 #fe6
}

.StartGame:hover {
    background-color: #ffab23;
    background: linear-gradient(to bottom,#ffab23 0,#ffec64 100%)
}

@keyframes spiner {
	from {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}

@-moz-keyframes spiner {
	from {
		-moz-transform: rotate(0)
	}
	100% {
		-moz-transform: rotate(360deg)
	}
}

@-webkit-keyframes spiner {
	from {
		-webkit-transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}

#hourglass {
	background-image: url(/static/images/hourglass.png);
	width: 133px;
	height: 200px;
	margin: 20px auto;
	animation: 1s linear infinite spiner;
	-moz-animation: 1s linear infinite spiner;
	-webkit-animation: 1s linear infinite spiner
}

.Spin75 {
	animation: .75s linear infinite spiner;
	-moz-animation: .75s linear infinite spiner;
	-webkit-animation: .75s linear infinite spiner
}

#rankingOffset {
	width: 39px
}

#tournament_waiting {
	position: absolute;
	left: 100px;
	top: -400px;
	width: 400px;
	height: 312px;
	background-color: #ffd;
	text-align: center;
	z-index: 20;
	border: 5px solid #630;
	color: #000;
	display: none
}

#tournament_info2 {
	padding: 5px;
	color: #ff6;
	font-size: 9px;
	background: rgba(0, 0, 0, .4);
	border-radius: 10px;
	position: absolute;
	display: none
}

#tournament_info {
    position: absolute;
    top: 0;
    padding: 3px;
    color: #ff6;
    display: none;
    font-size: 9px;
    background: rgba(0,0,0,0.2);
    border-radius: 10px;
    width: 368px;
    text-align: center
}

#tournament_info2 {
	left: 7px;
	bottom: 143px
}

#tournament_timer_header {
	position: absolute;
	left: 140px !important;
	top: 150px;
	text-align: center;
	width: 330px;
	color: #ff0;
	display: none;
	font-size: 18px
}

#tournament_timer {
	position: absolute;
	left: 140px !important;
	top: 175px;
	text-align: center;
	width: 330px;
	color: #ff0;
	display: none;
	font-size: 42px;
	animation:  scaleout_anim 2000ms ease-in-out infinite alternate;
}

#tournament_timer.InPrix {
	top: 137px;
	color: #0f0;
	animation: .5s ease-in-out infinite alternate scaleout_anim
}

@keyframes scaleout_anim {
	from {
		transform: scale(1)
	}
	to {
		transform: scale(1.1)
	}
}

.cancelwait {
	-moz-box-shadow: inset 0 1px 0 0 #f5978e;
	-webkit-box-shadow: inset 0 1px 0 0 #f5978e;
	box-shadow: inset 0 1px 0 0 #f5978e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #f24537), color-stop(1, #c62d1f));
	background: -moz-linear-gradient(center top, #f24537 5%, #c62d1f 100%);
	background-color: #f24537;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #d02718;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 15px;
	font-weight: 700;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 1px 1px 0 #810e05
}

.ShareGameBtn,
.blueBtn {
	text-shadow: 0 -1px 1px rgba(0, 0, 0, .25)
}

.cancelwait:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #c62d1f), color-stop(1, #f24537));
	background: -moz-linear-gradient(center top, #c62d1f 5%, #f24537 100%);
	background-color: #c62d1f
}

.cancelwait:active {
	position: relative;
	top: 1px
}

#CancelWaiting {
	position: absolute;
	left: 155px;
	top: 299px
}

#CancelWaiting2 {
	position: absolute;
	left: 120px;
	top: 316px
}

#display_name {
	width: 130px
}

#team_search {
	position: absolute;
	left: 343px;
	top: 133px;
	display: none
}

.FastLobbyServer {
	background-position: 0 -142px!important
}

#EventoLetrasWindow {
  display:none;
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 800px;
  max-height: 600px;
  z-index: 2000;
}

#EventoLetrasClose {
  position:absolute; right:35px; top:112px; width:24px; height:24px; cursor:pointer; z-index: 2002;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 24px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
}

#EventoLetrasBody{
	position:absolute; left:0; top:0; width:100%; height:100%; z-index:2001;
}

.EventCountdownBox {
    display: flex;
    align-items: center;
    background: rgba(20,40,80,0.75);
    border: 1px solid rgba(100,160,255,0.4);
    border-radius: 8px;
    margin: 8px 6px 0;
    padding: 8px 10px;
    gap: 10px;
    text-align: left
}

.EventCountdownIcon {
    font-size: 28px;
    flex-shrink: 0
}

.EventCountdownTitle {
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.3
}

.EventCountdownSub {
    color: #ffd700;
    font-weight: bold;
    font-size: 11px;
    margin-top: 2px;
    text-transform: uppercase
}

.EventCountdownTimer {
    color: #4dd0ff;
    font-weight: bold;
    font-size: 15px;
    margin-top: 3px
}

.EventCountdownDate {
    color: #ffd700;
    font-size: 11px;
    margin-top: 2px
}

.Center, .center {
    text-align: center;
}

.LoveLobbyServer {
	position: absolute;
    width: 190px;
    height: 70px;
    background-repeat: no-repeat;
	background-image: url("/static/images/serverHD/server12.webp");
	background-size: cover;

}

.PrixServer {
	background-position: 0 -213px!important
}

.HalloweenServer {
	background-position: 0 -355px!important
}

.XmasServer {
	background-position: 0 -426px!important
}

.EasterServer {
	background-position: 0 -497px!important
}

.BirthdayServer {
    background-repeat: no-repeat;
    background-size: cover;
	background-image: url("/static/images/server5_nuevo.webp");
}

.MedicServer {
	background-position: 0 -639px!important
}

.NewYearServer {
	position: absolute;
    width: 190px;
    height: 70px;
    background-repeat: no-repeat;
	background-image: url("/static/images/torneo.png");
}

.SummerServer {
	position: absolute;
    width: 190px;
    height: 70px;
	background-repeat: no-repeat;
    background-image: url(/static/images/prix_activo.webp);
    background-size: cover;

}

.emo {
	width: 10px;
	height: 10px;
	transform: scale(1.2)
}

#roomMobileSelect {
	position: absolute;
	left: 25px;
	top: 105px;
	width: 500px;
	height: 408px;
	z-index: 99;
	display: none;
	border-radius: 15px
}

#roomMobileSelect .Spacer {
	margin-bottom: 12px
}

#tagSlotHeader {
	position: absolute;
	left: 0;
	top: -46px;
	width: 100%;
	text-align: center;
	z-index: 100
}

#tagSlotHeader .tagSlotHint {
	color: #ffd0d0;
	font-size: 12px;
	margin-bottom: 4px
}

#tagSlotHeader .tagSlotChip {
	display: inline-block;
	margin: 0 6px;
	padding: 4px 12px;
	cursor: pointer;
	border-radius: 10px;
	color: #fff;
	font-size: 14px;
	background: rgba(0, 30, 50, .75);
	border: 2px solid transparent
}

#tagSlotHeader .tagSlotChip b {
	color: #ff8a8a
}

#tagSlotHeader .tagSlotActive {
	border-color: #ff3b3b;
	background: rgba(80, 0, 0, .6)
}

.mobileSelectBtn .tagSlotBadge {
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 5;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .8)
}

.mobileSelectBtn .tagSlotBadge1 {
	background: #2e8bff
}

.mobileSelectBtn .tagSlotBadge2 {
	background: #ff3b3b
}

.mobileSelectBtn .tagSlotBadge12 {
	width: 36px;
	border-radius: 10px;
	background: linear-gradient(90deg, #2e8bff 50%, #ff3b3b 50%)
}

.mobileSelectBtn.tagPicked1 {
	border-color: #04f;
	background: rgba(0, 45, 95, .85)
}

.mobileSelectBtn.tagPicked2 {
	border-color: #ff3b3b;
	background: rgba(85, 0, 0, .85)
}

.mobileSelectBtn.tagPicked12 {
	border-color: #a44fff;
	background: rgba(50, 0, 80, .85)
}

.GlowTextButtonAnim {
    -webkit-transition: text-shadow .15s ease-in-out;
    -moz-transition: text-shadow .15s ease-in-out;
    transition: text-shadow .15s ease-in-out;
    cursor: pointer
}

.GlowTextButtonAnim:hover {
    text-shadow: 0 0 10px #ff0, 0 0 10px #ff0, 0 0 10px #ff0
}

.GlowTextButtonAnim:active {
    text-shadow: 0 0 10px #9f9, 0 0 10px #9f9
}

#shop_security_lock {
    position: absolute;
    right: 586px;
    top: 145px;
    font-size: 20px
}

#ShowSC {
    font-size: 13px;
    padding: 0 4px
}

.SecurityLock.Unlocked {
    opacity: .2
}

.SecurityLock.Unset {
    opacity: .1
}

#roomMobileSelectCancel {
	position: absolute;
	bottom: -3px;
	right: -39px;
	cursor: pointer
}

.mobileSelectBtn {
	position: relative;
	width: 70px;
	height: 70px;
	background: rgba(0, 70, 30, .75);
	border: 3px solid #0f9;
	border-radius: 15px;
	float: left;
	margin: 0 12px 24px 12px
}

#GameOverMyGP,
#GameOverMyGPGot,
#GameOverMyGPNext,
#GameOverMyGold,
#GameOverMyGoldGot,
#LoginLang,
#LoginMute,
#LoginOR1,
#LoginPart,
#LoginSap,
#LoginWindow,
#RegisterPart,
#buttonSendGift,
#buy_panel2,
#buy_panel3,
#buy_ui,
#changePassLink,
#changePassword,
#loginTitle,
#registerTitle,
#shop_my_items_stats,
#slidersection1,
#slidersection2,
.shot_item_note_text,
.tooltip,
.ui-slider-handle,
.ui-slider-range,
.volume {
	position: absolute
}

.mobileSelectBtn:hover {
	background: rgba(70, 70, 0, .75)
}

.mobileSelectBtn:active {
	background: rgba(40, 120, 0, .75)
}

.mobileName {
	position: absolute;
	left: -15px;
	top: 73px;
	width: 100px;
	text-align: center;
	font-size: 16px;
	color: #ff0
}

#shopFilterMyAvatar {
	left: 15px;
	top: 479px;
	font-size: 11px;
	width: 131px;
	border: 1px solid #000;
	padding: 2px;
	height: 13px
}

#shopSearchBtn {
	color: #000;
	left: 155px;
	top: 479px;
	width: 20px;
	height: 20px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAABZVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADMzMzKyspMTEyNjY2WlpYrKytUVFQFBQXIyMjl5eW+vr4HBwe6urqzs7NmZmYcHBwXFxfCwsKjo6NycnI9PT0TExPExMQ4ODi9vb2mpqaampp9fX1CQkIyMjLa2trFxcW/v7+pqamhoaGKioqAgIB6enptbW1dXV0pKSklJSUMDAzb29u2traxsbGtra3Vpp2dnZ2Tk5OHh4d1dXVjY2NHR0coKCgiIiJ0HQwKAgDh4eHX19fQ0NDNxcPciXl5eXlsZ2ZxXltJSUnmYUhISEjoVDjeTzQwMDDJMBOUIw6SIw1/HgxXFQg9DgUlCQO7UniPAAAAJ3RSTlMAdwX84KyDXuX4vIwPxH0Y8+vWmZVJRywLzq9xbjElCvKxompQRjlh6j2+AAACFElEQVQ4y42TV3faQBBGBaKDuwG3OD3fLijqAtFDB9Nxr7HTe09+f0QERwGDj++L5uFqzszODMPY3U6ff5u5gbUNGCyFblDmcXX5/Tc8C7MVD358fPPlD/yzFRbfDsnr92AfzlSW8fPzIaUx3LszS9nC1a/Ld1TMYc42BXfA6HmFBdAkeQFTcYQNJ7TqQzxBzyLTiMNnvo0DDTKdHXjNglYRIWKBSyY4jjO+nJznuH2N41QShcNUgshkxR7KSUB4lgG4NBBLQcgTHqumElhCgXSuKc/FbJwNMiZOdMiRXsrrerzW1fWjiK6ninrMKMUTGCpu4w96HXIGJzNkYVGok2pClGWZ1mRZTMhytpqgtAc3M2IObRLNJRWlL8cVpVBSlPYpTw8Er7UBNpSpmh4vt0FSmLNGFWaVPdoeU4oqzcFmKfZlNElW1DSN7mlaVdW0WpaqfW/YUgIOvCV0ghaW7ZayOZgk/3SMrgCn/f8kRbIjYBLWctxGElKPTtCIKdi07qBEyRRSWB+lecwKn/jibmW3xZvUK5VXHZ4vwXPXNMz1jEiSqMCEk6QTGJiK6bjQj0pSC4sul8uBriq9yGHdiG1WT/O4OJZexrBoHwwsokpqejRlq6fM6cHx+b893ED5ZL/Zm7zQBQ/i5zkB80b8iMXXDxfwTh5faAkG99cGsZ8F4N1iJtn2+5zuYXHBB76VJ8yt+QuSIH6C2k1b7QAAAABJRU5ErkJggg==) 0 0/20px 20px no-repeat
}

.shopNeedLevel {
	left: 20px;
	bottom: 10px
}
.hhh{
  position: absolute;
  top: 0;
  left: 0;
  color: transparent;
  z-index: -1;
}

#SortBtnPop {
	left: 12px;
	top: 503px
}

#SortBtnTime {
	left: 33px;
	top: 503px
}

#SortBtnAtk {
	left: 55px;
	top: 503px
}

#SortBtnDef {
	left: 77px;
	top: 503px
}

#SortBtnLife {
	left: 99px;
	top: 503px
}

#SortBtnItem {
	left: 121px;
	top: 503px
}

#SortBtnDig {
	left: 143px;
	top: 503px
}

#SortBtnShld {
	left: 165px;
	top: 503px
}

#FilterBtnHead {
    left: 11px;
    top: 211px;
}

#FilterBtnBody {
	left: 28px;
    top: 210px;
}

#FilterBtnEyes {
	left: 53px;
    top: 211px;
}

#FilterBtnFlag {
    left: 76px;
    top: 210px;
}

#FilterBtnBG {
	left: 94px;
    top: 211px;
}

#FilterBtnFG {
    left: 117px;
    top: 211px;
}

#FilterBtnEX {
	left: 139px;
    top: 207px;
}

#FilterBtnAll {
	left: 185px;
	top: 210px;
	width: 20px;
	height: 14px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOBAMAAADd6iHDAAAAKlBMVEUAAAAAAAD////e3t7GxsbWpUr/xkrGxs6cnJze3uf/xkLn3t7OxsrepUplJs/zAAAAAXRSTlMAQObYZgAAAHNJREFUCNdjYGAQBAIBBhBgVJLoEHYEM4WUFBuVjwiABZWUhJTFC8GCRkpKymDVQspOSkqKQiWCQP0mQkAVSsYuAkC22LJAJSXN6SBDxNIuAlVvgTADgUywqBSIqW1yEGSyoFhoaCDEbsaloYFABhhAnAMAv0kURDrmDiQAAAAASUVORK5CYII=)
}

.HD #FilterBtnAll {
	background-position: -976px -988px
}

.FilterActive,
.SortActive {
	box-shadow: inset 0 0 4px 0 rgba(255, 255, 0, .7), 0 0 2px 2px rgba(255, 255, 0, .7)
}

#howtoplay {
	display: none;
	left: 185px;
	top: 100px;
	width: 431px;
	height: 329px;
	background: url(/static/images/howtoplay.png) no-repeat rgba(200, 155, 155, .85);
	border-radius: 40px;
	border: 3px solid #000
}

#howtoplayClose {
	right: -10px;
	top: -10px
}

.tipsy-ne .tipsy-arrow,
.tipsy-se .tipsy-arrow {
	right: 10px
}

#FullScreenButton {
	width: 32px;
	height: 32px;
	top: 10px;
	right: 10px;
	cursor: pointer;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAB3RJTUUH3QkVFCMsn/1wowAAAAlwSFlzAAAIMAAACDABDKU4JQAAAARnQU1BAACxjwv8YQUAAAFzSURBVHja7VXLSgNBEOz1AzQmq/kVRYJ68BLxLmJEgh5yjJ8k+BkeDIhGY4yIvyEGFYWslL2zWXcevTMRr9Ztt7tqZmq6ewguErRIAI7w5SbTrPQyCXLo++SBK2ELdCgAnPgF+qh46TUMQx7cYLGUHmMUNhEYoCrSl/BQdgsJOrz5AkPUHPoyHrWMK2YkuYByHhVeucAIsUGv48mgL/C/VipBxb2jahjU0+gRO2PR1X+WIL1s2OP8lC9YMXawgXebnkm4RqUnHWPV8WALHzZdvqo627kmRpq4CNKzE/8+8g8LfzSRa76PhhjZQS9cBbEqpFesO5FtfIrzQh9h3A3304J9w6aR1VR1mM0LTQIHhAn2ph9mP57rZ8elFrnNRw4O02YCS+zyxzyupY772dudLYF21s5QEm1jDaFlLIkButl8lkZaScdZEqUz0dOwkgTNTpcl5qyM02jsE4ie6czWNOF5GVV28GnzP67H4cfVIyHRgW9V3Erh8bjrfQAAAABJRU5ErkJggg==);
	opacity: .5;
	z-index: 1400;
	display: none
}

#roomButtonInvite {
	left: 238px;
	top: 160px;
	width: 76px;
	text-align: center;
	background: #30f;
	border: 3px solid #fff;
	padding: 3px;
	border-radius: 5px;
	font-size: 15px
}

#GameShare {
	left: 325px;
	top: 541px;
	width: 150px;
	text-align: center;
	background: #30f;
	border: 3px solid #fff;
	padding: 7px;
	border-radius: 5px
}

#ReplayRestartBtn2 {
	left: 316px;
	top: 423px;
	font-size: 26px;
	padding: 13px;
	border-radius: 20px;
	display: none
}

#ShareWindow {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 400px;
	height: 140px;
	background: #1e5799;
	background: linear-gradient(to bottom, #1e5799 0, #2989d8 50%, #207cca 51%, #7db9e8 100%);
	border: 4px solid #fff;
	border-radius: 20px;
	z-index: 99;
	display: none;
	box-shadow: 4px 4px 10px 3px #000
}

.GPEventIndicator {
    position: absolute;
    left: 14px;
    top: 29px;
    background: linear-gradient(135deg,#ffd700,#ffa500);
    color: #000;
    padding: 1px 6px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 11px;
    z-index: 1;
    text-shadow: 0 0 2px rgba(255,255,255,0.5);
    border: 2px black dashed
}

.GPEventIndicator300 {
    background-image: url(/static/images/300GP.webp);
    background-size: contain;
    position: absolute;
    left: 9px;
    top: 26px;
    width: 83px;
    height: 25px;
}

.GPEventIndicator200 {
    background-image: url(/static/images/200GP.webp);
    background-size: contain;
    position: absolute;
    left: 3px;
    top: 25px;
    width: 90px;
    height: 28px
}
#ShareToTwitter {
	background-position: -33px 0
}

#ShareToEmail {
	background-position: -99px 0
}

.ShareButton {
	width: 32px;
	height: 32px;
	margin: 29px;
	background: url(/static/images/share.png) no-repeat
}

#ShareURL {
	border-color: #b9b9b9;
	color: #666;
	padding: 2px;
	margin: 22px 0 0 20px
}

#CopyToClipboardText {
	color: #000;
	margin: 0 20px 20px;
	font-size: 12px
}

.ShareGameBtn {
	cursor: pointer;
	background-color: #019ad2;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(#33bcef, #019ad2);
	background-image: linear-gradient(#33bcef, #019ad2);
	border-radius: 5px;
	padding: 0 5px;
	border: 1px solid #66f;
	height: 13px
}

#Dragon2D,
#Dragon2D canvas,
.tipsy-inner {
	background-color: #000
}

.ShareGameBtn:hover,
.slider:hover {
	filter: brightness(1.15)
}

.ShareGameBtn:active {
	opacity: .75
}

.CopyBtn {
	font-size: 7px;
	margin-right: 2px
}

.tipsy {
	font-size: 14px;
	padding: 5px;
	z-index: 100000
}

.tipsy-inner {
	color: #fff;
	max-width: 200px;
	padding: 5px 8px 4px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

.tipsy-arrow {
	width: 0;
	height: 0;
	line-height: 0;
	border: 5px dashed #000
}

.tipsy-n .tipsy-arrow,
.tipsy-ne .tipsy-arrow,
.tipsy-nw .tipsy-arrow {
	border-left-color: transparent;
	border-right-color: transparent
}

.tipsy-arrow-n {
	border-bottom-color: #000
}

.tipsy-arrow-s {
	border-top-color: #000
}

.tipsy-n .tipsy-arrow,
.tipsy-ne .tipsy-arrow,
.tipsy-nw .tipsy-arrow {
	top: 0;
	border-bottom-style: solid;
	border-top: 0
}

.tipsy-arrow-e {
	border-left-color: #000
}

.tipsy-arrow-w {
	border-right-color: #000
}

.tipsy-n .tipsy-arrow,
.tipsy-s .tipsy-arrow {
	left: 50%;
	margin-left: -5px
}

.tipsy-nw .tipsy-arrow,
.tipsy-sw .tipsy-arrow {
	left: 10px
}

.tipsy-s .tipsy-arrow,
.tipsy-se .tipsy-arrow,
.tipsy-sw .tipsy-arrow {
	border-top-style: solid;
	border-bottom: 0;
	border-left-color: transparent;
	border-right-color: transparent;
	bottom: 0
}

.tipsy-e .tipsy-arrow,
.tipsy-w .tipsy-arrow {
	margin-top: -5px;
	border-top-color: transparent;
	border-bottom-color: transparent;
	top: 50%
}

.tipsy-e .tipsy-arrow {
	right: 0;
	border-left-style: solid;
	border-right: 0
}

.tipsy-w .tipsy-arrow {
	left: 0;
	border-right-style: solid;
	border-left: 0
}

.shake_anim {
	-webkit-animation: 120ms linear 3 shake;
	-moz-animation: 120ms linear 3 shake;
	-o-animation: 120ms linear 3 shake;
	-ms-animation: shake 120ms linear 3;
	animation: 120ms linear 3 shake
}

@-webkit-keyframes shake {
	from {
		margin-top: 0
	}
	100%,
	25% {
		margin-top: -2px
	}
	50% {
		margin-top: 2px
	}
}

@-moz-keyframes shake {
	from {
		margin-top: 0
	}
	100%,
	25% {
		margin-top: -2px
	}
	50% {
		margin-top: 2px
	}
}

@-o-keyframes shake {
	from {
		margin-top: 0
	}
	100%,
	25% {
		margin-top: -2px
	}
	50% {
		margin-top: 2px
	}
}

@-ms-keyframes shake {
	from {
		margin-top: 0
	}
	100%,
	25% {
		margin-top: -2px
	}
	50% {
		margin-top: 2px
	}
}

@keyframes shake {
	from {
		margin-top: 0
	}
	100%,
	25% {
		margin-top: -2px
	}
	50% {
		margin-top: 2px
	}
}

.mobileLevelAuraTarget {
    will-change: filter;
    transition: filter .18s ease, -webkit-filter .18s ease;
}
.mobileLevelAuraTarget.mobileLevelAura1 {
    -webkit-filter: drop-shadow(0 0 1px rgba(255,255,255,.86)) drop-shadow(0 0 4px rgba(238,248,255,.48));
    filter: drop-shadow(0 0 1px rgba(255,255,255,.86)) drop-shadow(0 0 4px rgba(238,248,255,.48));
}
.mobileLevelAuraTarget.mobileLevelAura2 {
    -webkit-filter: drop-shadow(0 0 2px rgba(255,213,139,.92)) drop-shadow(0 0 5px rgba(255,132,28,.72)) drop-shadow(0 0 9px rgba(255,119,0,.30));
    filter: drop-shadow(0 0 2px rgba(255,213,139,.92)) drop-shadow(0 0 5px rgba(255,132,28,.72)) drop-shadow(0 0 9px rgba(255,119,0,.30));
}
.mobileLevelAuraTarget.mobileLevelAura3 {
    -webkit-filter: drop-shadow(0 0 2px rgba(218,255,224,.90)) drop-shadow(0 0 5px rgba(61,226,99,.76)) drop-shadow(0 0 10px rgba(14,185,67,.34));
    filter: drop-shadow(0 0 2px rgba(218,255,224,.90)) drop-shadow(0 0 5px rgba(61,226,99,.76)) drop-shadow(0 0 10px rgba(14,185,67,.34));
}
.mobileLevelAuraTarget.mobileLevelAura4 {
    -webkit-filter: drop-shadow(0 0 2px rgba(255,255,224,1)) drop-shadow(0 0 6px rgba(255,211,55,.92)) drop-shadow(0 0 12px rgba(255,169,0,.52));
    filter: drop-shadow(0 0 2px rgba(255,255,224,1)) drop-shadow(0 0 6px rgba(255,211,55,.92)) drop-shadow(0 0 12px rgba(255,169,0,.52));
}
.mobileLevelAuraTarget.mobileLevelAura5 {
    -webkit-filter: drop-shadow(0 0 2px rgba(255,244,255,1)) drop-shadow(0 0 6px rgba(196,92,255,.96)) drop-shadow(0 0 13px rgba(131,35,255,.62)) drop-shadow(0 0 19px rgba(98,26,224,.28));
    filter: drop-shadow(0 0 2px rgba(255,244,255,1)) drop-shadow(0 0 6px rgba(196,92,255,.96)) drop-shadow(0 0 13px rgba(131,35,255,.62)) drop-shadow(0 0 19px rgba(98,26,224,.28));
}

#roomMobilesList .mobileLevelBadge {
    position:absolute;
    left:2px;
    top:1px;
    z-index:25;
    min-width:15px;
    padding:1px 4px;
    border-radius:7px;
border: 1px solid rgba(255,255,255,.55);
background: rgba(45, 170, 235, .30);
    color:#fff;
    font-size:9px;
    font-weight:700;
    line-height:14px;
    text-align:center;
    text-shadow: -1px 0 2px #001525, 0 2px 2px #001525, 1px 0 2px #001525, 0 -1px 2px #001525;
    box-shadow:0 1px 4px rgba(0,0,0,.55);
    pointer-events:none;
}

#roomMobileDescription .mobilePowerBars {
    position: absolute;
    left: 0;
    top: 0;
    width: 286px;
    height: 128px;
    z-index: 8;
    overflow: visible;
    pointer-events: none;
}

#roomMobileDescription .mobilePowerDamage {
    position: absolute;
    left: 44px;
    top: 55px;
    width: 224px;
    height: 9px;
}

#roomMobileDescription .mobilePowerBunge {
    position: absolute;
    left: 70px;
    top: 91px;
    width: 224px;
    height: 9px;
}

#roomMobileDescription .mobilePowerDamage .mobilePowerTrack,
#roomMobileDescription .mobilePowerBunge .mobilePowerTrack {
    position: relative;
    width: 100%;
    height: 7px;
    overflow: hidden;
    box-sizing: border-box;
}

#roomMobileDescription .mobilePowerDamage .mobilePowerTrack {
    border-color: rgba(191, 241, 255, .96);
}

#roomMobileDescription .mobilePowerBunge .mobilePowerTrack {
    border-color: rgba(174, 229, 255, .90);
}

#roomMobileDescription .mobilePowerCurrent,
#roomMobileDescription .mobilePowerNext {
    position: absolute;
    top: 0;
    height: 100%;
    display: block;
    box-sizing: border-box;
}

#roomMobileDescription .mobilePowerCurrent {
    left: 0;
    z-index: 1;
    background:
        linear-gradient(180deg, rgba(183,248,255,.98) 0%, rgba(47,214,255,.98) 28%, rgba(8,142,218,.98) 72%, rgba(4,94,173,.98) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.86),
        inset 0 -1px 0 rgba(0,42,100,.35),
        0 0 4px rgba(36,206,255,.62);
}

#roomMobileDescription .mobilePowerCurrent::after,
#roomMobileDescription .mobilePowerNext::after {
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    top: 0;
    height: 2px;
    border-radius: 3px;
    background: rgba(255,255,255,.34);
    pointer-events: none;
}

#roomMobileDescription .mobilePowerNext {
    z-index: 2;
    border-left: 1px solid rgba(255,255,255,.95);
    border-radius: 0 4px 4px 0;
    background-size: 7px 7px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.58),
        inset 0 -1px 0 rgba(0,0,0,.15),
        0 0 4px rgba(255,255,255,.24);
    animation: mobilePowerNextPulse 1.45s ease-in-out infinite alternate;
}

#roomMobileDescription .mobilePowerNext1 .mobilePowerNext {
    background-image: repeating-linear-gradient(135deg,
        rgba(255,255,255,.98) 0 3px,
        rgba(201,229,246,.76) 3px 7px);
}
#roomMobileDescription .mobilePowerNext2 .mobilePowerNext {
    background-image: repeating-linear-gradient(135deg,
        rgba(255,177,67,.98) 0 3px,
        rgba(255,111,20,.80) 3px 7px);
}
#roomMobileDescription .mobilePowerNext3 .mobilePowerNext {
    background-image: repeating-linear-gradient(135deg,
        rgba(88,238,116,.98) 0 3px,
        rgba(24,169,66,.80) 3px 7px);
}
#roomMobileDescription .mobilePowerNext4 .mobilePowerNext {
    background-image: repeating-linear-gradient(135deg,
        rgba(255,224,73,.98) 0 3px,
        rgba(224,157,0,.84) 3px 7px);
}
#roomMobileDescription .mobilePowerNext5 .mobilePowerNext {
    background-image: repeating-linear-gradient(135deg,
        rgba(218,128,255,.98) 0 3px,
        rgba(137,46,222,.84) 3px 7px);
}

@keyframes mobilePowerNextPulse {
    from { opacity: .78; filter: brightness(1); }
    to   { opacity: 1; filter: brightness(1.16); }
}

#roomMobileDescription .mobilePowerDamage .mobilePowerTrack,
#roomMobileDescription .mobilePowerBunge .mobilePowerTrack {
    -webkit-animation: mobilePowerTrackReveal 900ms ease-in-out both;
    animation: mobilePowerTrackReveal 900ms ease-in-out both;
    will-change: clip-path;
}

#roomMobileDescription .mobilePowerCurrent,
#roomMobileDescription .mobilePowerNext {
    transition: width 900ms ease-in-out,
                left 900ms ease-in-out;
}

#roomMobileDescription .mobileLevelProgress i {
    transform-origin: left center;
    transition: width 900ms ease-in-out;
    -webkit-animation: mobileLevelProgressReveal 900ms ease-in-out both;
    animation: mobileLevelProgressReveal 900ms ease-in-out both;
    will-change: transform, width;
}

@-webkit-keyframes mobilePowerTrackReveal {
    from { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); }
    to   { -webkit-clip-path: inset(0 0 0 0);    clip-path: inset(0 0 0 0); }
}

@keyframes mobilePowerTrackReveal {
    from { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); }
    to   { -webkit-clip-path: inset(0 0 0 0);    clip-path: inset(0 0 0 0); }
}

@-webkit-keyframes mobileLevelProgressReveal {
    from { -webkit-transform: scaleX(0); transform: scaleX(0); }
    to   { -webkit-transform: scaleX(1); transform: scaleX(1); }
}

@keyframes mobileLevelProgressReveal {
    from { -webkit-transform: scaleX(0); transform: scaleX(0); }
    to   { -webkit-transform: scaleX(1); transform: scaleX(1); }
}

.AlertBig {
	background-color: #3a92c8!important;
	background: -webkit-radial-gradient(circle, #94d2f8, #3a92c8)!important;
	background: -moz-radial-gradient(circle, #94d2f8, #3a92c8)!important;
	background: -ms-radial-gradient(circle, #94d2f8, #3a92c8)!important;
	left: 100px!important;
	top: 150px!important;
	width: 600px!important;
	height: 300px!important
}

#BrokerFacepile,
.ui-slider-vertical .ui-slider-range-min,
.ui-spinner-down {
	bottom: 0
}

.shop_item_note {
	left: 105px;
	top: 16px;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NSIgaGVpZ2h0PSI1MCI+PHRpdGxlPkxheWVyIDE8L3RpdGxlPjx0aXRsZT5MYXllciAxPC90aXRsZT48cGF0aCBzdHJva2U9IiMwMDAwMDAiIGZpbGw9IiNmZmZmMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0ibTcyLjcgMzEuOGwtOC4zIDAuNCAtMi4yIDEwLjIgLTcuMy0yLjUgLTEwLjYgNy44IC00LTQuNiAtMTcuNCA1LjUgMi4zLTcuOCAtMTUuNy0yLjggNC45LTQuMiAtMTAuOC03LjggNy44LTEuOSAtMi40LTEwLjIgOC4xIDEuMSA2LjctOS40IDUuOSAzLjcgMTMuNy01LjYgMS44IDUuMSAxNi40LTAuMSAtMi44IDQuOSAxMy44IDUuNSAtNi42IDMuMiA2LjkgOS40IDAgMCAwIDAgMCAwIDAgMCAwMHoiLz48L3N2Zz4=);
	width: 75px;
	height: 50px;
	z-index: 12
}

.shot_item_note_text {
	top: 20px;
	color: red;
	font-weight: 700;
	text-align: center;
	width: 100%;
	font-size: 13px;
	font-family: arial, helvetica, sans-serif
}

.shot_item_note_text2 {
	top: 13px
}

.buy_btn {
	border: 2px solid #000;
	padding: 4px;
	background: #eee;
	width: 73px!important;
	margin-left: 5px;
	margin-top: -7px
}

#buy_panel1 {
	right: 13px;
	top: 294px;
	width: 249px;
	height: 17px;
	color: #fff;
	font-size: 16px
}

#buy_panel2,
#buy_panel3 {
	left: 8px;
	width: 143px;
	height: 17px;
	color: #fff;
	font-size: 12px
}

#buy_panel2 {
	top: 116px;
	text-align: center
}

#buy_panel3 {
	top: 30px;
	text-align: center
}

.glow_button {
    cursor: pointer;
}

#buy_option1,
#buy_option2,
#buy_option3 {
	position: absolute;
	top: 203px;
	width: 84px;
	height: 19px;
	font-size: 15px;
	text-align: center
}

#buttonSendGift {
	left: 40px;
	top: 47px;
	width: 81px;
	height: 64px
}

#buttonSendGift:hover {
	background-position: -82px 0;
	width: 84px;
	cursor: pointer
}

.RankingVideoBtn.FB {
    filter: hue-rotate(220deg) brightness(1.5);
}

.HD #buttonSendGift {
	background-position: -801.5px -1232.5px
}

.HD #buttonSendGift:hover {
	background-position: -884px -1232.5px
}

#buy_option1 {
	left: 90px;
	color: #fede71
}

#buy_option2 {
	left: 186px;
	color: #5ff
}

#buy_option3 {
	left: 282px;
	color: #64f567
}
#turn_list_title{
    color: white;
    font-size: 11px;
    padding-bottom: 2px;
    display: flex;
}

#turn_number {
    flex: 1;
    text-align: center;
    color: #b4ffb4;
    font-size: 10px;
    line-height: 11px;
}

#turn_number.sd {
    color: indianred;
}

#turn_delay_type {
    margin: 0;
}

.Rule {
    display: inline-block;
    background-color: #495d7b;
    padding: 2px 5px;
    margin: 2px;
    border-radius: 4px;
    border: 1px solid black;
}

#shopSetBonusActive {
    display: none;
    position: absolute;
    left: 192px;
    top: 12px;
    width: 20px;
    height: 14px;
    z-index: 12
}

.ShopSetBtn {
    position: absolute;
    left: 12px;
    top: 23px;
    width: 20px;
    height: 14px;
    cursor: pointer
}

.ShopSetBtn.row2 {
    left: 12px;
    top: 38px
}

.SetBonusPopup {
    color: pink;
    font-size: 10px;
    background: black;
    padding: 2px;
    border-radius: 3px;
    position: absolute;
    white-space: nowrap;
    top: -1px;
    left: 18px;
    display: none
}

.ShopSetBtn:hover .SetBonusPopup {
    display: block
}

.AvatarsIcon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOBAMAAADd6iHDAAAAKlBMVEUAAAAAAAD////e3t7GxsbWpUr/xkrGxs6cnJze3uf/xkLn3t7OxsrepUplJs/zAAAAAXRSTlMAQObYZgAAAHNJREFUCNdjYGAQBAIBBhBgVJLoEHYEM4WUFBuVjwiABZWUhJTFC8GCRkpKymDVQspOSkqKQiWCQP0mQkAVSsYuAkC22LJAJSXN6SBDxNIuAlVvgTADgUywqBSIqW1yEGSyoFhoaCDEbsaloYFABhhAnAMAv0kURDrmDiQAAAAASUVORK5CYII=)
}

.HD .AvatarsIcon {

}

.hasSetBonus {
    filter: hue-rotate(225deg) drop-shadow(0 0 5px rgba(255, 0, 255, 1))
}

#buy_ui,
#shop_my_items_stats {
	font-size: 10px
}

#buy_ui {
	bottom: 2px;
	left: 2px;
	color: #fff
}

#slidersection1 {
	left: 68px;
	top: 3px;
	width: 160px
}

#slidersection2 {
	left: 68px;
	top: 27px;
	width: 160px
}

.RankingVideoBtn {
    height: 15px;
    vertical-align: bottom;
    cursor: pointer;
}

.shopSetBack {
    width: 20px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
}

#shopSetName {
    position: absolute;
    top: 7px;
    left: 260px;
    display: none;
    font-size: 12px;
    white-space: nowrap;
}

.stat_icon_set_bonus {
    position: initial;
    display: inline-block;
    vertical-align: text-top
}

.setBonusTitle {
    background-color: #b3b;
    border: 2px solid #fcf;
    border-radius: 4px;
    padding: 2px 9px;
    color: #fe7;
}

.tooltip {
	z-index: 5;
	display: block;
	top: -25px;
	width: 35px;
	height: 20px;
	color: #fff;
	text-align: center;
	font: 10pt Tahoma, Arial, sans-serif;
	border-radius: 3px;
	border: 1px solid #333;
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: -moz-linear-gradient(top, rgba(69, 72, 77, .5) 0, rgba(0, 0, 0, .5) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(69, 72, 77, .5)), color-stop(100%, rgba(0, 0, 0, .5)));
	background: -webkit-linear-gradient(top, rgba(69, 72, 77, .5) 0, rgba(0, 0, 0, .5) 100%);
	background: -o-linear-gradient(top, rgba(69, 72, 77, .5) 0, rgba(0, 0, 0, .5) 100%);
	background: -ms-linear-gradient(top, rgba(69, 72, 77, .5) 0, rgba(0, 0, 0, .5) 100%);
	background: linear-gradient(top, rgba(69, 72, 77, .5) 0, rgba(0, 0, 0, .5) 100%)
}

.blueBtn,
.fieldInfo,
.registerButton,
.volume,
.yellowBtn {
	display: inline-block
}

#LoginFBStatus,
#LoginOR1,
.fieldInfo {
	font-style: italic
}

.ui-slider-handle,
.volume {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAACWCAMAAAAc0dNcAAABDlBMVEUAAAAAAAAlAAAAAAD/AAARERH/AAD/////AAD/AAAAAAAAAAAAAAAYGBiampoAAAAAAAAAAAAAAAD////////T09SBgYEvLzB9fX3w7/A0NDT///88Li4AAADY2Nj///8yMjKysrL/AACFhYWnp6fp6en/AADY2Nj/AACoqKjX19f/29v/EBDbysr/Ghrm5ubq6uv/AAB3eHhubW5iYmL4+Ph0c3RlZWVoaGju7u/S09Tx8vJOTk4/PT309PXg4eKGhoZubm7Pz9HX2Nnc3N7CwsVZWFmJiYmAgICBgIHHyMr7+/w0NDVaWlo0NDQ2NjdcXFxcXV16envbFxfpERG5ur11V1iCZGSdbW2Vfn7y8478AAAAL3RSTlMADQMSCwcXmcriO2FqerEjcUsvYwfkoZ/niOEXKFakNmDDB6S8/m/kj7nno9mp/nq5RXUAAAJaSURBVEjH7JJbC4IwFIBHmNZzQVe6PUTQBTbF+aBgL6bQVUXr//+RNiQanZ3HHgq/px0+xnT7yBdYYNOqZSjCbC9fS6NNFWWKqaEOBlgrY7OnCFWNhwEQlcr8CIrj+RLkNCvgjhO3vTKnFAjCGYvTuzAm+cBmh/Ch3RNdb4U4p4TnWNZ6RzPX03/0Zrt39D9qjAZ95HJIt/Neo3eNvg/+pjUAWaIeWaKWWeBHRAJK9B3uQCNLdFNWGVhiGO+hkSUewkQaWCK3k1RjLMHcZR7RMp2IEvXIEhFEiTUIv1yij5booSVytESrLvGveLJLh0YAAkEQBCX5nFhOvLn8kwKDbIOiih8/rt9LXJTYlDiUGEocSixKbEo8tsSP9khclHhS4lBiKDGUGEosSgwlFiUWJbYk3tdPu+oigxWHQSAMY8WLmtgEkltOLZTdi3PxMA4oRL0k577/q6xt7LYs7H+cj/8TZ4Rc9FkvUvyZn2TXT9bB1Hfy9AnYMFOA7CPtNA/swzR87Q5jWjMG566DeKsu++7IriVTQHTzr5B1GIIL4EskBAjUsVelJ8CKcgGyENzet5JQk40R0EEhi67mpsQh05BqMrhinSNCRH3o+JnWI7bFnflBNNSp9yn6CPAgqBtRU1p9yhH8FqEy+Fa8LaC3TwC+PFvUtzUI00FO0YL1ZUvZAnZGHP/hywVjJXEtZVszXRbelsCMuhJYm7b7/e7hqkyVtdKoZyLIW7XBrMdaaRF8VF1/g2DrfdTIj1caMlKdH1HSNPASMm5GKeVoOGuqNxOMc87Ee/5vfgAzqIxU77cT4QAAAABJRU5ErkJggg==)!important;
	background-repeat: no-repeat
}

.volume {
	width: 25px;
	height: 25px;
	right: -5px;
	top: -7px;
	background-position: 0 -75px
}

.ui-slider-handle {
	z-index: 2;
	width: 25px!important;
	height: 25px!important;
	cursor: pointer;
	background-color: transparent!important;
	background-position: 0 -125px!important;
	font-weight: 700;
	color: #1c94c4;
	outline: 0;
	top: -7px!important;
	margin-left: -12px!important;
	border: none!important
}

.ui-slider-range {
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #eaeaea));
	background: -webkit-linear-gradient(top, #fff 0, #eaeaea 100%);
	background: -o-linear-gradient(top, #fff 0, #eaeaea 100%);
	background: -ms-linear-gradient(top, #fff 0, #eaeaea 100%);
	background: linear-gradient(top, #fff 0, #eaeaea 100%);
	border: 0;
	top: 0;
	height: 100%;
	border-radius: 25px
}

.blueBtn,
.blueBtn:active,
.blueBtn:hover,
.yellowBtn,
.yellowBtn:hover {
	background-repeat: repeat-x
}

#shop_my_items_stats {
	left: 15px;
	top: 482px
}

#changePassLink {
	left: 10px;
	top: 74px;
	border: 1px solid gray;
	padding: 6px 10px;
	font-size: 7px;
	line-height: 5px;
	font-family: Emoji, Arial, sans-serif;
	font-weight: 400
}

#loginTitle,
#registerTitle {
	top: 14px;
	font-size: 24px;
	color: #fff;
	text-align: center
}

#changePassword {
	left: 20px;
	top: 143px;
	opacity: .3;
	width: 300px
}

#effectSupershot {
    position: absolute;
    background: url(/static/images/LLGW5UH.png);
    width: 500px;
    height: 500px;
    display: none;
    top: -25px;
    left: 180px;
    opacity: 0;
    z-index: 999999 !important;
    animation: bonus_msg_anim 2s linear;
    -moz-animation: bonus_msg_anim 2s linear;
    -webkit-animation: bonus_msg_anim 2s linear
}

#effectGreat {
    position: absolute;
    background: url(/static/images/lHtJG0q.png);
    width: 500px;
    height: 500px;
    display: none;
    top: 5px;
    left: 205px;
    opacity: 0;
    z-index: 999999 !important;
    animation: bonus_msg_anim 2s linear;
    -moz-animation: bonus_msg_anim 2s linear;
    -webkit-animation: bonus_msg_anim 2s linear
}

#effectFantastic {
    position: absolute;
    background: url(/static/images/G3ZSCAO.png);
    width: 500px;
    height: 500px;
    display: none;
    z-index: 999999 !important;
    top: -55px;
    left: 205px;
    opacity: 0;
    animation: bonus_msg_anim 2s linear;
    -moz-animation: bonus_msg_anim 2s linear;
    -webkit-animation: bonus_msg_anim 2s linear
}

#LoginWindow {
    width: 700px;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    border-radius: 20px;
    box-shadow: #000 10px 10px 50px 10px;
    z-index: 199;
    background-image: -ms-linear-gradient(top left,#03ffff 0,#05008f 100%);
    background-image: -moz-linear-gradient(top left,#03ffff 0,#05008f 100%);
    background-image: -o-linear-gradient(top left,#03ffff 0,#05008f 100%);
    background-image: -webkit-gradient(linear,left top,right bottom,color-stop(0,#03ffff),color-stop(1,#05008f));
    background-image: -webkit-linear-gradient(top left,#03ffff 0,#05008f 100%);
    background-image: linear-gradient(to bottom right,#03ffff 0,#05008f 100%);
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif
}

#LoginLang,
#LoginMute {
	left: -3px;
	border: 3px solid #000;
	cursor: pointer
}

#LoginWindow.InFacebookCanvas {
	width: 350px!important;
	height: 200px!important;
	margin-left: -184px!important
}

#LoginMute {
	top: 47px;
	background-color: #ff0
}

#LoginLang {
	top: 93px;
	width: 25px;
	height: 21px;
	background-color: #00f;
	text-align: center;
	color: #fff;
	padding-top: 4px
}

#registerTitle {
	width: 348px;
	left: 352px;
}

#LoginPart {
	left: 30px;
	top: 158px
}

.inputField {
	font-size: 18px;
	padding: 4px 10px;
	border-color: #bdc7d8;
	border-radius: 5px;
	margin: 5px
}

.blueBtn,
.yellowBtn {
	padding: 5px 10px;
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	font-family: Arial, sans-serif;
	cursor: pointer
}

#LoginUsername {
	width: 250px
}

#LoginPass {
	width: 175px
}

#name,
#password {
	width: 270px
}

.blueBtn {
	border: 1px solid #057ed0;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	background-color: #019ad2;
	background-image: -webkit-linear-gradient(#33bcef, #019ad2);
	background-image: linear-gradient(#33bcef, #019ad2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	color: #fff!important
}

.blueBtn:hover {
	background-color: #0271bf;
	background-image: -webkit-linear-gradient(#2daddc, #0271bf);
	background-image: linear-gradient(#2daddc, #0271bf);
	border-color: #096eb3
}

.blueBtn:active {
	background-color: #2daddc;
	background-image: -webkit-linear-gradient(#0271bf, #2daddc);
	background-image: linear-gradient(#0271bf, #2daddc);
	border-color: #096eb3
}

#gameVoiceBcm {
    position: absolute;
    left: 248px;
    top: 489px;
    width: 20px;
    height: 20px;
    z-index: 230;
    box-sizing: border-box;
    border: 1px solid rgba(248,205,93,.92);
    border-radius: 5px;
    background: linear-gradient(180deg, rgba(32,74,112,.98), rgba(8,31,61,.98));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 1px 2px rgba(0,0,0,.75), 0 0 4px rgba(72,166,255,.24);
    color: #eaf7ff;
    cursor: pointer;
}

#gameVoiceBcm:hover {
    filter: brightness(1.22);
}

#gameVoiceBcm::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 8px;
    box-sizing: border-box;
    border: 1px solid currentColor;
    border-radius: 5px;
}

#gameVoiceBcm::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 10px;
    width: 9px;
    height: 5px;
    box-sizing: border-box;
    border: 1px solid currentColor;
    border-top: 0;
    border-radius: 0 0 7px 7px;
}

#gameVoiceBcm.voice_off,
#gameVoiceBcm.self_muted {
    border-color: rgba(255,113,113,.94);
    background: linear-gradient(180deg, rgba(134,43,48,.98), rgba(72,18,25,.98));
    color: #ffe9e9;
}

#gameVoiceBcm.speaking:not(.self_muted) {
    border-color: #9cffb5;
    background: linear-gradient(180deg, rgba(28,164,72,.98), rgba(9,104,44,.98));
    color: #fff;
    box-shadow: 0 0 7px rgba(55,255,112,.85), inset 0 1px 0 rgba(255,255,255,.24);
}

#gameVoicePanel {
    position: absolute;
    left: 205px;
    top: 337px;
    width: 194px;
    max-height: 146px;
    z-index: 235;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid rgba(238,198,88,.96);
    border-radius: 6px;
    background: linear-gradient(180deg, rgba(7,37,70,.97), rgba(2,17,37,.98));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 3px 8px rgba(0,0,0,.72), 0 0 6px rgba(255,202,75,.16);
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 9px;
    line-height: 12px;
}

#gameVoicePanel .game_voice_head {
    position: relative;
    height: 20px;
    padding: 3px 6px 2px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(235,199,99,.45);
    background: linear-gradient(180deg, rgba(18,61,103,.92), rgba(7,37,72,.92));
}

#gameVoicePanel .game_voice_title {
    color: #ffe7a2;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .25px;
    text-shadow: 0 1px 2px #000;
}

#gameVoicePanel .game_voice_mode {
    float: right;
    min-width: 34px;
    height: 13px;
    padding: 0 4px;
    box-sizing: border-box;
    border: 1px solid rgba(123,225,255,.70);
    border-radius: 4px;
    background: rgba(17,94,138,.82);
    color: #e9fbff;
    font-size: 8px;
    font-weight: 800;
    line-height: 11px;
    text-align: center;
}

#gameVoicePanel .game_voice_mode.off {
    border-color: rgba(255,121,121,.75);
    background: rgba(116,30,35,.88);
    color: #ffdada;
}

#gameVoiceMembers {
    max-height: 125px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 3px;
    box-sizing: border-box;
}

#gameVoiceMembers::-webkit-scrollbar {
    width: 4px;
}

#gameVoiceMembers::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(116,190,232,.75);
}

#gameVoiceMembers .game_voice_member {
    position: relative;
    height: 21px;
    margin-bottom: 2px;
    padding: 3px 25px 2px 6px;
    box-sizing: border-box;
    border: 1px solid rgba(125,176,214,.22);
    border-radius: 4px;
    background: rgba(255,255,255,.055);
    white-space: nowrap;
}

#gameVoiceMembers .game_voice_member.me {
    border-color: rgba(244,202,91,.45);
    background: rgba(244,202,91,.08);
}

#gameVoiceMembers .game_voice_name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #f2f7fb;
    font-size: 9px;
    line-height: 13px;
    text-shadow: 0 1px 1px #000;
}

#gameVoiceMembers .game_voice_member.reconnecting .game_voice_name {
    color: #b9d8ee;
}

#gameVoiceMembers .game_voice_mic {
    position: absolute;
    right: 3px;
    top: 2px;
    width: 18px;
    height: 16px;
    padding: 0;
    border: 1px solid rgba(160,202,230,.62);
    border-radius: 4px;
    background: linear-gradient(180deg, rgba(34,57,80,.98), rgba(18,34,53,.98));
    color: #eaf7ff;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

#gameVoiceMembers .game_voice_mic::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 4px;
    height: 7px;
    box-sizing: border-box;
    border: 1px solid currentColor;
    border-radius: 4px;
}

#gameVoiceMembers .game_voice_mic::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 8px;
    width: 6px;
    height: 4px;
    box-sizing: border-box;
    border: 1px solid currentColor;
    border-top: 0;
    border-radius: 0 0 6px 6px;
}

#gameVoiceMembers .game_voice_member.connected .game_voice_mic {
    border-color: rgba(121,213,255,.92);
}

#gameVoiceMembers .game_voice_member.muted .game_voice_mic {
    border-color: rgba(255,103,103,.94);
    background: linear-gradient(180deg, rgba(130,43,47,.98), rgba(86,24,29,.98));
    color: #ffe7e7;
}

#gameVoiceMembers .game_voice_member.speaking:not(.muted) .game_voice_mic {
    border-color: #8dffad;
    background: linear-gradient(180deg, rgba(28,171,72,.98), rgba(12,123,52,.98));
    box-shadow: 0 0 6px rgba(55,255,112,.82), inset 0 1px 0 rgba(255,255,255,.20);
    color: #fff;
}

#gameVoiceMembers .game_voice_empty {
    min-height: 30px;
    padding: 9px 4px 5px;
    box-sizing: border-box;
    color: #b9d8ee;
    font-size: 9px;
    text-align: center;
    text-shadow: 0 1px 1px #000;
}

.th #gameVoiceBcm {
    left: 248px;
    top: 526px;
}

.th #gameVoicePanel {
    left: 205px;
    top: 377px;
}

#gameVoiceBcm {
    padding: 0;
    margin: 0;
    outline: 0;
    font: inherit;
    appearance: none;
    -webkit-appearance: none;
    touch-action: manipulation;
}

#gameVoiceBcm {
    left: auto;
    top: auto;
    right: 44px;
    bottom: 8px;
    width: 36px;
    height: 15px;
    border-radius: 4px 4px 0 0;
    border-color: rgba(238,198,88,.96);
    background: linear-gradient(180deg, rgba(18,61,103,.96), rgba(7,37,72,.96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 1px 2px rgba(0,0,0,.75), 0 0 4px rgba(255,202,75,.20);
    color: #ffe7a2;
}
#gameVoiceBcm::before {
    content: "VOZ";
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    left: 0;
    top: 0;
    color: inherit;
    font-size: 8px;
    font-weight: 800;
    line-height: 14px;
    text-align: center;
    text-shadow: 0 1px 2px #000;
}
#gameVoiceBcm::after {
    display: none;
}
#gameVoiceBcm.voice_off,
#gameVoiceBcm.self_muted {
    color: #ffe9e9;
}
#gameVoicePanel {
    left: auto;
    top: auto;
    right: 44px;
    bottom: 23px;
    width: 194px;
    max-height: 146px;
}
#gameVoiceMembers {
    max-height: 125px;
}
.th #gameVoiceBcm {
    left: auto;
    top: auto;
    right: 44px;
    bottom: 8px;
}
.th #gameVoicePanel {
    left: auto;
    top: auto;
    right: 44px;
    bottom: 23px;
}

#gameVoiceBcm {
    right: auto !important;
    bottom: auto !important;
    width: 40px;
    height: 15px;
    z-index: 236;
    border-radius: 4px 4px 0 0;
}

#gameVoicePanel {
    right: auto !important;
    bottom: auto !important;
    width: 194px;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
    transform-origin: right bottom;
}

#gameVoiceMembers {
    height: auto;
    max-height: none;
    overflow: visible;
    padding: 3px;
}

#gameVoiceMembers .game_voice_member:last-child {
    margin-bottom: 0;
}

.th #gameVoiceBcm,
.th #gameVoicePanel {
    right: auto !important;
    bottom: auto !important;
}

#roomVoiceModeStatus {
    min-width: 38px;
    padding: 0 4px;
    border: 1px solid rgba(181,166,255,.85);
    background: linear-gradient(180deg, rgba(78,64,151,.96), rgba(48,38,102,.96));
    color: #fff;
}

#roomVoiceModeStatus.all {
    border-color: rgba(255,216,113,.92);
    background: linear-gradient(180deg, rgba(176,119,31,.98), rgba(119,73,14,.98));
}

#roomVoiceEnabledStatus {
    min-width: 28px;
    padding: 0 4px;
    border: 1px solid rgba(126,255,177,.82);
    background: linear-gradient(180deg, rgba(29,145,70,.96), rgba(9,100,47,.96));
    color: #fff;
}

#roomVoiceEnabledStatus.off {
    border-color: rgba(255,142,142,.88);
    background: linear-gradient(180deg, rgba(168,52,52,.96), rgba(122,28,28,.96));
}

#RoomOptionsVoiceBox {
    position: absolute;
    left: 130px;
    top: 337px;
    width: 110px;
    height: 43px;
    z-index: 8;
    box-sizing: border-box;
    text-align: center;
}

.th #RoomOptionsVoiceBox {
    position: absolute;
    left: 130px;
    top: 330px;
    width: 110px;
    height: 43px;
    z-index: 8;
    box-sizing: border-box;
    text-align: center;
}

#RoomOptionsVoiceText {
    height: 15px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
}

#RoomOptionsVoiceEnabled,
#RoomOptionsVoiceMode {
    position: absolute;
    top: 17px;
    height: 17px;
    padding: 0;
    box-sizing: border-box;
    border-radius: 4px;
    color: #fff;
    font: 800 9px Arial, sans-serif;
    line-height: 14px;
    text-align: center;
    text-shadow: 0 1px 1px #000;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 1px 2px rgba(0,0,0,.28);
}

#RoomOptionsVoiceEnabled {
    left: 1px;
    width: 42px;
    border: 1px solid rgba(82,195,117,.95);
    background: linear-gradient(180deg, #39bc67, #148642);
}

#RoomOptionsVoiceEnabled.off {
    border-color: rgba(220,87,87,.95);
    background: linear-gradient(180deg, #d84e4e, #922c2c);
}

#RoomOptionsVoiceMode {
    right: 1px;
    width: 61px;
    border: 1px solid rgba(133,119,220,.95);
    background: linear-gradient(180deg, #7568bf, #493c8c);
}

#RoomOptionsVoiceMode.all {
    border-color: rgba(214,171,72,.95);
    background: linear-gradient(180deg, #c39032, #8a5d18);
}

#RoomOptionsVoiceMode.disabledmode {
    opacity: .52;
    filter: grayscale(.7);
}

#RoomOptionsVoiceEnabled:hover,
#RoomOptionsVoiceMode:hover {
    filter: brightness(1.15);
}

#roomVoicePanel {
    position: absolute;
	left: 248px;
    top: 82px;
    width: 128px;
    height: 20px;
    z-index: 1;
    box-sizing: border-box;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 9px;
    line-height: 12px;
    pointer-events: none;
}

.th #roomVoicePanel {
    left: 307px;
    top: 123px;
}

#roomVoicePanel .room_voice_head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    width: 100%;
    height: 18px;
    padding: 1px 3px 1px 5px;
    box-sizing: border-box;
    border: 0;
    background: transparent;
    box-shadow: none;
    cursor: default;
    user-select: none;
}

#roomVoicePanel .room_voice_title {
    float: none;
    flex: 0 0 auto;
    margin: 0 1px 0 0;
    color: #dff5ff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .25px;
    line-height: 14px;
    text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000;
}

#roomVoicePanel .room_voice_status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 13px;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 8px;
    font-weight: 800;
    line-height: 11px;
    text-shadow: 0 1px 1px rgba(0,0,0,.92);
    white-space: nowrap;
}

#roomVoiceModeStatus {
    min-width: 38px;
    padding: 0 4px;
    border: 1px solid rgba(181,166,255,.85);
    background: linear-gradient(180deg, rgba(78,64,151,.96), rgba(48,38,102,.96));
    color: #fff;
}

#roomVoiceModeStatus.all {
    border-color: rgba(255,216,113,.92);
    background: linear-gradient(180deg, rgba(176,119,31,.98), rgba(119,73,14,.98));
}

#roomVoiceEnabledStatus {
    min-width: 28px;
    padding: 0 4px;
    border: 1px solid rgba(126,255,177,.82);
    background: linear-gradient(180deg, rgba(29,145,70,.96), rgba(9,100,47,.96));
    color: #fff;
}

#roomVoiceEnabledStatus.off {
    border-color: rgba(255,142,142,.88);
    background: linear-gradient(180deg, rgba(168,52,52,.96), rgba(122,28,28,.96));
}

.room_voice_slot_mic {
    position: absolute;
    z-index: 31;
    width: 18px;
    height: 16px;
    padding: 0;
    border: 1px solid rgba(175,213,240,.70);
    border-radius: 4px;
    background: linear-gradient(180deg, rgba(34,56,80,.96), rgba(22,35,55,.96));
    color: #eef7ff;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 1px 1px rgba(0,0,0,.35);
}

.SideA .room_voice_slot_mic { left: -2px; top: 19px; }
.SideB .room_voice_slot_mic { right: -5px; top: 19px; }
.th .SideA .room_voice_slot_mic { left: -2px; top: -16px; }
.th .SideB .room_voice_slot_mic { right: -2px; top: -16px; }

.room_voice_slot_mic::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 4px;
    height: 7px;
    box-sizing: border-box;
    border: 1px solid currentColor;
    border-radius: 4px;
}

.room_voice_slot_mic::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 8px;
    width: 6px;
    height: 4px;
    box-sizing: border-box;
    border: 1px solid currentColor;
    border-top: 0;
    border-radius: 0 0 6px 6px;
}

.room_voice_slot_mic.connected { border-color: rgba(131,217,255,.90); }
.room_voice_slot_mic.me { background: linear-gradient(180deg, rgba(41,78,122,.98), rgba(23,53,87,.98)); }
.room_voice_slot_mic.filtered { opacity: .52; }

.room_voice_slot_mic.muted {
    border-color: rgba(255,96,96,.90);
    background: linear-gradient(180deg, rgba(127,46,46,.98), rgba(92,28,28,.98));
    color: #ffe8e8;
}

.room_voice_slot_mic.speaking:not(.muted) {
    border-color: #8dffad;
    background: linear-gradient(180deg, rgba(28,171,72,.98), rgba(12,123,52,.98));
    box-shadow: 0 0 6px rgba(55,255,112,.82), inset 0 1px 0 rgba(255,255,255,.20);
    color: #fff;
}

.room_voice_slot_mic.disabledstate,
.room_voice_slot_mic:disabled {
    opacity: .46;
    cursor: default;
}

.yellowBtn {
    font-weight: bold;
    line-height: 18px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    background-color: #fd9a0f;
    background-image: linear-gradient(to bottom, #fee94f, #fd9a0f);
    border-color: #fa2;
    text-decoration: none;
    color: #333;
}

.yellowBtn:hover {
    background-color: #fd9512;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #fedc4d, #d80);
    border-color: #ec8b11;
}

.remember {
	font-size: 11px;
	color: #cc5;
	margin-left: 2px
}

.resetPass a {
	font-size: 14px;
	color: #0cf;
	padding-left: 8px
}

#WindowBG {
    position: absolute;
    left: -4000px;
    width: 10000px;
    top: -4000px;
    height: 10000px;
    background: rgba(0, 0, 0, 0.25);
    z-index: 14;
    display: none
}

#LoginWindowBG {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	z-index: 99
}

#LoginOR1 {
	left: 0;
	top: 122px;
	font-size: 18px;
	text-align: center
}

#RegisterPart {
	left: 374px;
	top: 47px;
}

.RegisterSelect {
	border: 1px solid #bdc7d8;
	font-size: 13px;
	height: 30px;
	padding: 5px
}

.formLine {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 18px
}

.fieldInfo {
	font-size: 11px;
	width: 165px
}

.ui-helper-zfix,
.ui-widget-overlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.registerButton {
    text-align: center;
    border-color: #3b6e22 #3b6e22 #2c5115;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 1px;
    position: relative;
    text-shadow: 0 1px 2px rgba(0,0,0,.5);
    font-family: "Freight Sans Bold","lucida grande",tahoma,verdana,arial,sans-serif!important;
    font-weight: 400!important;
    text-rendering: optimizelegibility;
    font-size: 19px;
    line-height: 126%;
    padding: 7px 25px;
    background: -webkit-gradient(linear,center top,center bottom,from(#67ae55),to(#578843));
    background: -webkit-linear-gradient(top,#67ae55,#578843);
    background-color: #69a74e;
    box-shadow: inset 0 1px 1px #a4e388
}

.registerButton:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#79bc64), to(#578843));
	background: -webkit-linear-gradient(top, #79bc64, #578843)
}

.behindDialog {
	-webkit-filter: grayscale(50%);
	-moz-filter: grayscale(50%);
	-ms-filter: grayscale(50%);
	filter: grayscale(50%)
}

.errorlist {
	color: red;
	text-align: left
}

#GameOverMyGPGot {
	right: 0;
	width: 800px;
	text-align: center;
	top: 170px;
	font-size: 30px;
	color: #fff
}

#GameOverMyGP {
	right: 0;
	width: 800px;
	text-align: center;
	top: 200px;
	font-size: 70px;
	color: #fff
}

#GameOverMyGPNext,
#GameOverMyGoldGot {
	font-size: 30px;
	right: 0;
	width: 800px;
	text-align: center
}

#GameOverMyGPNext {
	top: 270px;
	color: #f3c
}

#GameOverMyGoldGot {
	top: 370px;
	color: #ffea4a
}

#GameOverMyGold {
	right: 0;
	width: 800px;
	text-align: center;
	top: 400px;
	font-size: 65px;
	color: #ffea4a
}

#chat_divs {
	position: relative;
	z-index: 110
}

.ghost {
	opacity: .5;
	animation: 2s linear infinite grayspin_anim;
	-webkit-animation: 2s linear infinite grayspin_anim;
	transform-origin: 10px -20px;
	-webkit-transform-origin: 10px -20px
}

#score_panel {
	right: 7px;
	top: -59px;
	width: 133px;
	height: 54px;
	background: url(/static/images/score_panel2.png)
}

#score_panel_a {
	left: 45px;
	top: 8px;
	font-size: 36px;
	color: #f08
}

#score_panel_b {
	left: 105px;
	top: 8px;
	font-size: 36px;
	color: #42f
}

.country {
	font-size: 7px;
	color: #fff
}

.ShotTrace {
	-webkit-transform-origin: left 50%;
	-moz-transform-origin: left 50%;
	-ms-transform-origin: left 50%;
	-o-transform-origin: left 50%;
	transform-origin: left 50%
}

.AnimEnterScaleIn,
.AnimEnterScaleIn15,
.AnimScaleOut {
	transform-origin: 50% 50%!important
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
	content: "";
	display: table;
	border-collapse: collapse
}

.ui-helper-clearfix:after {
	clear: both
}

.ui-helper-clearfix {
	min-height: 0
}

.ui-helper-zfix {
	opacity: 0;
	filter: Alpha(Opacity=0)
}

.ui-front {
	z-index: 100
}

.ui-state-disabled {
	cursor: default!important
}

.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden
}

.ui-widget-overlay {
	position: fixed
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0
}

.ui-accordion .ui-accordion-icons,
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
	padding-left: .7em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	text-align: center;
	overflow: visible
}

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
	text-decoration: none
}

.ui-button-icon-only {
	width: 2.2em
}

button.ui-button-icon-only {
	width: 2.4em
}

.ui-button-icons-only {
	width: 3.4em
}

button.ui-button-icons-only {
	width: 3.7em
}

.ui-button .ui-button-text {
	display: block;
	line-height: normal
}

.ui-button-text-only .ui-button-text,
input.ui-button {
	padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em
}

.ui-button-icon-only .ui-icon,
.ui-button-icons-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px
}

.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px
}

.ui-button-icons-only .ui-button-icon-primary,
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary {
	left: .5em
}

.ui-button-icons-only .ui-button-icon-secondary,
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary {
	right: .5em
}

.ui-buttonset {
	margin-right: 7px
}

.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em
}

button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
	top: 1px
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px
}

.ui-datepicker .ui-datepicker-next {
	right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px
}

.EventCountdownBox {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    column-gap: 10px;
    row-gap: 1px;
    align-items: center;
    box-sizing: border-box;
    min-height: 82px;
    margin: 8px 6px 0;
    padding: 8px 10px;
    background: rgba(20, 40, 80, .75);
    border: 1px solid rgba(100, 160, 255, .4);
    border-radius: 8px;
    text-align: left;
}

.EventCountdownBox .EventCountdownIcon {
    grid-column: 1;
    grid-row: 1 / 5;
    align-self: center;
    justify-self: center;
    width: 34px;
    font-size: 28px;
    line-height: 1;
    text-align: center;
    flex-shrink: 0;
}

.EventCountdownBox .EventCountdownTitle,
.EventCountdownBox .EventCountdownSub,
.EventCountdownBox .EventCountdownTimer,
.EventCountdownBox .EventCountdownDate {
    grid-column: 2;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    white-space: normal;
}

.EventCountdownBox .EventCountdownTitle {
    grid-row: 1;
    margin: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.EventCountdownBox .EventCountdownSub {
    grid-row: 2;
    margin: 1px 0 0;
    color: #ffd700;
    font-size: 11px;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase;
}

.EventCountdownBox .EventCountdownTimer {
    grid-row: 3;
    margin: 0;
    color: #4dd0ff;
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
    white-space: nowrap;
}

.EventCountdownBox .EventCountdownDate {
    grid-row: 4;
    margin: 0;
    color: #ffd700;
    font-size: 10px;
    line-height: 12px;
    white-space: nowrap;
}

#GpEventCountdown {
    min-height: 82px;
}

#GpEventCountdown .EventCountdownTitle {
    white-space: nowrap;
}

#LettersEventCountdown {
    min-height: 82px;
}

#itemTimer,
#itemTimer2,
#itemTimer3 {
    overflow: visible !important;
    isolation: isolate;
    will-change: transform, opacity, filter;
    transform: translate3d(0, 0, 0) scale(1);
    transform-origin: 50% 50%;
    opacity: 1;
    transition-property: transform, opacity, filter;
    transition-duration: 420ms, 280ms, 320ms;
    transition-timing-function: cubic-bezier(.22,.78,.22,1), ease-out, ease-out;
}

#itemTimer  { --bonus-fold-y: 89px; }
#itemTimer2 { --bonus-fold-y: 0px; }
#itemTimer3 { --bonus-fold-y: -91px; }

#container.Game:not(.bonusItemsDockFolded) #itemTimer  { transition-delay: 0ms,   0ms, 0ms; }
#container.Game:not(.bonusItemsDockFolded) #itemTimer2 { transition-delay: 55ms, 25ms, 0ms; }
#container.Game:not(.bonusItemsDockFolded) #itemTimer3 { transition-delay: 110ms,50ms, 0ms; }

#container.Game.bonusItemsDockFolded #itemTimer,
#container.Game.bonusItemsDockFolded #itemTimer2,
#container.Game.bonusItemsDockFolded #itemTimer3 {
    transform: translate3d(74px, var(--bonus-fold-y), 0) scale(.72);
    opacity: 0;
    filter: saturate(.85) brightness(.9);
    pointer-events: none;
}

#container.Game.bonusItemsDockFolded #itemTimer  { transition-delay: 90ms, 45ms, 0ms; }
#container.Game.bonusItemsDockFolded #itemTimer2 { transition-delay: 45ms, 20ms, 0ms; }
#container.Game.bonusItemsDockFolded #itemTimer3 { transition-delay: 0ms,   0ms, 0ms; }

#container.bonusItemsDockNoAnim #itemTimer,
#container.bonusItemsDockNoAnim #itemTimer2,
#container.bonusItemsDockNoAnim #itemTimer3 {
    transition: none !important;
}

#itemTimerFoldTab {
    display: none;
    position: absolute;
    right: 0;
    top: 110px;
    width: 22px;
    height: 50px;
    z-index: 90;
    box-sizing: border-box;
    background: transparent;
    border: 0;
    box-shadow: none;
    cursor: context-menu;
    opacity: .58;
    transition: opacity 180ms ease, filter 180ms ease;
}

#container.Game #itemTimerFoldTab {
    display: block;
}

#itemTimerFoldTab.isFolded {
    opacity: .92;
}

#itemTimerFoldTab:hover {
    opacity: 1;
    filter: brightness(1.16);
}

#itemTimerFoldTab .bonusDockArrow {
    position: absolute;
    right: 0;
    top: 8px;
    width: 10px;
    height: 32px;
    text-align: center;
    color: #ffd45f;
    font: bold 19px/30px Arial, sans-serif;
    background: linear-gradient(180deg, rgba(48,69,104,.88), rgba(8,21,43,.88));
    border: 1px solid rgba(255,255,255,.58);
    border-right: 0;
    border-radius: 7px 0 0 7px;
    box-shadow: -1px 0 5px rgba(0,0,0,.36), inset 1px 0 0 rgba(255,204,70,.42);
    text-shadow: 0 1px 2px #000, 0 0 4px rgba(255,205,70,.4);
    transform: rotate(180deg);
    transform-origin: 50% 50%;
    transition: transform 300ms cubic-bezier(.22,.78,.22,1), width 180ms ease;
    pointer-events: none;
}

#itemTimerFoldTab.isFolded .bonusDockArrow {
    transform: rotate(0deg);
}

#itemTimer .progress-circle,
#itemTimer2 .progress-circle,
#itemTimer3 .progress-circle {
    z-index: 3;
}

#itemTimer .itemTimerImg,
#itemTimer2 .itemTimerImg,
#itemTimer3 .itemTimerImg,
#itemTimer .itemTimerText,
#itemTimer2 .itemTimerText,
#itemTimer3 .itemTimerText {
    z-index: 5;
}

#itemTimer.exItemAccordionOwner,
#itemTimer2.exItemAccordionOwner,
#itemTimer3.exItemAccordionOwner {
    z-index: 95 !important;
    filter: drop-shadow(0 0 7px rgba(74,165,255,.34));
}

#itemTimer  { --exitem-accent-rgb: 58, 164, 255; --exitem-accent: #48a9ff; }
#itemTimer2 { --exitem-accent-rgb: 255, 83, 69;  --exitem-accent: #ff5d4d; }
#itemTimer3 { --exitem-accent-rgb: 153, 86, 255; --exitem-accent: #a06aff; }

.ExItemAccordion {
    position: absolute;
    z-index: -1;
    right: 28px;
    top: 1px;
    width: 352px;
    height: 57px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 40px 6px 14px;
    overflow: hidden;
    border: 0;
    border-radius: 17px 30px 30px 17px;
    background:
        linear-gradient(90deg,
            rgba(5,15,31,.96) 0%,
            rgba(7,22,43,.97) 72%,
            rgba(var(--exitem-accent-rgb),.18) 100%);
    box-shadow:
        0 7px 17px rgba(0,0,0,.48),
        0 0 13px rgba(var(--exitem-accent-rgb),.18),
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 -1px 0 rgba(0,0,0,.32);
    color: #fff;
    font-family: Arial, Tahoma, sans-serif;
    text-shadow: 0 1px 2px #000;
    opacity: 0;
    transform: translateX(22px) scaleX(.06);
    transform-origin: right center;
    clip-path: inset(0 0 0 94% round 20px);
    filter: blur(1.8px) brightness(.82);
    pointer-events: none;
    transition:
        transform 300ms cubic-bezier(.18,.82,.18,1),
        clip-path 300ms cubic-bezier(.18,.82,.18,1),
        opacity 145ms ease-out,
        filter 240ms ease-out;
}

.ExItemAccordion.is-open {
    opacity: 1;
    transform: translateX(0) scaleX(1);
    clip-path: inset(0 0 0 0 round 20px);
    filter: blur(0) brightness(1);
    pointer-events: auto;
}

.ExItemAccordion.is-closing {
    opacity: 0;
    transform: translateX(24px) scaleX(.035);
    clip-path: inset(0 0 0 97% round 24px);
    filter: blur(2px) brightness(.75);
    pointer-events: none;
    transition-duration: 235ms, 235ms, 150ms, 210ms;
}

.exItemAccordionClosing .progress-circle {
    animation: exItemCircleEat 245ms cubic-bezier(.2,.8,.2,1);
}

@keyframes exItemCircleEat {
    0%   { transform: scale(1); }
    45%  { transform: scale(1.08); }
    100% { transform: scale(1); }
}

.ExItemAccordionInfo {
    flex: 1 1 auto;
    min-width: 105px;
    overflow: hidden;
    text-align: left;
    line-height: 1;
}

.ExItemAccordionTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #f7fbff;
    font-size: 13px;
    font-weight: 800;
    line-height: 17px;
}

.ExItemAccordionStock {
    display: inline-block;
    margin-left: 6px;
    color: var(--exitem-accent);
    font-size: 10px;
    font-weight: 800;
    vertical-align: 1px;
    text-shadow: 0 0 6px rgba(var(--exitem-accent-rgb),.45);
}

.ExItemAccordionDesc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 2px;
    color: #9fb4ca;
    font-size: 9px;
    font-weight: 700;
    line-height: 12px;
}

.ExItemAccordionQty {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 3px;
}

.ExItemAccordion .ExItemBulkStep,
#ExItemBulkQty,
.ExItemAccordionUse {
    height: 29px;
    box-sizing: border-box;
    border: 0;
    outline: 0;
    font-family: Arial, Tahoma, sans-serif;
    font-weight: 800;
}

.ExItemAccordion .ExItemBulkStep {
    width: 27px;
    padding: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(46,70,105,.96), rgba(13,27,51,.96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 2px 5px rgba(0,0,0,.32);
    color: #dceaff;
    font-size: 18px;
    line-height: 29px;
    cursor: pointer;
}

.ExItemAccordion .ExItemBulkStep:hover {
    filter: brightness(1.16);
}

.ExItemAccordion .ExItemBulkStep:active {
    transform: scale(.94);
}

#ExItemBulkQty {
    width: 34px;
    padding: 0;
    border-radius: 7px;
    background: linear-gradient(180deg, #f7fbff, #dbe4ef);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.22), 0 2px 5px rgba(0,0,0,.30);
    color: #17304f;
    font-size: 15px;
    line-height: 29px;
    text-align: center;
    text-shadow: none;
}

.ExItemAccordionUse {
    flex: 0 0 auto;
    min-width: 54px;
    padding: 0 9px;
    border-radius: 9px;
    background:
        linear-gradient(180deg,
            rgba(var(--exitem-accent-rgb),.96),
            rgba(var(--exitem-accent-rgb),.68));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        0 2px 6px rgba(0,0,0,.34),
        0 0 8px rgba(var(--exitem-accent-rgb),.22);
    color: #fff;
    font-size: 11px;
    line-height: 29px;
    text-shadow: 0 1px 2px rgba(0,0,0,.75);
    cursor: pointer;
}

.ExItemAccordionUse:hover {
    filter: brightness(1.13);
}

.ExItemAccordionUse:active {
    transform: scale(.96);
}

.itemTimerBulkReady .itemTimerText {
    font-weight: bold;
    color: #fff6a8;
    text-shadow: #000 1px 1px 2px;
}

@media (max-width: 620px) {
    .ExItemAccordion {
        width: 316px;
        gap: 6px;
        padding-left: 10px;
    }
    .ExItemAccordionInfo { min-width: 82px; }
    .ExItemAccordionTitle { font-size: 12px; }
    .ExItemAccordionDesc { font-size: 8px; }
    .ExItemAccordion .ExItemBulkStep { width: 25px; }
    #ExItemBulkQty { width: 31px; }
    .ExItemAccordionUse { min-width: 48px; padding: 0 7px; font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
    .ExItemAccordion,
    #itemTimer,
    #itemTimer2,
    #itemTimer3,
    #itemTimerFoldTab,
    #itemTimerFoldTab .bonusDockArrow {
        transition-duration: 1ms !important;
        transition-delay: 0ms !important;
    }
    .exItemAccordionClosing .progress-circle {
        animation-duration: 1ms !important;
    }
}

#gameVoiceBcm {
    width: 40px !important;
    height: 16px !important;
    z-index: 238 !important;
    padding: 0 !important;
    border: 1px solid rgba(255,220,95,.98) !important;
    border-radius: 7px 7px 4px 4px !important;
    background: linear-gradient(180deg, rgba(128,36,62,.98) 0%, rgba(82,18,39,.98) 58%, rgba(47,9,25,.98) 100%) !important;
    color: #fff4bb !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.26),
        0 1px 2px rgba(0,0,0,.78),
        0 0 7px rgba(255,226,42,.38) !important;
    overflow: visible;
    transition: filter 150ms ease, box-shadow 180ms ease, transform 120ms ease;
}

#gameVoiceBcm::before {
    content: "VOZ" !important;
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    color: inherit !important;
    font: 800 8px/15px Arial, sans-serif !important;
    letter-spacing: .2px;
    text-align: center;
    text-shadow: 0 1px 2px #000;
}

#gameVoiceBcm::after { display: none !important; }

#gameVoiceBcm:hover {
    filter: brightness(1.17);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.30),
        0 1px 2px rgba(0,0,0,.82),
        0 0 10px rgba(255,226,42,.55) !important;
}

#gameVoiceBcm:active { transform: translateY(1px); }

#gameVoiceBcm.voice_off,
#gameVoiceBcm.self_muted {
    background: linear-gradient(180deg, rgba(108,36,48,.98), rgba(64,18,28,.98)) !important;
    border-color: rgba(255,194,112,.94) !important;
    color: #ffe6d8 !important;
}

#gameVoiceBcm.speaking:not(.self_muted) {
    background: linear-gradient(180deg, rgba(128,36,62,.98), rgba(82,18,39,.98)) !important;
    border-color: rgba(177,255,173,.98) !important;
    color: #fff !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        0 1px 2px rgba(0,0,0,.78),
        0 0 9px rgba(76,255,128,.58) !important;
}

#gameVoicePanel {
    right: auto !important;
    bottom: auto !important;
    width: 184px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 171px !important;
    z-index: 237 !important;
    overflow: visible !important;
    box-sizing: border-box;
    border: 1px solid rgba(247,206,83,.94) !important;
    border-radius: 9px !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(35,116,173,.18), transparent 42%),
        linear-gradient(180deg, rgba(6,35,65,.985) 0%, rgba(3,23,45,.99) 58%, rgba(2,15,31,.995) 100%) !important;
    box-shadow:
        inset 0 0 0 1px rgba(78,185,246,.22),
        inset 0 1px 0 rgba(255,255,255,.15),
        0 4px 10px rgba(0,0,0,.62),
        0 0 7px rgba(53,177,255,.28) !important;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 9px;
    line-height: 12px;
    transform-origin: calc(100% - 20px) 100%;
    transition:
        opacity 150ms ease-out,
        transform 230ms cubic-bezier(.22,.82,.22,1),
        filter 180ms ease-out;
}

#gameVoicePanel::before {
    content: "";
    position: absolute;
    right: 13px;
    bottom: -7px;
    width: 12px;
    height: 12px;
    z-index: 0;
    box-sizing: border-box;
    background: #03172d;
    border-right: 1px solid rgba(247,206,83,.94);
    border-bottom: 1px solid rgba(247,206,83,.94);
    transform: rotate(45deg);
    box-shadow: 2px 2px 3px rgba(0,0,0,.30);
}

#gameVoicePanel.game_voice_open {
    opacity: 1;
    transform: translate3d(0,0,0) scale(1);
    filter: none;
    pointer-events: auto;
}

#gameVoicePanel.game_voice_closed {
    opacity: 0;
    transform: translate3d(0,7px,0) scale(.90,.08);
    filter: saturate(.8) brightness(.85);
    pointer-events: none;
}

#gameVoicePanel .game_voice_head {
    position: relative;
    z-index: 1;
    height: 26px !important;
    padding: 6px 8px 3px !important;
    box-sizing: border-box;
    border-bottom: 0 !important;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(180deg, rgba(15,63,100,.78), rgba(5,35,66,.30)) !important;
}

#gameVoicePanel .game_voice_title {
    color: #ffe7a0 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 15px;
    letter-spacing: .2px;
    text-shadow: 0 1px 2px #000, 0 0 4px rgba(255,206,72,.18) !important;
}

#gameVoicePanel .game_voice_mode {
    position: relative;
    float: right;
    min-width: 43px !important;
    height: 15px !important;
    padding: 0 16px 0 6px !important;
    box-sizing: border-box;
    border: 1px solid rgba(113,210,255,.90) !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, rgba(19,108,165,.95), rgba(8,65,119,.95)) !important;
    color: #dff8ff !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    line-height: 13px !important;
    text-align: left !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 0 5px rgba(57,190,255,.20);
}

#gameVoicePanel .game_voice_mode::after {
    content: "";
    position: absolute;
    right: 2px;
    top: 2px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: linear-gradient(180deg,#fff4b0,#d8ad49);
    box-shadow: 0 0 4px rgba(255,226,100,.55), inset 0 1px 0 rgba(255,255,255,.65);
}

#gameVoicePanel .game_voice_mode.off {
    border-color: rgba(255,119,119,.72) !important;
    background: linear-gradient(180deg, rgba(113,37,45,.96), rgba(72,21,28,.96)) !important;
    color: #ffdada !important;
}

#gameVoicePanel .game_voice_mode.off::after {
    background: linear-gradient(180deg,#d6d6d6,#858585);
    box-shadow: none;
}

#gameVoicePanel .game_voice_status {
    position: relative;
    z-index: 1;
    height: 22px;
    margin: 0 6px 4px;
    padding: 3px 5px 2px 30px;
    box-sizing: border-box;
    border: 1px solid rgba(98,166,211,.20);
    border-radius: 11px;
    background: rgba(0,13,30,.42);
    color: #a9cae6;
}

#gameVoicePanel .game_voice_status_text {
    display: inline-block;
    max-width: 83px;
    overflow: hidden;
    color: #a9cae6;
    font-size: 8px;
    line-height: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#gameVoicePanel .game_voice_status_text.off { color: #c6a1a7; }

#gameVoicePanel .game_voice_listen_mode {
    float: right;
    margin-top: 1px;
    color: rgba(146,213,255,.82);
    font-size: 7px;
    font-weight: 800;
    line-height: 12px;
}

#gameVoicePanel .game_voice_listen_mode.off { opacity: .45; }

#gameVoicePanel .game_voice_wave {
    position: absolute;
    left: 8px;
    top: 5px;
    width: 16px;
    height: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

#gameVoicePanel .game_voice_wave i {
    display: block;
    width: 2px;
    height: 4px;
    border-radius: 2px;
    background: #5ad8ff;
    box-shadow: 0 0 3px rgba(64,211,255,.65);
}
#gameVoicePanel.game_voice_open .game_voice_wave i:nth-child(1) { animation: gameVoiceWave 720ms ease-in-out infinite alternate; }
#gameVoicePanel.game_voice_open .game_voice_wave i:nth-child(2) { height: 9px; animation: gameVoiceWave 620ms ease-in-out 90ms infinite alternate; }
#gameVoicePanel.game_voice_open .game_voice_wave i:nth-child(3) { height: 6px; animation: gameVoiceWave 800ms ease-in-out 150ms infinite alternate; }
#gameVoicePanel.game_voice_open .game_voice_wave i:nth-child(4) { height: 3px; animation: gameVoiceWave 680ms ease-in-out 40ms infinite alternate; }

@keyframes gameVoiceWave {
    from { transform: scaleY(.55); opacity: .58; }
    to   { transform: scaleY(1.18); opacity: 1; }
}

#gameVoiceMembers {
    position: relative;
    z-index: 1;
    height: auto !important;
    max-height: 115px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 0 6px 6px !important;
    box-sizing: border-box;
}

#gameVoiceMembers::-webkit-scrollbar { width: 3px; }
#gameVoiceMembers::-webkit-scrollbar-track { background: transparent; }
#gameVoiceMembers::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(98,184,229,.52);
}

#gameVoiceMembers .game_voice_member {
    position: relative;
    height: 25px !important;
    margin: 0 !important;
    padding: 5px 46px 3px 28px !important;
    box-sizing: border-box;
    border: 0 !important;
    border-top: 1px solid rgba(103,161,201,.18) !important;
    border-radius: 0 !important;
    background: transparent !important;
    white-space: nowrap;
    transition: background 160ms ease, box-shadow 160ms ease;
}

#gameVoiceMembers .game_voice_member:first-child {
    border-top: 1px solid rgba(103,161,201,.28) !important;
    border-radius: 6px 6px 0 0 !important;
}

#gameVoiceMembers .game_voice_member:last-child {
    border-radius: 0 0 6px 6px !important;
}

#gameVoiceMembers .game_voice_member.me {
    background: linear-gradient(90deg, rgba(247,196,60,.065), transparent 72%) !important;
}

#gameVoiceMembers .game_voice_member.speaking:not(.muted) {
    background: linear-gradient(90deg, rgba(44,177,93,.10), transparent 78%) !important;
    box-shadow: inset 2px 0 0 rgba(85,255,139,.55);
}

#gameVoiceMembers .game_voice_slot {
    position: absolute;
    left: 3px;
    top: 4px;
    width: 17px;
    height: 17px;
    box-sizing: border-box;
    border: 1px solid rgba(101,201,255,.90);
    border-radius: 3px;
    background: linear-gradient(180deg, rgba(18,70,109,.94), rgba(8,34,61,.96));
    color: #8edcff;
    font: 900 10px/15px Arial, sans-serif;
    text-align: center;
    text-shadow: 0 1px 1px #000;
}

#gameVoiceMembers .game_voice_member.me .game_voice_slot {
    border-color: rgba(255,202,75,.88);
    background: linear-gradient(180deg, rgba(73,50,8,.90), rgba(30,22,5,.94));
    color: #ffc83d;
}

#gameVoiceMembers .game_voice_name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #d7e8f6 !important;
    font-size: 9px !important;
    font-weight: 700;
    line-height: 16px !important;
    text-shadow: 0 1px 1px #000;
}

#gameVoiceMembers .game_voice_member.me .game_voice_name {
    color: #ffd56a !important;
}

#gameVoiceMembers .game_voice_member.reconnecting .game_voice_name {
    color: #9bbbd2 !important;
    opacity: .72;
}

#gameVoiceMembers .game_voice_mic {
    position: absolute;
    right: 24px !important;
    top: 4px !important;
    width: 18px !important;
    height: 18px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: #7cdcff !important;
    cursor: pointer;
    box-shadow: none !important;
    opacity: .9;
    transition: transform 120ms ease, filter 120ms ease, color 120ms ease;
}

#gameVoiceMembers .game_voice_mic:hover {
    transform: scale(1.08);
    filter: brightness(1.25);
}

#gameVoiceMembers .game_voice_mic::before {
    content: "" !important;
    position: absolute !important;
    left: 6px !important;
    top: 2px !important;
    width: 5px !important;
    height: 8px !important;
    box-sizing: border-box;
    border: 2px solid currentColor !important;
    border-radius: 5px !important;
}

#gameVoiceMembers .game_voice_mic::after {
    content: "" !important;
    position: absolute !important;
    left: 4px !important;
    top: 9px !important;
    width: 9px !important;
    height: 5px !important;
    box-sizing: border-box;
    border: 2px solid currentColor !important;
    border-top: 0 !important;
    border-radius: 0 0 7px 7px !important;
}

#gameVoiceMembers .game_voice_member.connected .game_voice_mic {
    color: #79ddff !important;
}

#gameVoiceMembers .game_voice_member.muted .game_voice_mic {
    color: #ff7979 !important;
    background: rgba(127,34,41,.20) !important;
}

#gameVoiceMembers .game_voice_member.muted .game_voice_mic::after {
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.08);
}

#gameVoiceMembers .game_voice_member.speaking:not(.muted) .game_voice_mic {
    color: #72f89b !important;
    background: rgba(35,149,73,.12) !important;
    filter: drop-shadow(0 0 3px rgba(65,255,126,.70));
}

#gameVoiceMembers .game_voice_signal {
    position: absolute;
    right: 3px;
    top: 7px;
    width: 16px;
    height: 12px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 2px;
    opacity: .34;
}

#gameVoiceMembers .game_voice_signal i {
    display: block;
    width: 2px;
    border-radius: 1px;
    background: #83ddff;
    box-shadow: 0 0 2px rgba(80,207,255,.45);
}
#gameVoiceMembers .game_voice_signal i:nth-child(1) { height: 4px; }
#gameVoiceMembers .game_voice_signal i:nth-child(2) { height: 7px; }
#gameVoiceMembers .game_voice_signal i:nth-child(3) { height: 10px; }

#gameVoiceMembers .game_voice_member.connected .game_voice_signal { opacity: .90; }
#gameVoiceMembers .game_voice_member.reconnecting .game_voice_signal {
    opacity: .45;
    animation: teamVoiceConnecting .8s ease-in-out infinite alternate;
}
#gameVoiceMembers .game_voice_member.muted .game_voice_signal {
    opacity: .22;
}
#gameVoiceMembers .game_voice_member.speaking:not(.muted) .game_voice_signal i {
    background: #70f598;
    box-shadow: 0 0 3px rgba(70,255,127,.65);
    animation: gameVoiceSignal 520ms ease-in-out infinite alternate;
}
#gameVoiceMembers .game_voice_member.speaking:not(.muted) .game_voice_signal i:nth-child(2) { animation-delay: 90ms; }
#gameVoiceMembers .game_voice_member.speaking:not(.muted) .game_voice_signal i:nth-child(3) { animation-delay: 160ms; }

@keyframes gameVoiceSignal {
    from { transform: scaleY(.45); }
    to   { transform: scaleY(1.05); }
}

#gameVoiceMembers .game_voice_empty {
    min-height: 29px !important;
    padding: 8px 5px 6px !important;
    box-sizing: border-box;
    color: #9dbed8 !important;
    font-size: 8px !important;
    text-align: center;
    text-shadow: 0 1px 1px #000;
}

@media (prefers-reduced-motion: reduce) {
    #gameVoicePanel,
    #gameVoiceBcm,
    #gameVoicePanel .game_voice_wave i,
    #gameVoiceMembers .game_voice_signal i {
        transition-duration: 1ms !important;
        animation-duration: 1ms !important;
    }
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center
}

.ItemHelpBtn {
    position: absolute;
    left: 12px;
    top: 120px
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: 700;
	border: 0
}

.ui-datepicker td {
	border: 0;
	padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em;
	width: auto;
	overflow: visible
}

.ui-datepicker.ui-datepicker-multi {
	width: auto
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0;
	padding: 1px;
	height: 20px
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: 0;
	overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer
}

.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: 0
}

.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute
}

.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
	margin: 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0;
	font-weight: 400
}

.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-state-focus {
	font-weight: 400;
	margin: -1px
}

.ui-menu .ui-state-disabled {
	font-weight: 400;
	margin: .4em 0 .2em;
	line-height: 1.5
}

.ui-menu .ui-state-disabled a {
	cursor: default
}

.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em
}

.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em
}

.ui-menu .ui-menu-icon {
	position: static;
	float: right
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
	background: url(images/animated-overlay.gif);
	height: 100%;
	opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none
}

.youtube-logo {
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

.responsive-iframe {
    width: 90%;
    max-width: 250px;
    height: 150px;
    border: none;
    display: block;
    margin: 10px auto;
}

.ui-resizable-handle {
	position: absolute;
	font-size: .1px;
	display: block
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted #000
}

.ui-slider {
	position: relative;
	text-align: left
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit
}

.ui-slider-horizontal {
	height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0
}

.ui-slider-vertical {
	width: .8em;
	height: 100px
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0
}

.ui-spinner-input {
	border: 0;
	background: 0;
	color: inherit;
	padding: 0;
	margin: .2em 22px .2em .4em
}

.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0
}

.ui-spinner a.ui-spinner-button {
	border-top: 0;
	border-bottom: 0;
	border-right: 0
}

.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0
}

.ui-spinner .ui-icon-triangle-1-s {
	background-position: -65px -16px
}

.ui-tabs {
	position: relative;
	padding: .2em
}

#DragonRecorderStatus,
#LoginFBStatus,
#LoginHelpArrow,
#Mic,
#buy_gift_btn,
#gameBcm,
#lobbyBcm,
#next_avatar,
#next_avatar_particles,
#notificationBtn,
#pplink,
#roomBcm,
#shopPages,
#shop_delete_avatar,
#toslink,
.DragonWindow,
.DragonWindowClose {
	position: absolute
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text
}

#myLoginFB,
.poolBtn,
#RewardsBG,
.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer
}

#RewardsBG,#WindowBG {
    left: -4000px;
    width: 10000px;
    top: -4000px;
    height: 10000px
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: 0
}

.ui-tooltip {
	padding: 8px;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
	border-width: 2px
}

.ui-widget {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em
}

#next_avatar,
.Alt,
.AvNotif {
	font-family: Arial, sans-serif;
	text-align: center
}

.ui-widget .ui-widget {
	font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em
}

.ui-widget-content {
	border: 1px solid #aaa;
	background: url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #fff;
	color: #222
}

.ui-widget-content a,
.ui-widget-header a {
	color: #222
}

.ui-widget-header {
	border: 1px solid #aaa;
	background: url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x #ccc;
	color: #222;
	font-weight: 700
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x #e6e6e6;
	font-weight: 400;
	color: #555
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555;
	text-decoration: none
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
	border: 1px solid #999;
	background: url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x #dadada;
	font-weight: 400;
	color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaa;
	background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;
	font-weight: 400;
	color: #212121
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x #fbf9ee;
	color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x #fef1ec;
	color: #cd0a0a
}

.ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error a,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a
}

.Bold,
.ContextMenuDefaultAction,
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35)
}

.ui-icon {
	width: 16px;
	height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png)
}

.ui-state-active .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-blank {
	background-position: 16px 16px
}

.ui-icon-carat-1-ne {
	background-position: -16px 0
}

.ui-icon-carat-1-e {
	background-position: -32px 0
}

.ui-icon-carat-1-se {
	background-position: -48px 0
}

.ui-icon-carat-1-sw {
	background-position: -80px 0
}

.ui-icon-carat-1-w {
	background-position: -96px 0
}

.ui-icon-carat-1-nw {
	background-position: -112px 0
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px
}

.ui-icon-triangle-1-s {
	background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px
}

.ui-icon-arrow-1-s {
	background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
	background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px
}

.ui-icon-arrow-4 {
	background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px
}

.ui-icon-extlink {
	background-position: -32px -80px
}

.ui-icon-newwin {
	background-position: -48px -80px
}

.ui-icon-refresh {
	background-position: -64px -80px
}

.ui-icon-shuffle {
	background-position: -80px -80px
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px
}

.ui-icon-folder-open {
	background-position: -16px -96px
}

.ui-icon-document {
	background-position: -32px -96px
}

.ui-icon-document-b {
	background-position: -48px -96px
}

.ui-icon-note {
	background-position: -64px -96px
}

.ui-icon-mail-closed {
	background-position: -80px -96px
}

.ui-icon-mail-open {
	background-position: -96px -96px
}

.ui-icon-suitcase {
	background-position: -112px -96px
}

.ui-icon-comment {
	background-position: -128px -96px
}

.ui-icon-person {
	background-position: -144px -96px
}

.ui-icon-print {
	background-position: -160px -96px
}

.ui-icon-trash {
	background-position: -176px -96px
}

.ui-icon-locked {
	background-position: -192px -96px
}

.ui-icon-unlocked {
	background-position: -208px -96px
}

.ui-icon-bookmark {
	background-position: -224px -96px
}

.ui-icon-tag {
	background-position: -240px -96px
}

.ui-icon-home {
	background-position: 0 -112px
}

.ui-icon-flag {
	background-position: -16px -112px
}

.ui-icon-calendar {
	background-position: -32px -112px
}

.ui-icon-cart {
	background-position: -48px -112px
}

.ui-icon-pencil {
	background-position: -64px -112px
}

.ui-icon-clock {
	background-position: -80px -112px
}

.ui-icon-disk {
	background-position: -96px -112px
}

.ui-icon-calculator {
	background-position: -112px -112px
}

.ui-icon-zoomin {
	background-position: -128px -112px
}

.ui-icon-zoomout {
	background-position: -144px -112px
}

.ui-icon-search {
	background-position: -160px -112px
}

.ui-icon-wrench {
	background-position: -176px -112px
}

.ui-icon-gear {
	background-position: -192px -112px
}

.ui-icon-heart {
	background-position: -208px -112px
}

.ui-icon-star {
	background-position: -224px -112px
}

.ui-icon-link {
	background-position: -240px -112px
}

.ui-icon-cancel {
	background-position: 0 -128px
}

.ui-icon-plus {
	background-position: -16px -128px
}

.ui-icon-plusthick {
	background-position: -32px -128px
}

.ui-icon-minus {
	background-position: -48px -128px
}

.ui-icon-minusthick {
	background-position: -64px -128px
}

.ui-icon-close {
	background-position: -80px -128px
}

.ui-icon-closethick {
	background-position: -96px -128px
}

.ui-icon-key {
	background-position: -112px -128px
}

.ui-icon-lightbulb {
	background-position: -128px -128px
}

.ui-icon-scissors {
	background-position: -144px -128px
}

.ui-icon-clipboard {
	background-position: -160px -128px
}

.ui-icon-copy {
	background-position: -176px -128px
}

.ui-icon-contact {
	background-position: -192px -128px
}

.ui-icon-image {
	background-position: -208px -128px
}

.ui-icon-video {
	background-position: -224px -128px
}

.ui-icon-script {
	background-position: -240px -128px
}

.ui-icon-alert {
	background-position: 0 -144px
}

.ui-icon-info {
	background-position: -16px -144px
}

.ui-icon-notice {
	background-position: -32px -144px
}

.ui-icon-help {
	background-position: -48px -144px
}

.ui-icon-check {
	background-position: -64px -144px
}

.ui-icon-bullet {
	background-position: -80px -144px
}

.ui-icon-radio-on {
	background-position: -96px -144px
}

.ui-icon-radio-off {
	background-position: -112px -144px
}

.ui-icon-pin-w {
	background-position: -128px -144px
}

.ui-icon-pin-s {
	background-position: -144px -144px
}

.ui-icon-play {
	background-position: 0 -160px
}

.ui-icon-pause {
	background-position: -16px -160px
}

.ui-icon-seek-next {
	background-position: -32px -160px
}

.ui-icon-seek-prev {
	background-position: -48px -160px
}

.ui-icon-seek-end {
	background-position: -64px -160px
}

.ui-icon-seek-first,
.ui-icon-seek-start {
	background-position: -80px -160px
}

.ui-icon-stop {
	background-position: -96px -160px
}

.ui-icon-eject {
	background-position: -112px -160px
}

.ui-icon-volume-off {
	background-position: -128px -160px
}

.ui-icon-volume-on {
	background-position: -144px -160px
}

.ui-icon-power {
	background-position: 0 -176px
}

.ui-icon-signal-diag {
	background-position: -16px -176px
}

.ui-icon-signal {
	background-position: -32px -176px
}

.ui-icon-battery-0 {
	background-position: -48px -176px
}

.ui-icon-battery-1 {
	background-position: -64px -176px
}

.ui-icon-battery-2 {
	background-position: -80px -176px
}

.ui-icon-battery-3 {
	background-position: -96px -176px
}

.ui-icon-circle-plus {
	background-position: 0 -192px
}

.ui-icon-circle-minus {
	background-position: -16px -192px
}

.ui-icon-circle-close {
	background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px
}

.ui-icon-circle-check {
	background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px
}

.ui-widget-overlay,
.ui-widget-shadow {
	background: url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;
	opacity: .3;
	filter: Alpha(Opacity=30)
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
	border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
	border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
	border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
	border-bottom-right-radius: 4px
}

.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	border-radius: 8px
}

#lobby_channel {
	left: 17px;
	bottom: 4px;
	width: 85px;
	background: #ddf
}

.fbfan {
	border: 0;
	overflow: hidden;
	height: 70px
}

.Alt {
	top: 0;
	left: 0;
	color: #fff;
	font-size: 14px;
	background: #000;
	display: none;
	text-shadow: none;
	font-weight: 400;
	min-width: 10px
}

#fps.canvas,
#freecashWindow thead,
#next_avatar_name,
#next_avatar_timer,
.Alt.Alt2,
.yellow {
	color: #ff0
}

#LoginHelp,
.AvNotif,
.TotalUnread {
	color: #fff;
	position: absolute
}

#torneoPos1,
#torneoPos10,
#torneoPos11,
#torneoPos12,
#torneoPos13,
#torneoPos14,
#torneoPos15,
#torneoPos16,
#torneoPos17,
#torneoPos18,
#torneoPos19,
#torneoPos2,
#torneoPos20,
#torneoPos21,
#torneoPos22,
#torneoPos23,
#torneoPos24,
#torneoPos25,
#torneoPos26,
#torneoPos27,
#torneoPos28,
#torneoPos29,
#torneoPos3,
#torneoPos30,
#torneoPos31,
#torneoPos4,
#torneoPos5,
#torneoPos6,
#torneoPos7,
#torneoPos8,
#torneoPos9 {
	color: #d3d3d3
}

.AvNotif {
	top: -4px;
	right: -7px;
	font-size: 9px;
	background: red;
	display: none;
	border-radius: 20px;
	min-width: 7px;
	line-height: 8px;
	padding: 2px
}

#ranking_panel_open .Alt {
	transform: rotate(-90deg)
}

#shop_delete_avatar {
	left: 198px;
	top: 483px;
	width: 25px;
	height: 33px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAhCAMAAAAbHvCRAAABm1BMVEUAAABjgrVKXYRjbYRjfbWcrtalstZjea1KYYycqs5abZRjcYxCWXulrtZrgr1jgr2Ek7Vada1jdZxabZxKVWs6TGuMm71rhr1adaVacZxSbZxSYHtCVHtSWmsxQVo6RFKcrs6Ups6cpsWUosWMl7Vaea1acaVjdZRjcZRSaZRSZJRjaXtaZHMvQGMxPlCtut6cps6Eka1jfa1zhKVrfaVaa4xKZYxaaIRSZIRaaXtKWXs6THNaYGtSWWM6RWNCS1otOE7e5ffW2ubO1ObFyd6UpsWJlr17jq17ia2cn6t7haJreZxaaZRKYpRrdYxjbYxSZYxCVoQ6UntSXXNCVXNCUXMxRWtCTWNKT106RVopNUoeLEfm6fva3++ltt7BxtaxtMWcor2UoL2UoLVaebWpqLGMkq1zhq17iqVjd6VScaVzgpxzfZxjeZxSaZxKZ5xrd5RjaYRaY3trb3NKWXNCUWtra2M6SWMpPVpCSVKtvua1vs6MnsVrhsWEjrWEjqVSbaWMhpRzfZRKXYxCXYxKYYQxSXM6PUIhLTpuvSuaAAAAAXRSTlMAQObYZgAAAlxJREFUKM9VkuWSIjEURtNJu2DdjbszDO4DA+Pu7u7usu67j7090MDu+ZFKfaeSW7m5oA33dH//9HX0sAP8B4scue3e/kPHi/NZirLNOBKV5Km+jYGj0c39aS+lp2VH42A0PntwsNfbH/ri7xt4PypqNaYfr0o+UZvFTVr9fu9AREtl/ONBTOHjHAeAa9KEYaf2o43+GS2G63ElxzHNJAJoThGWnc+7mzsW7C3F35y2jEDpWoNj5t2+7ZQiVDR4/gUBzm5S9gHDaaAe1i+z8vBXFLDxIIX9A0WJ0A5nYghMLgdEqyVIpakAZRZFqxi0QpqGaxMArHw3pdNma9AyExEpKq0x04rpQQAAtB7QNurWVwuEdD5WAW9UlvB2lchPGvLVWCeo45KV92k1GG62wi5eXlyoLqnGUSiWIbTzC3J1ccHpzENnj2q6L94Z4PMfO+9co/PxKu+ML3OquUmMhD6EIC3LPOx6LJ7f1Vj1ttvERTgheA1ZXUoXzrpPHDXQoDS/lRknCbdheIv0FoZ9U6sV1SCJ1B2ThNfwSSD9No8f9XCqCdeIkXGB8LJDAjFsY1J3ruaQsK/EWMhNeHI+wn0+zYytdAOVjt/E0DFDeIoegkEZZiqOmoZzEcZsUvAVk8JgIeO7dYWbprTKGHMMaWSTpNGmM86vtmYxumT0hRhSZ0iSqQfPmNQqA1AsO3TpVgwjnNgGvylNa8LGrrpyg4mRS4G8md4rrCPQojJrhjYuzPp1tscHu/LRbVbKuJ7mlXbCyJx6pAlaXrw+0+vPrsouVbThOuclSSpxreAvPbNiK6OX708AAAAASUVORK5CYII=)
}

.HD #shop_delete_avatar {
	background-position: -594.5px -219px
}

#buy_gift_btn {
	left: 17px;
	top: 322px;
	color: #ff0
}

#Mic {
	left: 520px;
	bottom: 2px;
	z-index: 120
}

.MicButton {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAMAAADaFm2tAAAAXVBMVEVWheT///9cieVymej3+f3+/v/7/P7z9v2kvvCduO91nOlqk+fm7ftvl+hXheTY4/i6zfSTse3p7/tlkOZjj+ZXhuTs8fvQ3ffH1/auxfKYtO6Ws+6JqeyIqex+ouowNxdcAAAAhklEQVQI123OxxaDIBBA0WEcOlJE7Pr/n5nIgazydncxBd68Ucp46J3EGJ1deWLf3Nw48pd8bBxYbfhDk7ATk4GdbJ+1tIMWz9w2P0LDKKJPknOZfBQDlI3u+lW5aSsA1kllEa2SztY7q1hCWMTaDuMVpYwXQg9D+AEPrSen9YGVmViNMsAHqlUGC96mVo4AAAAASUVORK5CYII=) center center no-repeat #5685e4;
	width: 40px;
	height: 18px;
	border-radius: 3px;
	border: 1px solid #009
}

.btnNo,
.btnRetry,
.btnYes {
	width: 60px;
	height: 28px;
	margin: 1px;
	display: inline-block
}

.btnRetry,
.btnYes {
	border: 1px solid #000;
	border-radius: 7px
}

.MicButton.CanClick:hover {
	-webkit-filter: hue-rotate(245deg);
	-moz-filter: hue-rotate(245deg);
	-ms-filter: hue-rotate(245deg);
	-o-filter: hue-rotate(245deg);
	filter: hue-rotate(245deg)
}

.MicButton.recording {
	-webkit-filter: hue-rotate(125deg);
	-moz-filter: hue-rotate(125deg);
	-ms-filter: hue-rotate(125deg);
	-o-filter: hue-rotate(125deg);
	filter: hue-rotate(125deg)
}

.MicButton.recording:hover {
	-webkit-filter: hue-rotate(175deg);
	-moz-filter: hue-rotate(175deg);
	-ms-filter: hue-rotate(175deg);
	-o-filter: hue-rotate(175deg);
	filter: hue-rotate(175deg)
}

#DragonRecorderStatus {
	left: 458px;
	bottom: 22px;
	z-index: 121
}

.btnYes {
	background: url(/static/images/yes.png) center center no-repeat #5685e4
}

.btnRetry {
	background: url(/static/images/retry.png) center center no-repeat #5685e4
}

.btnNo {
	background: url(/static/images/no.png) center center no-repeat #5685e4;
	border: 1px solid #000;
	border-radius: 7px
}

.gumbao-chat-line {
	min-height: 14px;
	margin-top: -2px;
	line-height: 12px
}

.BtnBcm {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAB3RJTUUH5AcKDh0T7dDPiAAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAA5nSURBVHja7VhpkB3Vef1u76/fm7fNm1WzSYwUWZKlIQShBQyS7MIhUNiF5QpVJKmkbJdJvBQkTpHEWCGQhdgW2KRs40K2qYKyjE3ZVkxBJT+wBJKQ0IJKYpBGGs2MRrO9fe+9b06/N0ijKYNEkh/+4a7qmTfzbvc9fe75znduE/2WH2zxP1bcsCNlVKsbBS71MGJ5Lrl7J4a/MftbAbBz+Zc/InHpa5zTasf2XEEUmED8TSL/oenxb51ZfHFn/wMfZ4KwQ5DiG1ynSromUTwWJ5GV3hAYPX744GO/+L8CFN/90Nr7lW5yvIcHB/vvuvfTmyL33bsp2tvTFh0fz62czZRXJjo3nagVD80tvDgS3zjIGLuNCVqP71vEuEfM98j3Xcn1eG97/7Z8euqvzhP9lAfjt2/fLq5evVoYHh7mHxigErr+UyFd/fw9n1gf+ru/2crXrulmH17dyfVwiE1O1pZdnMyu7EzdcqxcfiO9GKAghHqIHCLukuc6xJgUkZTYoO9Zy9q7sxcyM3tHg/EARh8EXHAIlz5xSjDO5f6+GMmyxHzfp1Sqhf3l5zbzz392M638vf4tZcv+VseyL625dLHAJFzYkInPBXI5+Y7vQx0+WbZInsM3Ksx66JN3PfwxzrnQmKVxbheb5wdgMBK/KeRztrGrq719/R/0cD2kMMfxSBTFBpMoGDZybm6pZTkro4lbDlYKB/Lh2IZB4vxWSYn2iIpAsqowSRFFH0tdq1chcE7RluhSjzvX/WT3vslz55pMEr0dLDiAPnLtAI3K4bHuvi3ry2U+VK2W2aaNyzE3Jw9sKIrMliyJkWG49PapqQ7GeKyUP7CHCWtTqKJtLYmOvlgqQS3JVhIUnQyLc9PBehMTNT1Gnm30ZnO1HonWTldrRycAzG+C2wFW23G+97JfQbMW2pCu1SvXu47WJUs+/9DKLiZJIrmuR7GYTqoi0qnhGbmzM7r67OlXHrPNXl2StT9q6+4f6OrroNbOTqx7iEybmCDJIocuHadOtmUT97WlTODXJRLrJ4rFQ+ebM94GebTh995rA1gpHbgoqTcWS5Xy1tk5U4+2qLRieQcXILbge8vy6PndB91qzXxrevLVZ4hCKrG2uweWDy5bsaqHBgZ78RAqSaJEydYWkhSFW6Q6FUMQPZbEati9nmv3tOqrxz5WtWaG6Wfu+4ELDunyx0DsjGenn3zB41+MHj9+9l//w7JS0CH75N1DDXH/6uVhIZevCoVC5bl5zmUX1SFLAsUiMnW3qyS4AMhjABmnTCLCLmaq8iSlyYImuSOQyiJbmODxE0s2f4Omhl++mgYXAGS8qYlH/MLMU8+oAw+Ih98cedD3/BX5osUqFYu98OKRQJOH4nH9lfxMcE0yDplKEgDqukTRiEolVaLOtgi1pXQa0rqoZrpsbDLLc9mqc35kSinkfMpOj2x1eLXc1vNFrI4IQbB22zTIsG0SfB5lAivjwQ9bpR+el67EG4i3ecyOP/F0d/+D1vDpC/f//cNjKyVR4KGQehQ3eXJu7MmzzVEtrVh92fehNsenas2mQtGEblySJY1WDeqUiCmUL7Swi9Om/Koi0/G3Z2hyTiVfsDfLgrUc4oF5CLIoyaQFjY3TALx1XPbpXyyixQCvPKYndv6of/BvT4uqcCuQZxzOXga4mUsCDmlh3FMUBYE0TA56qVQqk2nUSdU4LV0aozZZoaV9EWpPoaTlEF+2vNvpaJeVyXPTbemJdJttO6SGQhRu0UnRdJLUGFlmfqVVn/uTkP5g5X0A3iolk2v1Sr40yTTtF1ZZzFWrX88uHOHZtstkxQe7FFYVkqAS26zRxMUc1cGooIZpfMqiflhUHAU30Btmy5dF5YRapV/zMk2PjlClXCFZSVE4EqdkRxvJoTBVKz4VM7XrLaO6Q9q+/QXxv18/cOfgssQnQG9fPmd4pu2iun3Jc7kE9rnvcT/eLsjtPQ8NV+q1XZkLTx1oUigGa4K8AJPGErlgo5TL0fmR85SeK5JhCpRsb6W5EqOOVgDs0um6fokNLuuhsbOzFIu3ULFcIx3aHRrqpZs2rKP2zqQzOjohHzoop44U7JR0+OSRG6NR9aGwHtvQ1ZUibY3c8DtRYhSYi6JIFDCUztTpnTMXNvhpvz+x4q8/OzLyzTGAE2HUMHQiFxrwLZfsukkWWFGw9vVyiWRdp6msSbmSTdm8RflKK9ULFpmeAoBx0rIBwBANLo3TzTd20ECfJp2IttPU6Dk65FZQxR7fjCpc99GtH6KbN/VxTZMZ2hwFlRkAg9+iN4vQluG/9Eqr8KPn9m7L5yv3gb9HyTaKPtc9TRVRtRoQOo0CqeRK5IPNTDRNdS5T3VfQ9BlNhSSaySD1ODVK5zFW0SiEuRRZIAG2zsGIgEpR9BC+E/HgLgBy6nQdz7jzD9eEhtZ1s/dSZG8PeoSu0Z5fvekD95+mLwAgZQvk9DghTaCOVMCZSJEwKhS0emDVQbJxLQPMGtCZjLDDqViqoq2WKJ8rU7VuAHgwxqTR8Tzte3OaRrNLaHq6RNN5e94HkUAEsDU1XSQApKCq+Ly38/kPwc+QplAhXwVTLUIiHu57+1jwzckiUberaSIAoqlgMk0NLAeTejLuZZNRq5GQyxJcCvAZ2NIo8LxqKY9qNxrsIf7Q2TNpyhRPkZacRNCo0OxYM8RLnkgHQ7LwmZ+8eBQ3Nvm6tb1BR0HvREU6bvO0XZqdLfNX940i0cy4nkPfaz6CcalNNVqN55LrmMiEWEamoyE305wBQJZRIxERLhGOkcIYSa5LAggQRBlGKKLTWFScS5Obm6OKUaZaodwEKIb0X9uGsevkyfGvFIqctUSGG8XRED6STDAzsAIoY7OzuLhi7LHK5lNNWGvieBipMRgRS5HQTfQWnFFSUdWebZJRLRODLzoACZUGroxZZejQagCUJBXsQngONFjBkjOkJxBi2ciUAcCJE48U25d+6ZtChZ2ePXZig2k4LcK8EgNgAmNOUJCKJBRVRTkDkg5mMt851xzRkWgAhP8x3DgU0imZ6KBENEUesxr91wcQDQasA3yLrJICZ0JoIA9bAyaIAEmNhwmpKkXh+8lIDNp1aSJzkc4bF5q9OD327WCv8QOiVc+Fkre0LSwOw3UNKu/K/+bSiYJBQQqCbamC3CKFsXGKUyreTjWnACupNqQSwzImwi0U08NBAKayUSWsKGKc24hyOnSpA2BHMkV9bT3cgv9XUThjc1O0qJMM20Z+eGoxjNbWv2gRIslwxvNKdPEJ44qAAbqbfRgFIsLfEAaDFQDbYCsKA4ffIbRGwGJY1ZE5tWCvgAquYawBoCYykRL0S4rAMzU97Bp+RfZFLL0UpfftxTfc8LRcs8fW1i3/XogstVTUXtOHvnqklK2NXAyAiswLyrNuujQ1hwkNmUqgRkKiEQUEXPijioki0KWqag2rQQLm6D3IA1heqEPE6YHlumlSplSkusfkYq1M2fJswXEKc+8NEC1w5vChexJJ/asa8dWwDDukCveJsjDpK8I/YsSzeEQZBSm48Lea4UFrPmEzDYByo8qCIkBcQ5fhpEFnviTwkmM6RbOucCTvZLwPOof9gFEohGozWTxEUCAlqlYLbwk+fX8hQDbvFjg+Gus+cuhR2/PuQMS67oHPbKX16weUffvP0i/3HBuQZfmx6fMA6PG6pEle3XRoNlMhy5WpBh9Fgg1yHe7mkw2mfPzmnsXdus0KlbJSyKc5GkdRF+S8JkvctC0pUyhQsYoO5HsDoiCO45rnSzPf3S0tBveRbV+/sVSqPjWXqQzdcfuQeveda+mOj69GC1RYJCL777wzIwyfzvc044yVh485DmyhVKzhJmhrNXPe4OGBMrqHjD0KYo7rWI5VLyn1ugDrMdFr3P3J1s5dES1iW06m3Uax1KBJ7rsxUZBKlmPsb3aSyz5LQxsevjWXLT2zpHdw8FP3dNBdd6yidWv73n0AsMCFyckMz+Uyk83LCgVZjLn1uo1OVMCyePBJAGWBPWFfLEBfEH/NNZhrVBSjMAs/5Gh12QOOae8af+fR3/hqxF3wecESb++r1/2dK5avHLx9W5d7/+e2SEFlBWxA0VQq1/nP95xkJ05N2rW6ubN5TcVGoPANpJg5pBLLERshQUORSEwh7D65zW00l5rsWhJ80SXHKO23jfo/lfM/eI2u4bgEsGdZ/5+ZdfvDt93STV+4f2ujOwQeFSSaYG/83I8Ps2ee3UupZOSUqIZ+nG1wmAijj4vwLUR9g9BLSIPg1SDHu3bQ4pjhGbJVQ6YwER7qpeOe7zwOcP91WVq8aVdXBdiX/P2ujm55oC/WpBnxPQiiwXrt+uE+/vzut4I3XWcmpwtfSE/szAQb71Ao1Rpk1cCMfQRC28d4eJ2JgnBqBdcsFmUOL8NyIiBU99uO+Xhx7vuvXJ5+BwB+OpCPd1WA05OFOaPGaS7d3/wCrQm64gFz+/bPslIpP1Uo1r6cnnjiDaInGmPCyZYEEitKADIIuoJlQT9o/LUKs4pZ2S5kkOvqqMzqceTBfwe4/1xQlLRwk3ZVgBcmcs/qunz7awfyA+MTLzWEXq7abP+B05TP515PJfSvzYzvfHXhxYqiIKBw5rtBknbgX6bvM+Zxz5dFT234Gwr9gMv9f8tNL9wDb59/afVT72oArwioN938z3+czZX/fGa2pIswe1GS6rLETpbK1vfsytNnF1zT0My7LzAlObHB8+oIpLAJZDEJ1atqCVhGGbrgj4yO7Pxfv8icZ7D5VuHQ6/+wGw3uxbYlG1cF/aha9/LFue9MLHqgBYIWG3/yRsdwKVhqVQ52t2badwvDkih9e0vLipdGLzMnXitziwA2qmh+8qNOZuroifcYv6jagnnmVwuaUBC3wuE47lYex5/fPXXssZ+fvWL8tQP73fH/dfwPdB4/gjRrnUIAAAAASUVORK5CYII=);
	background-size: cover;
	width: 20px;
	height: 20px
}

#lobbyBcm {
	left: 557px;
	top: 575px
}

#roomBcm {
	left: 560px;
	top: 578px
}

#gameBcm {
	left: 225px;
	top: 489px
}

.AnimEnterFromBottom {
	-webkit-animation: .5s AnimEnterFromBottom;
	animation: .5s forwards AnimEnterFromBottom
}

@keyframes AnimEnterFromBottom {
	from {
		transform: translate(0, 1000px)
	}
	to {
		transform: translate(0, 0)
	}
}

@-webkit-keyframes AnimEnterFromBottom {
	from {
		transform: translate(0, 1000px)
	}
	to {
		transform: translate(0, 0)
	}
}

.AnimEnterScaleIn {
	animation: .4s forwards AnimEnterScaleIn
}

@keyframes AnimEnterScaleIn {
	from {
		transform: scale(0) rotate(45deg)
	}
	to {
		transform: scale(1) rotate(0)
	}
}

@-webkit-keyframes AnimEnterScaleIn {
	from {
		transform: scale(0) rotate(45deg)
	}
	to {
		transform: scale(1) rotate(0)
	}
}

.AnimEnterScaleIn15 {
	animation: .4s forwards AnimEnterScaleIn15
}

@keyframes AnimEnterScaleIn15 {
	from {
		transform: scale(0) rotate(45deg)
	}
	to {
		transform: scale(1.5) rotate(0)
	}
}

@-webkit-keyframes AnimEnterScaleIn15 {
	from {
		transform: scale(0) rotate(45deg)
	}
	to {
		transform: scale(1.5) rotate(0)
	}
}

.AnimScaleOut {
	animation: .2s forwards AnimScaleOut
}

@keyframes AnimScaleOut {
	from {
		transform: scale(1) rotate(0)
	}
	to {
		transform: scale(0) rotate(45deg)
	}
}

.AnimEnterFadeIn {
	 animation: AnimEnterFadeIn .2s
}

.AnimEnterFadeIn4 {
	animation: .4s forwards AnimEnterFadeIn
}

.AnimEnterFadeInLong {
	animation: 2s forwards AnimEnterFadeIn
}

@-webkit-keyframes AnimEnterFadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes AnimEnterFadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.AnimEnterFadeOut {
	animation: .2s AnimEnterFadeOut;
	transform-origin: 50% 50%
}

@keyframes AnimEnterFadeOut {
	0 {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-webkit-keyframes AnimEnterFadeOut {
	0 {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.ForceHW {
	-webkit-transform: translateZ(0)
}

#notificationBtn {
	top: 100px;
	right: 0;
	z-index: 99
}

.SD #notificationBtn {
	background-image: url(/static/images/zicon_48.png)
}

.HD #notificationBtn {
	background-position: -942.5px -92.5px
}

.TotalUnread {
	font-size: 14px;
	top: -2px;
	right: 6px;
	background: red;
	padding: 3px;
	border-radius: 21px
}

.team_voice_turn_icon {
    position: absolute;
    width: 14px;
    height: 14px;
    display: none;
    z-index: 90;
    cursor: pointer;
    pointer-events: auto;
    box-sizing: border-box;
    border: 1px solid rgba(225, 246, 255, .92);
    border-radius: 50%;
    background: rgba(7, 38, 57, .88);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .85), inset 0 1px 0 rgba(255, 255, 255, .14);
    opacity: .78;
}

.team_voice_turn_icon::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 2px;
    width: 4px;
    height: 6px;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 4px;
}

.team_voice_turn_icon::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 7px;
    width: 6px;
    height: 4px;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-top: 0;
    border-radius: 0 0 6px 6px;
}

.team_voice_turn_icon.connected {
    opacity: 1;
    box-shadow: 0 0 5px rgba(116, 235, 255, .9), 0 1px 2px rgba(0, 0, 0, .9);
}

.team_voice_turn_icon.reconnecting {
    opacity: .55;
    animation: teamVoiceConnecting .8s ease-in-out infinite alternate;
}

.team_voice_turn_icon.muted {
    opacity: 1;
    border-color: rgba(255, 122, 122, .98);
    background: rgba(81, 20, 26, .94);
    animation: none;
}

.team_voice_turn_icon.muted::after {
    content: "×";
    left: 0;
    top: -2px;
    width: 12px;
    height: 14px;
    border: 0;
    color: #ff9a9a;
    font: 700 15px/14px Arial, sans-serif;
    text-align: center;
    text-shadow: 0 1px 1px #000;
}

@keyframes teamVoiceConnecting {
    from { opacity: .38; }
    to { opacity: .82; }
}

#next_avatar_particles {
	right: 10px;
	bottom: -1px;
	z-index: 999
}

#next_avatar {
	font-size: 11px;
	color: #adff2f;
	right: 10px;
	bottom: -1px;
	background: rgba(0, 50, 200, .9);
	border-radius: 10px 10px 0 0;
	padding: 4px 8px;
	border: 1px solid #000;
	box-shadow: 2px 4px 20px 7px #000
}

#shopPages {
	left: 661px;
	top: 505px;
	font-size: 12px;
	color: #000;
	text-align: center;
	width: 70px
}

#LoginHelp {
	left: 0;
	top: -190px;
	width: 630px;
	padding: 15px;
	border: 3px solid #000;
	border-radius: 20px;
	background: #00bfff;
	background: linear-gradient(to bottom, #7abcff 0, #60abf8 44%, #4096ee 100%)
}

.LoginHelpTitle {
	color: orange;
	font-size: 20px
}

#LoginHelpArrow {
	left: -60px
}

.LoginHelpLink {
	color: #0ff!important;
	text-decoration: underline!important
}

#LoginFBStatus {
	left: 0;
	top: 69px;
	width: 347px;
	font-size: 16px;
	text-align: center;
	color: #ddf
}

#pplink,
#toslink {
	right: 0;
	font-size: 10px
}

#LoginFBStatus.FBFail {
	left: 27px;
	width: 321px;
	color: #fca;
	font-size: 14px
}

.FBLoader {
	background-image: url(/static/images/me.gif);
	width: 28px;
	height: 19px;
	vertical-align: text-bottom;
	display: inline-block
}

.inputFieldD {
	width: 162px;
	padding: 0
}

#toslink {
	top: 320px
}

#pplink {
	top: 332px
}

#GenderF:focus,
#GenderM:focus,
#female:focus,
#male:focus {
	outline: #8f8 solid 5px
}

.DragonWindow {
    position: absolute;
    border: black solid 2px;
    border-radius: 10px;
    color: white;
    z-index: 11;
    box-shadow: 5px 5px 20px 5px #000,inset 0 0 0 1px #fff;
    transform-origin: 0 0;
    background: #bdcae6;
    background: linear-gradient(to bottom,#bdcae6 0,#8ba5c5 100%)
}

.DragonWindowTitleBar {
    height: 26px;
    line-height: 26px;
    border-radius: 10px 10px 0 0;
    padding: 0 15px;
    box-shadow: inset 0 0 0 1px #fff;
    background: #b414a4;
    background: linear-gradient(to right,#b414a4 0,#316194 100%)
}

.DragonWindowClose {
	width: 48px;
	height: 20px;
	right: 10px;
	top: 2px;
	z-index: 100;
}

.SD .DragonWindowClose {
	background-image: url(/static/images/close.png)
}

.HD .DragonWindowClose {
	background-position: -942.5px -142px
}

.DragonWindowBody {
	padding: 5px;
	font-size: 14px;
}

.DragonWindowBody2 {
	font-size: 14px;
	background-color: rgba(0, 0, 0, 0.9);
	height: 565px;
	position: absolute;
	width:530px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#SpamParts {
    position: relative;
    margin: auto;
    width: 1px;
    z-index: 9
}

#freecashWindow {
    display: none;
    width: 500px;
    left: 82px;
    top: 100px;
    z-index: 111;
}

.meter {
	height: 12px;
	position: relative;
	background: #555;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 2px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .3);
	-moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .3);
	box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .3)
}

.meter>span {
	display: block;
	height: 100%;
	border-radius: 20px;
	background-color: #2bc253;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2bc253), color-stop(1, #54f054));
	background-image: -moz-linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
	-webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, .3), inset 0 -2px 6px rgba(0, 0, 0, .4);
	-moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, .3), inset 0 -2px 6px rgba(0, 0, 0, .4);
	box-shadow: inset 0 2px 9px rgba(255, 255, 255, .3), inset 0 -2px 6px rgba(0, 0, 0, .4);
	position: relative;
	overflow: hidden
}

.animate>span>span,
.meter>span:after,
.stripes {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	background-size: 50px 50px;
	-webkit-animation: 2s linear infinite move_stripes;
	-moz-animation: 2s linear infinite move_stripes;
	animation: 2s linear infinite move_stripes;
	border-radius: 20px;
	overflow: hidden
}

@-webkit-keyframes move_stripes {
	0 {
		background-position: 0 0
	}
	100% {
		background-position: 50px 50px
	}
}

@-moz-keyframes move_stripes {
	0 {
		background-position: 0 0
	}
	100% {
		background-position: 50px 50px
	}
}

.orange>span {
	background-color: #f1a165;
	background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a));
	background-image: -webkit-linear-gradient(#f1a165, #f36d0a)
}

.red>span {
	background-color: #f0a3a3;
	background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323));
	background-image: -webkit-linear-gradient(#f0a3a3, #f42323)
}

.nostripes>span:after,
.nostripes>span>span {
	-webkit-animation: none;
	-moz-animation: none;
	background-image: none
}

.meterText {
	position: absolute;
	top: 0;
	width: 100%;
	font-size: 11px;
	text-align: center;
	line-height: 16px
}

#CollectCashBtn,
.PassPremiosBtn {
	width: 61px;
	height: 61px;
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle;
	margin-top: 2px;
	border: 1px solid;
}

#GuideMain,
#GuideRanks {
	padding-left: 60px;
	margin-left: 15px;
	width: 192px;
	line-height: 50px
}

#TouchBarMsg,
#TouchShot {
	position: absolute;
	box-shadow: 4px 4px 15px 7px #310;
	opacity: .8;
	color: #00008b;
	z-index: 777;
	display: none;
	background: #feccb1;
	background: -moz-radial-gradient(center, ellipse cover, #feccb1 0, #f17432 50%, #ea5507 51%, #fb955e 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #feccb1 0, #f17432 50%, #ea5507 51%, #fb955e 100%)
}

.SD #CollectCashBtn {
	background-image: url(/static/images/collectcash2.png);
	background-position: -1px -1px
}

.HD #CollectCashBtn,
.HD .PassCashBtn {
	background-position: -851px -153.5px
}

#CollectCashBeta {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
	background: url(/static/images/beta.png)
}

.QuestionMark {
	width: 17px;
	height: 17px;
	background: url(/static/images/qmark.png);
	display: inline-block;
	vertical-align: bottom
}

.SD .QuestionMark {
	background-image: url(/static/images/qmark.png)
}

.HD .QuestionMark {
	background-position: -576px -156px
}

.abs {
    position: absolute;
    z-index: 9
}

.EmptyStar,
.FullStar {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle
}

.SD .EmptyStar {
	background-image: url(/static/images/star-empty-24.png)
}

.HD .EmptyStar {
	background-position: -913.5px -179px
}

.SD .FullStar {
	background-image: url(/static/images/star-full-24.png)
}

.HD .FullStar {
	background-position: -913.5px -153.5px
}

.PrixTimer {
	position: absolute;
	left: 3px;
	top: 47px
}

.BrokerRanksSize {
	left: 110px
}

.poolBtn {
	width: 16px;
	height: 16px;
	background: no-repeat #696969;
	margin-left: 4px;
	padding: 0 8px 0 24px;
	border-radius: 4px;
	box-shadow: inset 0 0 1px 0 #000
}

.poolBtnYes {
	background-image: url(/static/images/emo/yes.png)
}

.poolBtnNo {
	background-image: url(/static/images/emo/no.png)
}

.poolBtn1 {
	background-image: url(/static/images/emo/1.png)
}

.poolBtn2 {
	background-image: url(/static/images/emo/2.png)
}

.poolBtn3 {
	background-image: url(/static/images/emo/3.png)
}

.poolBtn4 {
	background-image: url(/static/images/emo/4.png)
}

.ContextMenu {
    position: absolute;
    background: #f0f0f0 url(/static/images/contextmenu.png) repeat-y;
    border: 1px solid #979797;
    min-width: 160px;
    padding: 2px;
    box-shadow: inset 0 0 0 2px #f5f5f5;
    z-index: 1999;
    color: black;
}

.ContextMenuAction {
    position: relative;
    border: 1px solid transparent;
    padding: 3px 3px 3px 30px;
    font-size: 12px;
    cursor: pointer;
}

.ContextMenuAction:hover {
	background: rgba(230, 240, 255, .4);
	background: linear-gradient(to bottom, rgba(242, 248, 255, .4) 0, rgba(216, 235, 255, .4) 100%);
	border: 1px solid #aecff7;
	border-radius: 2px;
	box-shadow: inset 0 0 0 1px #f5f5f5
}

#TouchShot {
	top: 40%;
	bottom: 0;
	left: 40px;
	width: 80px;
	height: 80px;
	border-radius: 80px;
	border: 1px solid #000;
	text-align: center;
	font-size: 13px;
	background: radial-gradient(ellipse at center, #feccb1 0, #f17432 50%, #ea5507 51%, #fb955e 100%);
	animation: 1s ease-in infinite alternate blinking_glow_anim;
	-webkit-animation: 1s ease-in infinite alternate blinking_glow_anim
}

#TouchBarMsg,
.itemTimerText {
	font-size: 12px;
	text-align: center
}

#TouchShot.active {
	animation: .5s ease-in infinite alternate blinking_glow_anim;
	-webkit-animation: .5s ease-in infinite alternate blinking_glow_anim;
	background: #f3c5bd;
	background: -moz-radial-gradient(center, ellipse cover, #f3c5bd 0, #e86c57 50%, #ea2803 51%, #f60 75%, #c72200 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #f3c5bd 0, #e86c57 50%, #ea2803 51%, #f60 75%, #c72200 100%);
	background: radial-gradient(ellipse at center, #f3c5bd 0, #e86c57 50%, #ea2803 51%, #f60 75%, #c72200 100%)
}

#TouchBarMsg {
	bottom: 11px;
	left: 172px;
	width: 60px;
	height: 27px;
	border-radius: 5px;
	border: 1px solid #000;
	line-height: 13px;
	background: radial-gradient(ellipse at center, #feccb1 0, #f17432 50%, #ea5507 51%, #fb955e 100%);
	animation: 1s ease-in infinite alternate blinking_glow_anim;
	-webkit-animation: 1s ease-in infinite alternate blinking_glow_anim
}

#itemTimer,#itemTimer2,#itemTimer3,
.itemTimerText {
	border-radius: 50px;
	position: absolute
}

.OptionText {
	position: relative;
	top: -3px
}

#OptionRendererLabel {
	margin-left: 20px
}

#OptionRenderer {
	font-size: 10px;
	margin-top: 5px;
	vertical-align: bottom;
	margin-left: 7px;
	width: 112px
}

#theme_select {
	font-size: 11px;
	margin-left: 4px
}

.iHaveAvatar {
	filter: sepia(100%)
}

#itemTimer2 {
    right: 10px;
    top: 110px;
    background: white;
    width: 59px;
    height: 59px;
    z-index: 1;
    display: none
}

#itemTimer3 {
    right: 10px;
    top: 200px;
    background: white;
    width: 59px;
    height: 59px;
    z-index: 1;
    display: none
}

#InstallAppBanner {
	display: none;
     border: 1px solid black;
    border-radius: 20px;
   margin: 0 10px;
    padding: 10px;
    background: rgba(100, 150, 255, 0.3);
    text-align: center;
}

#InstallAppBanner span{
	position: relative;
	top: -5px;
}

#InstallAppBanner {
    margin-top: -15px;
}

#InstallAppBanner img {
    display: block;
    margin: 0 auto;
    border-radius: 10px;
}

#BannerHome {
	border-width: 1px;
    border-style: solid;
    border-color: black;
    border-image: initial;
    border-radius: 20px;
    margin: 0px 10px;
    padding: 10px;
    background: rgba(100, 150, 255, 0.3);
}

#BannerHome {
    margin-top: 20px;
    margin-bottom: 15px;
}

#BannerHome img{
	width: 100%;
    margin-top: 6px;
    border-radius: 10px;
}

.MissionCollectBtn {
    position: absolute;
    left: 376px;
    top: 11px;
    width: 47px;
    text-align: center;
    font-size: 9px;
}

#itemTimer {
    right: 10px;
    top: 20px;
    background: white;
    width: 59px;
    height: 59px;
    z-index: 1;
    display: none
}

#shopMaxStats {
    position: absolute;
    left: -11px;
    top: 90px;
    font-size: 9px;
    color: #fac;
    text-align: center;
    z-index: 12
}

#shopPowerIcon {
    position: absolute;
    display: none;
    left: 142px;
    top: 67px;
    background-image: url(/static/images/powerpotion64.png);
    width: 55px;
    height: 64px;
    transform: scale(0.3);
    z-index: 12
}

.itemTimerImg {
    position: absolute;
    left: 16px;
    top: 14px;
    height: 64px;
    transform: scale(0.5);
    transform-origin: 0 0
}

.itemTimerImg.egg {
    background-image: url(/static/images/luckyegg64.png);
    width: 55px
}

.itemTimerImg.power {
    background-image: url(/static/images/powerpotion64.png);
    width: 55px
}

.itemTimerImg.nyx {
    background-image: url(/static/images/nyxcafe64.png);
    width: 55px
}

.itemTimerText {
    position: absolute;
    left: 4px;
    top: 61px;
    background: white;
    color: black;
    border-radius: 50px;
    width: 52px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    padding: 2px 0
}

.progress-circle {
    font-size: 11px;
    margin: 2px;
    position: relative;
    padding: 0;
    width: 55px;
    height: 55px;
    background-color: #f8b741;
    border-radius: 50%;
    line-height: 5em
}

#GameWatchers,
#GuideLobby,
#GuideLogin,
#GuideServers,
#GuideShop,
#buttonRadar,
#chargeMyUserID,
#myLoginFB,
#premio-Torneo,
#radarPremios,
#roomTutorialBack,
#roomTutorialBack div,
#roomTutorialStart,
#roomTutorialStart div,
#timer_room,
#timer_room_header,
#tosDiv,
.TorneoTimer,
.WatchersBtn,
.left-half-clipper,
.progress-circle.over50 .first50-bar,
.progress-circle:after,
.radarEsferas,
.radarPlayers,
.value-bar {
	position: absolute
}

.progress-circle:after {
    border: 0;
    top: 5px;
    left: 5px;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    background-color: white;
    content: " "
}

.left-half-clipper,
.value-bar {
	border-radius: 50%;
	width: 5em;
	height: 5em
}

.left-half-clipper {
	clip: rect(0, 5em, 5em, 2.5em)
}

.progress-circle.over50 .left-half-clipper {
	clip: rect(auto, auto, auto, auto)
}

.value-bar {
	clip: rect(0, 2.5em, 5em, 0);
	border: .45em solid #53777a;
	box-sizing: border-box
}

.Female,
.Male {
	width: 22px;
	height: 21px;
	vertical-align: sub;
	display: inline-block
}

.progress-circle.over50 .first50-bar {
	clip: rect(0, 5em, 5em, 2.5em);
	background-color: #53777a;
	border-radius: 50%;
	width: 5em;
	height: 5em
}

.progress-circle.p1 .value-bar {
	transform: rotate(4deg)
}

.progress-circle.p2 .value-bar {
	transform: rotate(7deg)
}

.progress-circle.p3 .value-bar {
	transform: rotate(11deg)
}

.progress-circle.p4 .value-bar {
	transform: rotate(14deg)
}

.progress-circle.p5 .value-bar {
	transform: rotate(18deg)
}

.progress-circle.p6 .value-bar {
	transform: rotate(22deg)
}

.progress-circle.p7 .value-bar {
	transform: rotate(25deg)
}

.progress-circle.p8 .value-bar {
	transform: rotate(29deg)
}

.progress-circle.p9 .value-bar {
	transform: rotate(32deg)
}

.progress-circle.p10 .value-bar {
	transform: rotate(36deg)
}

.progress-circle.p11 .value-bar {
	transform: rotate(40deg)
}

.progress-circle.p12 .value-bar {
	transform: rotate(43deg)
}

.progress-circle.p13 .value-bar {
	transform: rotate(47deg)
}

.progress-circle.p14 .value-bar {
	transform: rotate(50deg)
}

.progress-circle.p15 .value-bar {
	transform: rotate(54deg)
}

.progress-circle.p16 .value-bar {
	transform: rotate(58deg)
}

.progress-circle.p17 .value-bar {
	transform: rotate(61deg)
}

.progress-circle.p18 .value-bar {
	transform: rotate(65deg)
}

.progress-circle.p19 .value-bar {
	transform: rotate(68deg)
}

.progress-circle.p20 .value-bar {
	transform: rotate(72deg)
}

.progress-circle.p21 .value-bar {
	transform: rotate(76deg)
}

.progress-circle.p22 .value-bar {
	transform: rotate(79deg)
}

.progress-circle.p23 .value-bar {
	transform: rotate(83deg)
}

.progress-circle.p24 .value-bar {
	transform: rotate(86deg)
}

.progress-circle.p25 .value-bar {
	transform: rotate(90deg)
}

.progress-circle.p26 .value-bar {
	transform: rotate(94deg)
}

.progress-circle.p27 .value-bar {
	transform: rotate(97deg)
}

.progress-circle.p28 .value-bar {
	transform: rotate(101deg)
}

.progress-circle.p29 .value-bar {
	transform: rotate(104deg)
}

.progress-circle.p30 .value-bar {
	transform: rotate(108deg)
}

.progress-circle.p31 .value-bar {
	transform: rotate(112deg)
}

.progress-circle.p32 .value-bar {
	transform: rotate(115deg)
}

.progress-circle.p33 .value-bar {
	transform: rotate(119deg)
}

.progress-circle.p34 .value-bar {
	transform: rotate(122deg)
}

.progress-circle.p35 .value-bar {
	transform: rotate(126deg)
}

.progress-circle.p36 .value-bar {
	transform: rotate(130deg)
}

.progress-circle.p37 .value-bar {
	transform: rotate(133deg)
}

.progress-circle.p38 .value-bar {
	transform: rotate(137deg)
}

.progress-circle.p39 .value-bar {
	transform: rotate(140deg)
}

.progress-circle.p40 .value-bar {
	transform: rotate(144deg)
}

.progress-circle.p41 .value-bar {
	transform: rotate(148deg)
}

.progress-circle.p42 .value-bar {
	transform: rotate(151deg)
}

.progress-circle.p43 .value-bar {
	transform: rotate(155deg)
}

.progress-circle.p44 .value-bar {
	transform: rotate(158deg)
}

.progress-circle.p45 .value-bar {
	transform: rotate(162deg)
}

.progress-circle.p46 .value-bar {
	transform: rotate(166deg)
}

.progress-circle.p47 .value-bar {
	transform: rotate(169deg)
}

.progress-circle.p48 .value-bar {
	transform: rotate(173deg)
}

.progress-circle.p49 .value-bar {
	transform: rotate(176deg)
}

.progress-circle.p50 .value-bar {
	transform: rotate(180deg)
}

.progress-circle.p51 .value-bar {
	transform: rotate(184deg)
}

.progress-circle.p52 .value-bar {
	transform: rotate(187deg)
}

.progress-circle.p53 .value-bar {
	transform: rotate(191deg)
}

.progress-circle.p54 .value-bar {
	transform: rotate(194deg)
}

.progress-circle.p55 .value-bar {
	transform: rotate(198deg)
}

.progress-circle.p56 .value-bar {
	transform: rotate(202deg)
}

.progress-circle.p57 .value-bar {
	transform: rotate(205deg)
}

.progress-circle.p58 .value-bar {
	transform: rotate(209deg)
}

.progress-circle.p59 .value-bar {
	transform: rotate(212deg)
}

.progress-circle.p60 .value-bar {
	transform: rotate(216deg)
}

.progress-circle.p61 .value-bar {
	transform: rotate(220deg)
}

.progress-circle.p62 .value-bar {
	transform: rotate(223deg)
}

.progress-circle.p63 .value-bar {
	transform: rotate(227deg)
}

.progress-circle.p64 .value-bar {
	transform: rotate(230deg)
}

.progress-circle.p65 .value-bar {
	transform: rotate(234deg)
}

.progress-circle.p66 .value-bar {
	transform: rotate(238deg)
}

.progress-circle.p67 .value-bar {
	transform: rotate(241deg)
}

.progress-circle.p68 .value-bar {
	transform: rotate(245deg)
}

.progress-circle.p69 .value-bar {
	transform: rotate(248deg)
}

.progress-circle.p70 .value-bar {
	transform: rotate(252deg)
}

.progress-circle.p71 .value-bar {
	transform: rotate(256deg)
}

.progress-circle.p72 .value-bar {
	transform: rotate(259deg)
}

.progress-circle.p73 .value-bar {
	transform: rotate(263deg)
}

.progress-circle.p74 .value-bar {
	transform: rotate(266deg)
}

#ReplaySpeed,
.progress-circle.p75 .value-bar {
	transform: rotate(270deg)
}

.progress-circle.p76 .value-bar {
	transform: rotate(274deg)
}

.progress-circle.p77 .value-bar {
	transform: rotate(277deg)
}

.progress-circle.p78 .value-bar {
	transform: rotate(281deg)
}

.progress-circle.p79 .value-bar {
	transform: rotate(284deg)
}

.progress-circle.p80 .value-bar {
	transform: rotate(288deg)
}

.progress-circle.p81 .value-bar {
	transform: rotate(292deg)
}

.progress-circle.p82 .value-bar {
	transform: rotate(295deg)
}

.progress-circle.p83 .value-bar {
	transform: rotate(299deg)
}

.progress-circle.p84 .value-bar {
	transform: rotate(302deg)
}

.progress-circle.p85 .value-bar {
	transform: rotate(306deg)
}

.progress-circle.p86 .value-bar {
	transform: rotate(310deg)
}

.progress-circle.p87 .value-bar {
	transform: rotate(313deg)
}

.progress-circle.p88 .value-bar {
	transform: rotate(317deg)
}

.progress-circle.p89 .value-bar {
	transform: rotate(320deg)
}

.progress-circle.p90 .value-bar {
	transform: rotate(324deg)
}

.progress-circle.p91 .value-bar {
	transform: rotate(328deg)
}

.progress-circle.p92 .value-bar {
	transform: rotate(331deg)
}

.progress-circle.p93 .value-bar {
	transform: rotate(335deg)
}

.progress-circle.p94 .value-bar {
	transform: rotate(338deg)
}

.progress-circle.p95 .value-bar {
	transform: rotate(342deg)
}

.progress-circle.p96 .value-bar {
	transform: rotate(346deg)
}

.progress-circle.p97 .value-bar {
	transform: rotate(349deg)
}

.progress-circle.p98 .value-bar {
	transform: rotate(353deg)
}

.progress-circle.p99 .value-bar {
	transform: rotate(356deg)
}

.progress-circle.p100 .value-bar {
	transform: rotate(360deg)
}

#myLoginFB {
	z-index: 99;
	left: 50px;
	top: 54px;
	width: 297px;
	height: 55px
}

.pmMe {
	color: #bfb
}

.pmNotMe {
	color: #eff
}

#RoomWatchers {
	bottom: 171px;
	right: 495px;
	z-index: 1
}

#GameWatchers {
	bottom: 124px;
	left: 250px
}

.WatchersBtn {
	font-size: 12px;
	text-shadow: none
}

img.emoji {
	height: 1em;
	width: 1em;
	margin: 0 .05em 0 .1em;
	vertical-align: -.1em
}

.Male {
	background: url(/static/images/gender.png) no-repeat
}

.Female {
	background: url(/static/images/gender.png) -23px 0 no-repeat
}

#chargeMyUserID {
	top: 35px;
	right: 0;
	text-align: center;
	width: 172px;
	cursor: initial
}

.betaTheme {
	display: none;
	color: red
}

.slider {
	-webkit-appearance: none;
	appearance: none;
	height: 9px;
	outline: 0;
	transition: filter .2s;
	border: 1px solid #aaa;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: inset 0 0 3px 1px #888
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	cursor: pointer;
	border: 1px solid #333;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: inset 0 0 3px 3px #888
}

.slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	cursor: pointer;
	border: 1px solid #333;
	border-radius: 15px;
	background-color: #fff;
	box-shadow: inset 0 0 3px 3px #888
}

#ReplayPanel {
	padding: 5px;
	overflow: auto;
	clear: both;
	height: calc(100% - 23px);
	text-align: left
}

#ReplayPauseBtn,
#ReplayRestartBtn {
	font-size: 30px;
	height: 50px;
	width: 62px
}

#ReplaySlider {
	width: 95%
}

#ReplayTime {
	font-size: 16px
}

#ReplayTimeTD {
	text-align: center;
	width: 100%
}

#ReplaySpeed {
	position: relative;
	top: 109px;
	width: 150px
}

.ReplaySpeedLine1 {
	margin-left: 70px
}

.ReplaySpeedLine {
	margin: 11px 11px 11px 93px
}

#formLineGender {
	margin: 5px 28px
}

#formLineSubmit {
	margin: 15px;
	text-align: center
}

.CurAutoTheme {
	color: #ff4500
}

#roomTutorialBack {
	right: 19px;
	bottom: 35px;
	display: none
}

#roomTutorialBack svg {
	width: 153px;
	height: 106px
}

#roomTutorialBack div {
	top: 11px;
	padding: 7px 17px;
	color: #fff
}

#roomTutorialStart {
	left: 229px;
	top: 152px;
	display: none;
	z-index: 11
}

#roomTutorialStart svg {
	width: 101px;
	height: 70px
}

#roomTutorialStart div {
	top: 0;
	padding: 6px 10px;
	color: #fff
}

#gameguidelink {
	font-size: 2em
}

#tosDiv {
	left: 3px;
	bottom: 3px;
	font-size: 1em;
}

.Guide {
	background: url(/static/images/help.svg?2) 0 0/50px 50px no-repeat;
	width: 50px;
	height: 50px
}

#timer_room,
#timer_room_header,
.TorneoTimer {
	text-align: center;
	width: 330px;
	display: none
}

#GuideMain,
#GuideRanks,
#radarContainer {
	display: inline-block
}

#GuideMain {
	font-size: 22px
}

#GuideRanks {
	font-size: 20px
}

#fps,
#torneoPos1,
#torneoPos10,
#torneoPos11,
#torneoPos12,
#torneoPos13,
#torneoPos14,
#torneoPos15,
#torneoPos16,
#torneoPos17,
#torneoPos18,
#torneoPos19,
#torneoPos2,
#torneoPos20,
#torneoPos21,
#torneoPos22,
#torneoPos23,
#torneoPos24,
#torneoPos25,
#torneoPos26,
#torneoPos27,
#torneoPos28,
#torneoPos29,
#torneoPos3,
#torneoPos30,
#torneoPos31,
#torneoPos4,
#torneoPos5,
#torneoPos6,
#torneoPos7,
#torneoPos8,
#torneoPos9 {
	font-size: 8px;
	position: absolute
}

#GuideLogin {
	left: 324px;
	top: -25px
}

#GuideServers {
	left: 40px;
	top: -25px
}

#GuideLobby {
	right: 84px;
	bottom: 7px
}

#GuideShop {
	left: 78px;
	bottom: 11px
}

#fps {
	left: 1px;
	display: none;
	z-index: 999
}

#fps.webgl {
	color: #9f9
}

#tournament_info2 img {
    height: 264px;
    width: 550px
}

#torneoPos1 {
    top: 13px;
    left: 21px;
}

#torneoPos2 {
    top: 42px;
    left: 21px;
}

#torneoPos3 {
    top: 73px;
    left: 21px;
}

#torneoPos4 {
    top: 102px;
    left: 21px;
}

#torneoPos5 {
    top: 136px;
    left: 21px;
}

#torneoPos6 {
    top: 164px;
    left: 21px;
}

#torneoPos7 {
    top: 193px;
    left: 21px;
}

#torneoPos8 {
    top: 223px;
    left: 21px;
}

#torneoPos9 {
    top: 13px;
    left: 480px;
}

#torneoPos10 {
    top: 42px;
    left: 480px;
}

#torneoPos11 {
    top: 73px;
    left: 480px;
}

#torneoPos12 {
    top: 102px;
    left: 480px;
}

#torneoPos13 {
    top: 136px;
    left: 480px;
}

#torneoPos14 {
    top: 164px;
    left: 480px;
}

#torneoPos15 {
    top: 193px;
    left: 480px;
}

#torneoPos16 {
    top: 223px;
    left: 480px;
}

#torneoPos17 {
    top: 45px;
    left: 112px;
}

#torneoPos18 {
    top: 71px;
    left: 112px;
}

#torneoPos19 {
    top: 165px;
    left: 111px;
}

#torneoPos20 {
    top: 192px;
    left: 109px;
}

#torneoPos21 {
    top: 45px;
    left: 393px;
}

#torneoPos22 {
    top: 71px;
    left: 393px;
}

#torneoPos23 {
    top: 165px;
    left: 393px;
}

#torneoPos24 {
    top: 191px;
    left: 393px;
}

#torneoPos25 {
    top: 102px;
    left: 182px;
}

#torneoPos26 {
    top: 135px;
    left: 181px;
}

#torneoPos27 {
    top: 102px;
    left: 324px;
}

#torneoPos28 {
    top: 135px;
    left: 324px;
}

#torneoPos29 {
    top: 93px;
    left: 256px;
}

#torneoPos30 {
    top: 142px;
    left: 262px;
}

#torneoPos31 {
    top: 198px;
    left: 267px;
}

.TorneoTimer {
	left: 266px;
	top: 150px;
	color: #ff0;
	font-size: 18px
}

#timer_room {
	left: 117px;
	font-size: 30px;
	top: 140px;
	color: red;
	animation: .5s ease-in-out infinite alternate scaleout_anim
}

#timer_room_header {
	left: 120px;
	top: 120px;
	color: #ff0;
	font-size: 15px
}

.t-win {
	color: #0f0
}

.t-lose {
	color: #6d0019
}

#premio-Torneo {
	left: 360px;
	top: 178px
}

#PassBtnContainer,
#PassCashContainer,
#PassImgContainer {
	display: flex;
	justify-content: space-around
}

#PassBtn,
.PassCashBtn {
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle
}

#PassBtn {
	width: 100px;
	height: 60px;
	margin-top: 3rem
}

.PassCashBtn {
	width: 61px;
	height: 61px;
	margin-top: 2px;
	background-image: url(/static/images/themes/DragonBall/stuff_HD.webp);
	background-size: 1000px 1500px;
	background-position: -851px -153.5px
}

.intermitente {
	filter: drop-shadow(0 0 10px yellow) drop-shadow(0 0 10px yellow);
	animation: .9s infinite resplandorAnimation
}

@keyframes resplandorAnimation {
	0%,
	100% {
		filter: drop-shadow(0 0 10px yellow) drop-shadow(0 0 10px yellow)
	}
	50% {
		filter: drop-shadow(0 0 0px yellow) drop-shadow(0 0 0px yellow)
	}
}

.yellows>span {
	border-radius: 0;
	background-color: #edf0a3;
	background-image: -moz-linear-gradient(top, #edf0a3, #fe0);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #edf0a3), color-stop(1, #fe0));
	background-image: -webkit-linear-gradient(#edf0a3, #fe0)
}

.meterBack {
	height: 20px;
	padding: 0;
	border-radius: 0;
	background-image: linear-gradient(90deg, #dcdfe6 10%, #383a3d 10%, #383a3d 20%, #dcdfe6 20%, #dcdfe6 30%, #383a3d 30%, #383a3d 40%, #dcdfe6 40%, #dcdfe6 50%, #383a3d 50%, #383a3d 60%, #dcdfe6 60%, #dcdfe6 70%, #383a3d 70%, #383a3d 80%, #dcdfe6 80%, #dcdfe6 90%, #383a3d 90%, #383a3d 100%)!important
}

#buttonRadar {
	left: 664px;
	top: 542px;
	width: 55px;
	height: 55px
}

.HD #buttonRadar {
	background-position: -939.5px -165px
}

#radarContainer {
	position: relative;
	text-align: center
}

.radarPlayers {
	left: 190px;
	top: 100px;
	color: #fff
}

.radarEsferas {
	left: 160px;
	top: 95px
}

#radarPremios {
	left: 400px;
	top: 150px
}

.TorneoTimerServers {
	position: absolute;
	left: 3px;
	top: 47px
}

.updates {
	margin-top: 5rem;
}

#gol_panel {
	right: 7px;
	top: -59px;
	width: 133px;
	height: 54px;
	background: url(/static/images/gol_panel.png)
}

#gol_panel_a {
	left: 22px;
	top: 4px;
	font-size: 36px;
	color: #ff9200;
}

#gol_panel_b {
	left: 88px;
	top: 5px;
	font-size: 36px;
	color: #42f;
}

#ranking_btn_event {
    background-color: lime;

}

#RoomMapsContainer {
	display: none;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 861px;
	height: 950px;
	transform: scale(0.6);
	z-index: 99999;
	position: absolute;
	left: -140px;
	top: -180px;
	border-radius: 10px
}

        .Map.selected {
            border: 3px solid #FFD700;
            transform: scale(1.3);
            transition: transform 0.3s ease-in-out;
            z-index: 1000;
        }
        .Map:hover {
            transform: scale(1.36);
            transition: transform 0.3s ease-in-out;
                z-index: 111 !important;
        }
        .MapOverlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.5);
            color: white;
            text-align: center;
            padding: 5px;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }

.Torneo2TimerServers {
	position: absolute;
	left: 3px;
	top: 47px
}

#tournament_info2 button {
	background: #00bb1d;
	border-radius: 5px;
	width: 72px;
	height: 9px;
	font-size: 7px;
	color: #000;
	font-family: revert;
	border: none;
	text-align-last: center
}

#guide {
	width: 60px;
	height: 60px;
	left: 740px;
	top: 234px;
	position: absolute;

}

#guide:hover {
	transform: scale(1.1, 1.1);
	filter: drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

#guide_hand {
	margin-left: -30px;
	margin-top: -23px;
	width: 60px;
	height: 46px;
	left: 740px;
	top: 234px;

	background-image: url(/static/images/guide_use.png);
}

#toslink2 {
	font-size: 1.7em;
}

#pplink2 {
	font-size: 1.7em;
}

#pplink3 {
	position: absolute;
	left: 37px;
	bottom: 5px;
	font-size: 14px;
	color: #0cf;
}

.ui-button,.ui-spinner,.ui-spinner-input,.zotata-chat-line audio {
    vertical-align: middle
}

.zotata-chat-line {
    min-height: 14px;
    margin-top: -2px;
    line-height: 12px
}

#gameChatHtml .zotata-chat-type0,#gameChatHtml .zotata-chat-type4 {
    color: #fff;
    text-shadow: #000 -1px 0 2px,#000 0 1px 2px,#000 1px 0 2px,#000 0 -1px 2px
}

.zotata-chat-type2 {
    color: #ef9c10;
    text-shadow: #6b2918 -1px 0 2px,#6b2918 0 1px 2px,#6b2918 1px 0 2px,#6b2918 0 -1px 2px
}

.zotata-chat-type3 {
    color: #84b5ff;
    text-shadow: #525a73 -1px 0 2px,#525a73 0 1px 2px,#525a73 1px 0 2px,#525a73 0 -1px 2px
}

.zotata-chat-type4 {
    color: #eef
}

.zotata-chat-type5 {
    color: #debdef;
    text-shadow: #8c4ab5 -1px 0 2px,#8c4ab5 0 1px 2px,#8c4ab5 1px 0 2px,#8c4ab5 0 -1px 2px
}

.zotata-chat-type6 {
    color: #ffde9c;
    text-shadow: #de4c18 -1px 0 2px,#de4c18 0 1px 2px,#de4c18 1px 0 2px,#de4c18 0 -1px 2px
}

.zotata-chat-type7 {
    color: #88cbba;
    text-shadow: #000 -1px 0 2px,#000 0 1px 2px,#000 1px 0 2px,#000 0 -1px 2px
}

.zotata-chat-type8 {
    color: #ffb673;
    text-shadow: #7d3a03 -1px 0 2px,#7d3a03 0 1px 2px,#7d3a03 1px 0 2px,#7d3a03 0 -1px 2px
}

.zotata-chat-type9 {
    color: #9cffde;
    text-shadow: #41594a -1px 0 2px,#41594a 0 1px 2px,#41594a 1px 0 2px,#41594a 0 -1px 2px
}

.zotata-chat-type12 {
    color: #fcc;
    text-shadow: red -1px 0 5px,red 0 1px 5px,red 1px 0 5px,red 0 -1px 5px
}

.zotata-chat-type13 {
    color: #fc6;
    text-shadow: #f33 -1px 0 4px,#f33 0 1px 4px,#f33 1px 0 4px,#f33 0 -1px 4px
}

.zotata-chat-type10 {
    color: #f80;
    text-shadow: #525a73 -1px 0 2px,#525a73 0 1px 2px,#525a73 1px 0 2px,#525a73 0 -1px 2px
}

.zotata-chat-type11 {
    color: #f80;
    text-shadow: #000 -1px 0 2px,#000 0 1px 2px,#000 1px 0 2px,#000 0 -1px 2px
}

.zotata-chat-type17 {
    color: #9ff;
    text-shadow: #00f -1px 0 1px,#00f 0 1px 1px,#00f 1px 0 1px,#00f 0 -1px 1px
}

.screen,.zotata-chat-icon {
    background-repeat: no-repeat
}

.zotata-chat-icon {
    float: left;
    width: 12px;
    height: 12px;
    background-image: url(/static/images/ranks3.png);
    margin-right: 3px
}

.zotata-chat-icon1 {
    background-position: 0 -710px
}

.zotata-chat-icon2 {
    background-position: -13px -710px
}

.zotata-chat-icon3 {
    background-position: -26px -710px
}

.zotata-chat-icon5 {
    background-position: -52px -710px
}

.zotata-chat-icon6 {
    background-position: -65px -710px
}

.zotata-chat-icon7,.zotata-chat-icon9 {
    background-position: -104px -710px
}

.zotata-chat-icon13,.zotata-chat-icon8 {
    background-position: -91px -710px
}

.zotata-chat-icon12 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAB3RJTUUH3gEZFQgsFH1hKgAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAGNSURBVHjalZJNSxtRGIWfTO7M1AkaPyakgtqVtLtAuvQPdN+NUJBCu6sfBTduRHDjzgpCd4Xu/AsKBaFQcBVqdxaLtCIt2EnqmMzMzdyZ+EZQ6tID58J7uee8XxfuiUL/2IPFsm0vuZ4azVT6OcasFYq4XtFeV1rNJJ30vKnN5jPYLuzCypNqdePR0xpMViA4JTj6pntYll+r2wxX4eSMk4NDvgetZTVWLi+M2wo8G4Yc6CrGRiyXriQflvshF0o24wOKXzCvnEpltPvjGOdLAEcicGOwUsil1sN9MRDBucY0NT0YsYzvfw0siKKE9CKERB5LzIAw1uT/QpJIE8hrsWoUZ30/6pW851nYIpOqjDAXgTFiLhQfWsKfwiDj7fWUPtXrO+7Z8WypG+KVQD2QJCLKRBBH8Ff4u82HFzmvVV9w2WjMdR5PJ60LXjrtEEfLvMUqzSCU0tsJ7/dzlm73cIOPEw9fZe3LdybuDPbjPKMpnH/TY+fO4v7HllJT2pitfo/S/vIq/Lnvb7iDK2R3noY07Xa9AAAAAElFTkSuQmCC)!important
}

.zotata-chat-icon17 {
    background-position: -78px -710px
}

.HD .zotata-chat-icon1 {
    background-position: -878px -1002.5px
}

.HD .zotata-chat-icon2 {
    background-position: -891px -1002.5px
}

.HD .zotata-chat-icon3 {
    background-position: -903px -1002.5px
}

.HD .zotata-chat-icon4 {
    background-position: -915px -1002.5px
}

.HD .zotata-chat-icon5 {
    background-position: -928px -1002.5px
}

.HD .zotata-chat-icon6 {
    background-position: -940px -1002.5px
}

.HD .zotata-chat-icon7,.HD .zotata-chat-icon9 {
    background-position: -978px -1002.5px
}

.HD .zotata-chat-icon13,.HD .zotata-chat-icon8 {
    background-position: -965px -1002.5px
}

.HD .zotata-chat-icon12 {
    background-position: -981px -1016px
}

.HD .zotata-chat-icon17 {
    background-position: -953px -1002.5px
}

#channelScreen{pointer-events:none}
#channelScreen *{pointer-events:auto}
#channelInput{position:absolute;left:104px;top:576px;width:449px;height:16px;color:#acf2f6;font-size:12px;background:transparent;border:1px solid transparent;-webkit-transform-origin:center bottom;transform-origin:center bottom}
#channelInput:focus,#roomInput:focus{border:orange solid 1px;background-color:#001839}
#channelInputAlt{position:absolute;left:540px;top:578px}
#channel{position:absolute;left:18px;top:458px;width:537px;height:116px;font-size:12px;color:#acf2f6}
#channel .viewport{width:522px;height:116px;overflow:hidden;position:relative}
#channel .overview{list-style:none;position:absolute;left:0;top:0;margin:0;word-wrap:break-word;width:522px}
#channel .scrollbar,#roomChat .scrollbar{position:relative;float:right;width:13px;padding-top:11px}
#roomChat{position:absolute;left:8px;top:502px;width:553px;height:75px}
#roomChatHtml{font-size:12px;color:#b5efd6}
#roomChat .viewport{width:538px;height:75px;overflow:hidden;position:relative}
#roomChat .overview{list-style:none;position:absolute;left:0;top:0;margin:0;word-wrap:break-word;width:538px}
.wordBreak{word-break:break-all}
.chatSpacer{display:inline-block;width:2px}
.zotata-chat-line{min-height:14px;margin-top:-2px;line-height:12px}
.zotata-chat-line:hover,.pmLine:hover{background:rgba(127,255,255,.15)}
.zotata-chat-line audio{vertical-align:middle}
#gameChatHtml .zotata-chat-type0,#gameChatHtml .zotata-chat-type4{color:#fff;text-shadow:#000 -1px 0 2px,#000 0 1px 2px,#000 1px 0 2px,#000 0 -1px 2px}
.zotata-chat-type2{color:#ef9c10;text-shadow:#6b2918 -1px 0 2px,#6b2918 0 1px 2px,#6b2918 1px 0 2px,#6b2918 0 -1px 2px}
.zotata-chat-type3{color:#84b5ff;text-shadow:#525a73 -1px 0 2px,#525a73 0 1px 2px,#525a73 1px 0 2px,#525a73 0 -1px 2px}
.zotata-chat-type4{color:#eef}
.zotata-chat-type5{color:#debdef;text-shadow:#8c4ab5 -1px 0 2px,#8c4ab5 0 1px 2px,#8c4ab5 1px 0 2px,#8c4ab5 0 -1px 2px}
.zotata-chat-type6{color:#ffde9c;text-shadow:#de4c18 -1px 0 2px,#de4c18 0 1px 2px,#de4c18 1px 0 2px,#de4c18 0 -1px 2px}
.zotata-chat-type7{color:#88cbba;text-shadow:#000 -1px 0 2px,#000 0 1px 2px,#000 1px 0 2px,#000 0 -1px 2px}
.zotata-chat-type8{color:#ffb673;text-shadow:#7d3a03 -1px 0 2px,#7d3a03 0 1px 2px,#7d3a03 1px 0 2px,#7d3a03 0 -1px 2px}
.zotata-chat-type9{color:#9cffde;text-shadow:#41594a -1px 0 2px,#41594a 0 1px 2px,#41594a 1px 0 2px,#41594a 0 -1px 2px}
.zotata-chat-type12{color:#fcc;text-shadow:#f00 -1px 0 1px,#f00 0 1px 1px,#f00 1px 0 1px,#f00 0 -1px 1px}
.zotata-chat-type13{color:#ffd700;text-shadow:#b8860b -1px 0 2px,#b8860b 0 1px 2px,#b8860b 1px 0 2px,#b8860b 0 -1px 2px}
.zotata-chat-type10{color:#f80;text-shadow:#525a73 -1px 0 2px,#525a73 0 1px 2px,#525a73 1px 0 2px,#525a73 0 -1px 2px}
.zotata-chat-type11{color:#f80;text-shadow:#000 -1px 0 2px,#000 0 1px 2px,#000 1px 0 2px,#000 0 -1px 2px}
.zotata-chat-type17{color:#9ff;text-shadow:#00f -1px 0 1px,#00f 0 1px 1px,#00f 1px 0 1px,#00f 0 -1px 1px}
.zotata-chat-type18 {
	color: rgb(159, 211, 253);
	text-shadow: #00f -1px 0 1px, #00f 0 1px 1px, #00f 1px 0 1px, #00f 0 -1px 1px
}

.zotata-chat-icon{float:left;width:12px;height:12px;background-image:url(/static/images/ranks3.png);background-repeat:no-repeat;margin-right:3px}
.zotata-chat-icon1{background-position:0 -710px}
.zotata-chat-icon2{background-position:-13px -710px}
.zotata-chat-icon3{background-position:-26px -710px}
.zotata-chat-icon5{background-position:-52px -710px}
.zotata-chat-icon6{background-position:-65px -710px}
.zotata-chat-icon7,.zotata-chat-icon9{background-position:-104px -710px}
.zotata-chat-icon8,.zotata-chat-icon13{background-position:-91px -710px}
.zotata-chat-icon12{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAB3RJTUUH3gEZFQgsFH1hKgAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAGNSURBVHjalZJNSxtRGIWfTO7M1AkaPyakgtqVtLtAuvQPdN+NUJBCu6sfBTduRHDjzgpCd4Xu/AsKBaFQcBVqdxaLtCIt2EnqmMzMzdyZ+EZQ6tID58J7uee8XxfuiUL/2IPFsm0vuZ4azVT6OcasFYq4XtFeV1rNJJ30vKnN5jPYLuzCypNqdePR0xpMViA4JTj6pntYll+r2wxX4eSMk4NDvgetZTVWLi+M2wo8G4Yc6CrGRiyXriQflvshF0o24wOKXzCvnEpltPvjGOdLAEcicGOwUsil1sN9MRDBucY0NT0YsYzvfw0siKKE9CKERB5LzIAw1uT/QpJIE8hrsWoUZ30/6pW851nYIpOqjDAXgTFiLhQfWsKfwiDj7fWUPtXrO+7Z8WypG+KVQD2QJCLKRBBH8Ff4u82HFzmvVV9w2WjMdR5PJ60LXjrtEEfLvMUqzSCU0tsJ7/dzlm73cIOPEw9fZe3LdybuDPbjPKMpnH/TY+fO4v7HllJT2pitfo/S/vIq/Lnvb7iDK2R3noY07Xa9AAAAAElFTkSuQmCC)!important}
.zotata-chat-icon17{background-position:-78px -710px}
.HD .zotata-chat-icon1{background-position:-878px -1002.5px}
.HD .zotata-chat-icon2{background-position:-891px -1002.5px}
.HD .zotata-chat-icon3{background-position:-903px -1002.5px}
.HD .zotata-chat-icon4{background-position:-915px -1002.5px}
.HD .zotata-chat-icon5{background-position:-928px -1002.5px}
.HD .zotata-chat-icon6{background-position:-940px -1002.5px}
.HD .zotata-chat-icon7,.HD .zotata-chat-icon9{background-position:-978px -1002.5px}
.HD .zotata-chat-icon8,.HD .zotata-chat-icon13{background-position:-965px -1002.5px}
.HD .zotata-chat-icon12{background-position:-981px -1016px}
.HD .zotata-chat-icon17{background-position:-953px -1002.5px}

.ContextMenuIcon {
    position: absolute;
    left: -2px;
    top: -1px;
    width: 30px;
    text-align: center;
    font-size: 18px;
}

.zotata-chat-icon {
    background-image: url(/static/images/themes/DragonBall/stuff_HD.webp);
    background-repeat: no-repeat;
    background-size: 1000px 1500px;
}

#RoomOptionsMode,#RoomOptionsPlayers,#RoomOptionsMapName,#RoomOptionsAvatars,#RoomOptionsWind,#RoomOptionsRandomTeamsText,#RoomOptionsRandomTeamsValue,#RoomOptionsTurnTimeText,#RoomOptionsTurnTimeValue,.modernRoomOptText {
	text-align: center;
}
#RoomOptionsMode {
	width: 100px;
}
#RoomOptionsModeIcon {
	left: 233px;
	top: 44px;
}
#RoomOptionsPlayers {
	width: 115px;
	text-align: center;
}
#RoomOptionsMapName {
	width: 110px;
	text-align: center;
}
#RoomOptionsMapImage,
#RoomOptionsMapLock {
	left: 47px;
	top: 171px;
	width: 213px;
	height: 49px;
}
#RoomOptionsAvatars {
	top: 261.5px;
	text-align: center;
}
#RoomOptionsWind {
	top: 309.5px;
	text-align: center;
}
#RoomOptionsS1,
#RoomOptionsS1Lock {
	top: 285px;
}
#RoomOptionsDualP,
#RoomOptionsDualPLock {
	top: 285px;
}
#RoomOptionsDualPRank {
	top: 302px;
}
#RoomOptionsWindLock {
	position: absolute;
	left: 174px;
	top: 298px;
}
#RoomOptionsWindRank {
	position: absolute;
	left: 172px;
	top: 316px;
}
#RoomOptionsRandomTeamsText {
	position: absolute;
	left: 255px;
	top: 90px;
	width: 110px;
}
#RoomOptionsRandomTeamsValue {
	position: absolute;
	left: 255px;
	top: 106px;
	width: 110px;
	color: red;
}
#RoomOptionsRandomTeamsPrev {
	position: absolute;
	left: 267px;
	top: 108px;
}
#RoomOptionsRandomTeamsNext {
	position: absolute;
	left: 341px;
	top: 108px;
}
#RoomOptionsRandomTeamsLock {
	left: 287px;
	top: 114px;
}
#RoomOptionsRandomTeamsRank {
	left: 304px;
	top: 118px;
}
#RoomOptionsTurnTimeText {
	position: absolute;
	left: 255px;
	top: 135px;
	width: 110px;
}
#RoomOptionsTurnTimeValue {
	position: absolute;
	left: 255px;
	top: 151.5px;
	width: 110px;
	color: #6f9;
}
#RoomOptionsTurnTimePrev {
	position: absolute;
	left: 267px;
	top: 153px;
}
#RoomOptionsTurnTimeNext {
	position: absolute;
	left: 341px;
	top: 153px;
}
#RoomOptionsTurnTimeLock {
	left: 287px;
	top: 161px;
}
#RoomOptionsTurnTimeRank {
	left: 304px;
	top: 165px;
}
#RoomOptionsRandomTeams,
#RoomOptionsTurnTime {
	display: none !important;
}

.playerInRoom.roomPetType7Aura {
    overflow: visible;
}

.playerInRoom.roomPetType7Aura::before {
    content: "";
    position: absolute;
    left: -3px;
    top: -3px;
    width: 223px;
    height: 95px;
    border-radius: 10px;
    z-index: 23;
    pointer-events: none;
    border: 0;
    box-shadow:
        inset 0 0 0 1px rgba(196, 122, 255, .12),
        0 0 10px rgba(173, 92, 255, .18);
    animation: roomPetType7AuraBaseGlow 1.8s ease-in-out infinite alternate;
}

.playerInRoom.roomPetType7Aura::after {
    content: "";
    position: absolute;
    left: -6px;
    top: -5px;
    width: 229px;
    height: 99px;
    padding: 4px;
    border-radius: 12px;
    z-index: 24;
    pointer-events: none;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(90deg, rgba(170,0,255,0), rgba(181,120,255,.72) 32%, rgba(255,236,255,1) 50%, rgba(181,120,255,.72) 68%, rgba(170,0,255,0)),
        linear-gradient(180deg, rgba(170,0,255,0), rgba(181,120,255,.72) 32%, rgba(255,236,255,1) 50%, rgba(181,120,255,.72) 68%, rgba(170,0,255,0)),
        linear-gradient(90deg, rgba(170,0,255,0), rgba(181,120,255,.72) 32%, rgba(255,236,255,1) 50%, rgba(181,120,255,.72) 68%, rgba(170,0,255,0)),
        linear-gradient(180deg, rgba(170,0,255,0), rgba(181,120,255,.72) 32%, rgba(255,236,255,1) 50%, rgba(181,120,255,.72) 68%, rgba(170,0,255,0));
    background-position: left top, right top, right bottom, left bottom;
    background-size: 0% 4px, 4px 0%, 0% 4px, 4px 0%;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    filter: drop-shadow(0 0 5px rgba(173, 92, 255, .88)) drop-shadow(0 0 12px rgba(173, 92, 255, .42));
    animation: roomPetType7AuraCharge 2.9s linear infinite, roomPetType7AuraPowerGlow 1.7s ease-in-out infinite alternate;
}

.playerInRoom.roomPetType7Aura .roomPetType7AuraTrack {
    position: absolute;
    left: 9px;
    top: -12px;
    width: 204px;
    height: 18px;
    z-index: 25;
    pointer-events: none;
    overflow: hidden;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,255,255,.02) 0%, rgba(191,124,255,.14) 18%, rgba(255,255,255,.06) 50%, rgba(191,124,255,.14) 82%, rgba(255,255,255,.02) 100%);
    box-shadow: inset 0 0 6px rgba(173,92,255,.18), 0 0 8px rgba(173,92,255,.14);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
}

.playerInRoom.roomPetType7Aura .roomPetType7AuraTrack::before {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    top: 8px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(210,158,255,.34) 18%, rgba(255,255,255,.42) 50%, rgba(210,158,255,.34) 82%, rgba(255,255,255,0) 100%);
    box-shadow: 0 0 8px rgba(173,92,255,.20);
}

.playerInRoom.roomPetType7Aura .roomPetType7AuraLabelTop {
    position: absolute;
    left: 0;
    top: 1px;
    display: block;
    font-size: 9px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.15px;
    text-transform: uppercase;
    white-space: nowrap;
    color: transparent;
    background: linear-gradient(180deg, #ffffff 0%, #fff6ff 28%, #f0d5ff 60%, #c689ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: none;
    filter: drop-shadow(0 0 3px rgba(255,245,255,.66)) drop-shadow(0 0 8px rgba(173,92,255,.42));
    opacity: .96;
    animation: roomPetType7AuraTopRun 6.3s linear infinite, roomPetType7AuraTopGlow 2s ease-in-out infinite alternate;
    will-change: transform, opacity, filter;
}

.playerInRoom.roomPetType7Aura .roomPetType7AuraOrbit {
    position: absolute;
    left: -3px;
    top: -3px;
    width: 223px;
    height: 95px;
    z-index: 26;
    pointer-events: none;
    overflow: visible;
}

.playerInRoom.roomPetType7Aura .roomPetType7AuraBall {
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255,255,255,.98) 0%, rgba(244,220,255,.98) 28%, rgba(205,136,255,.94) 54%, rgba(174,74,255,.78) 72%, rgba(174,74,255,0) 100%);
    box-shadow:
        0 0 3px rgba(255,255,255,.58),
        0 0 12px rgba(173,92,255,.50),
        0 0 18px rgba(174,74,255,.32);
    offset-path: path("M 10 2 H 212 A 9 9 0 0 1 221 11 V 84 A 9 9 0 0 1 212 93 H 10 A 9 9 0 0 1 1 84 V 11 A 9 9 0 0 1 10 2");
    offset-distance: 0%;
    offset-rotate: 0deg;
    offset-anchor: 50% 50%;
    transform: translate(-50%, -50%);
    animation: roomPetType7AuraBallRail 4.2s linear infinite, roomPetType7AuraBallPulse 1.2s ease-in-out infinite alternate;
    will-change: offset-distance, transform, opacity;
}

.playerInRoom.roomPetType7Aura .roomPetType7AuraBall.ball2 {
    animation-delay: -2.1s, -.6s;
}

@keyframes roomPetType7AuraCharge {
    0% {
        background-size: 0% 4px, 4px 0%, 0% 4px, 4px 0%;
        opacity: .62;
    }
    24% {
        background-size: 100% 4px, 4px 0%, 0% 4px, 4px 0%;
        opacity: 1;
    }
    25% {
        background-size: 100% 4px, 4px 0%, 0% 4px, 4px 0%;
    }
    49% {
        background-size: 0% 4px, 4px 100%, 0% 4px, 4px 0%;
        opacity: .98;
    }
    50% {
        background-size: 0% 4px, 4px 100%, 0% 4px, 4px 0%;
    }
    74% {
        background-size: 0% 4px, 4px 0%, 100% 4px, 4px 0%;
        opacity: 1;
    }
    75% {
        background-size: 0% 4px, 4px 0%, 100% 4px, 4px 0%;
    }
    99% {
        background-size: 0% 4px, 4px 0%, 0% 4px, 4px 100%;
        opacity: .98;
    }
    100% {
        background-size: 0% 4px, 4px 0%, 0% 4px, 4px 0%;
        opacity: .62;
    }
}

@keyframes roomPetType7AuraPowerGlow {
    0% { opacity: .82; }
    100% { opacity: 1; }
}

@keyframes roomPetType7AuraTopRun {
    0% {
        transform: translateX(-78px);
        opacity: 0;
    }
    12% {
        transform: translateX(-48px);
        opacity: 0;
    }
    18% {
        transform: translateX(-26px);
        opacity: .92;
    }
    50% {
        transform: translateX(66px);
        opacity: 1;
    }
    82% {
        transform: translateX(156px);
        opacity: .92;
    }
    88% {
        transform: translateX(176px);
        opacity: 0;
    }
    100% {
        transform: translateX(214px);
        opacity: 0;
    }
}

@keyframes roomPetType7AuraTopGlow {
    0% {
        opacity: .82;
        filter: drop-shadow(0 0 3px rgba(255,245,255,.56)) drop-shadow(0 0 7px rgba(173,92,255,.36)) brightness(1);
    }
    100% {
        opacity: 1;
        filter: drop-shadow(0 0 4px rgba(255,245,255,.80)) drop-shadow(0 0 10px rgba(173,92,255,.48)) brightness(1.12);
    }
}

@keyframes roomPetType7AuraBallRail {
    0% {
        offset-distance: 0%;
    }
    100% {
        offset-distance: 100%;
    }
}

@keyframes roomPetType7AuraBallPulse {
    0% {
        opacity: .82;
        transform: translate(-50%, -50%) scale(.92);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.08);
    }
}

@keyframes roomPetType7AuraBaseGlow {
    0% {
        opacity: .46;
        box-shadow:
            inset 0 0 0 1px rgba(196, 122, 255, .12),
            0 0 8px rgba(173, 92, 255, .16);
    }
    100% {
        opacity: .80;
        box-shadow:
            inset 0 0 0 1px rgba(215, 146, 255, .18),
            0 0 12px rgba(185, 104, 255, .22);
    }
}

body.th,.th input {
    font-family: Emoji,Barlow,Verdana,sans-serif
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/static/css/barlow-400.woff2) format("woff2")
}

@font-face {
    font-family: Barlow;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/static/css/barlow-400i.woff2) format("woff2")
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/static/css/barlow-700.woff2) format("woff2")
}

.th #BrokerWindow {
    border-image-source: url("/static/images/themes/classicTH/servers_frame.png?2");
    border-image-slice: 46 18 18 18;
    border-image-width: 46px 18px 18px 18px;
    border-image-outset: 2px
}

.th #BrokerChannel0,.th #BrokerChannel1,.th #BrokerChannel2 {
    top: 55px
}

.th #BrokerChannel3,.th #BrokerChannel4,.th #BrokerChannel5 {
    top: 137px
}

.th #BrokerChannel6,.th #BrokerChannel7,.th #BrokerChannel8 {
    top: 219px
}

.th #BrokerLogout {
    right: 4px;
    bottom: 9px;
    width: 107px;
    height: 45px;
    background-position: -892.5px -227.5px;
    transform: scale(0.8)
}

.th #BrokerLogout.light_button:active {
    transform: translateY(1px) scale(0.8)
}

#BrokerLogout .ThButtonIcon {
    background-position: -939px -206.5px
}

.th #GuideServers {
    display: none
}

.th #BrokerPlayer {
    border: 0;
    box-shadow: none;
    background: rgba(20,20,40,0.3);
    padding-bottom: 3px
}

.th #MissionsBtnLobby {
    left: 581px;
    top: 14px
}

.TH {
    display: none
}

.th .TH {
    display: block
}

.th #roomsList {
    left: 24px;
    top: 79px
}

.th #room1,.th #room3,.th #room5,.th #room7 {
    left: 299px
}

.th #room2,.th #room3 {
    top: 60px
}

.th #room4,.th #room5 {
    top: 120px
}

.th #room6,.th #room7 {
    top: 180px
}

.th .roomNumber {
    left: 6px;
    top: 11px
}

.th .roomTitle {
    top: 9px
}

.th .numPlayers {
    left: 195px;
    top: 10px;
    text-shadow: none;
    color: white;
    font-size: 12px
}

.th .maxPlayers {
    left: 211px;
    top: 10px;
    text-shadow: none;
    color: white;
    font-size: 12px
}

.th .roomMap {
    left: 48px;
    top: 17px;
    transform: scale(0.5)
}

.th .gameMode {
    left: 188px;
    top: 21px
}

.th .Rooms #channelName {
    left: 188px;
    top: 367px
}

.th .Auto #channelName {
    left: 15px;
    top: 372px
}

.th #prixPoints {
    top: 375px
}

.th .roomExtraInfoSlot0,.th .roomExtraInfoSlot2,.th .roomExtraInfoSlot4,.th .roomExtraInfoSlot6 {
    left: 15px
}

.th .roomExtraInfoSlot1,.th .roomExtraInfoSlot3,.th .roomExtraInfoSlot5,.th .roomExtraInfoSlot7 {
    left: 121px
}

.th .roomExtraInfoSlot2,.th .roomExtraInfoSlot3 {
    top: 96px
}

.th .roomExtraInfoSlot4,.th .roomExtraInfoSlot5 {
    top: 128px
}

.th .roomExtraInfoSlot6,.th .roomExtraInfoSlot7 {
    top: 160px
}

.th .allowWatch {
    left: 176px;
    top: 10px
}

.th .room {
    background-position: -535.5px -1442px;
    width: 232px;
    height: 58px
}

.th .powerUserRoom {
    background-position-x: -768px
}

.th .roomExtraInfo {
    background-position: 0 -110px;
    width: 232px;
    height: 188px
}

.th .powerUserRoom.roomExtraInfo {
    background-position: -232.5px -110px
}

.th .status {
    top: 31px
}

.th #channel {
    left: 15px;
    top: 402px;
    width: 554px;
    height: 172px
}

.th #channelInput {
    width: 444px
}

.th .Rooms #channel .viewport {
    border-radius: 7px
}

.th #startGameButtonsContainer {
    top: 115px
}

.th .AlertBox {
    border: 2px solid #000 !important;
    border-radius: 14px !important;
    background: linear-gradient(#6bdbff 0 21px,#000 21px 24px,#008eef 24px 100%);
    box-shadow: 3px 3px 10px 0 #000,inset -1px -1px 2px 0 rgba(0,0,0,0.5),inset 2px 2px 2px 0 rgba(255,255,255,0.5) !important
}

.th .AlertBox::before {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 3px solid #000;
    height: 21px;
    pointer-events: none
}

.th .AlertBoxTitle {
    left: 16px;
    top: 9px;
    padding: 3px 8px 5px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.4);
    border: 1px black solid;
    color: #fff;
    background: #003142;
    text-shadow: -1px -1px 1px #000,0 -1px 1px #000,1px -1px 1px #000,-1px 0 1px #000,1px 0 1px #000,-1px 1px 1px #000,0 1px 1px #000,1px 1px 1px #000;
    z-index: 1;
    font-family: Emoji,Verdana,sans-serif
}

.th .AlertBoxTitle::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    padding: inherit;
    color: transparent;
    background: linear-gradient(#ffea4a 0,#ffea4a 40%,#fff 48%,#fff 56%,#ffea4a 60%,#ffea4a 100%);
    background-clip: text;
    text-shadow: none;
    pointer-events: none
}

.th .chatDialogName {
    left: 76px
}

.th #filter_all {
    left: 8px;
    top: 320px
}

.th #filter_waiting {
    left: 55px;
    top: 320px
}

.th #filter_friends {
    left: 106px;
    top: 321px
}

.th #filter_guild {
    left: 153px;
    top: 321px
}

.th.HD #buttonRoomsListUp {
    left: 219px;
    top: 327px;
    background-position: -606.5px -261px;
    width: 47px;
    height: 30px
}

.th #roomsPage {
    left: 269px;
    top: 333px
}

.th.HD #buttonRoomsListDown {
    left: 312px;
    top: 327px;
    background-position: -655px -261px;
    width: 47px;
    height: 30px
}

.th #filter_normal {
    left: 374px;
    top: 321px;
}

.th #filter_boss {
    left: 414px;
    top: 321px;
}

.th #filter_same {
    left: 476px;
    top: 321px
}

.th #filter_score {
    left: 454px;
    top: 321px;
}

.th #itemDual {
    left: 28px;
    top: 65px
}

.th #itemDualP {
    left: 116px;
    top: 65px
}

.th #itemTeleport {
    left: 28px;
    top: 114px
}

.th #itemWindT {
    left: 116px;
    top: 114px;
}

.th #itemsSelectText,.th.HD #room_item_buddy_tab1,.th.HD #room_item_buddy_tab2,.th.HD #room_item_buddy_tab3 {
    display: none
}

.th #gp_team_a,.th #gp_team_b,.th #gp_rate {
    display: none
}

.th #friendsListExtra,.th #guildRoomTabExtra {
    display: none !important
}

.th #container.Room #friendsList,.th #container.Room #guildMembersList,.th #container.Game #friendsList,.th #container.Game #guildMembersList,.th #container.Shop #friendsList,.th #container.Shop #guildMembersList {
    box-shadow: 0 0 0 1px #0af,0 0 0 2px #05a;
    border-radius: 5px
}

.th #itemsSelection {
    width: 215px
}

.th .itemNone {
    width: 71px;
    height: 34px;
    display: none
}

.th.HD .itemDual {
    background-position: -880px -1300px;
    width: 71px;
    height: 34px
}

.th.HD .itemDualP {
    background-position: -878px -1162.5px;
    width: 71px;
    height: 34px
}

.th.HD .itemTeleport {
    background-position: -878px -1197px;
    width: 71px;
    height: 34px
}

.th #ItemBtn {
    height: 31px
}

.th #itemSlot2 {
    left: 72px
}

.th #itemSlot4 {
    left: 144px
}

.th #buttonCreateRoom {
    left: -5px;
    top: 17px;
    width: 107.5px;
    height: 45px;
    background-position: -893px -227px;
    transform: scale(0.8)
}

.th #buttonCreateRoom.light_button:active,.th #buttonJoin.light_button:active,.th #buttonQuickJoin.light_button:active,.th #buttonMyInfo.light_button:active,.th #buttonShop.light_button:active {
    transform: translateY(1px) scale(0.8)
}

.th #buttonOptions.light_button:active,.th #buttonChannels.light_button:active {
    transform: translateY(1px) scale(0.7)
}

.ThButtonIcon {
    position: absolute;
    left: 13px;
    top: 12px;
    width: 19px;
    height: 20px
}

#buttonCreateRoom .ThButtonIcon {
    background-position: -939px -163.5px
}

.ThButtonText {
    position: absolute;
    left: 32px;
    top: 14px;
    font-weight: bold;
    font-size: 14px;
    background: linear-gradient(to bottom,#ffe34a 0,#fff 50%,#ffe34a 100%);
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0.5px 0 1px #0059a5) drop-shadow(-0.5px 0 0 #0059a5) drop-shadow(0 .5px 0 #0059a5) drop-shadow(0 0 1px #0059a5);
    -webkit-text-stroke: .6px #0059a5;
    width: 62px;
    text-align: center
}

.th #buttonJoin {
    left: 117px;
    top: 17px;
    width: 107.5px;
    height: 45px;
    background-position: -893px -227px;
    transform: scale(0.8)
}

#buttonJoin .ThButtonIcon {
    background-position: -959.5px -163.5px
}

.th #buttonQuickJoin {
    left: 235px;
    top: 17px;
    width: 107.5px;
    height: 45px;
    background-position: -893px -227px;
    transform: scale(0.8)
}

#buttonQuickJoin .ThButtonIcon {
    background-position: -980px -163.5px
}

.th #buttonMyInfo {
    left: 352px;
    top: 17px;
    width: 107.5px;
    height: 45px;
    background-position: -893px -227px;
    transform: scale(0.8)
}

#buttonMyInfo .ThButtonIcon {
    background-position: -939px -185px
}

.th #buttonShop {
    left: 468px;
    top: 17px;
    width: 107.5px;
    height: 45px;
    background-position: -893px -227px;
    transform: scale(0.8)
}

#buttonShop .ThButtonIcon {
    background-position: -959.5px -185px
}

.th #buttonShopFromRoom {
    left: 325px;
    width: 107.5px;
    height: 45px;
    background-position: -893px -227px;
    transform: none
}

.th #buttonShopFromRoom:active {
    transform: translateY(1px)
}

#buttonShopFromRoom .ThButtonIcon {
    background-position: -959.5px -185px
}

.th #buttonCharge2 {
    left: 578px;
    top: 533px
}

.th #facebook_post {
    left: 650px
}

.th #event_button {
    left: 722px
}

.th #buttonChannels {
    left: 707px;
    width: 107.5px;
    height: 45px;
    background-position: -893px -227px;
    transform: scale(0.7)
}

#buttonChannels .ThButtonIcon {
    left: 11px;
    background-position: -917.5px -206.5px;
    width: 20px;
    height: 20px
}

.th #team_search {
    left: 554px;
    top: 43px
}

.th #CancelWaiting2 {
    top: 260px
}

.th .weatherDiv3 {
    background-image: url(/static/images/sunforceTH-1.png)
}

.th .weatherDiv4 {
    background-image: url(/static/images/lightningTH-1.png)
}

.th .weatherDiv8 {
    background-image: url(/static/images/tornadoTH-1.png)
}

.th #buttonOptions {
    left: 627px;
    top: 542px;
    width: 107.5px;
    height: 45px;
    background-position: -893px -227px;
    transform: scale(0.7)
}

#buttonOptions .ThButtonIcon {
    background-position: -939px -163.5px
}

.th #buttonOptionsRoom {
    left: 470px;
    width: 107.5px;
    height: 45px;
    background-position: -893px -227px
}

#buttonOptionsRoom .ThButtonIcon {
    background-position: -939px -163.5px
}

body:not(.th) #roomMobileSelect {
    background: rgba(0,30,50,0.75)
}

.th #roomMobileSelect {
    height: 436px
}

.th #roomMobileSelect .Spacer {
    margin-bottom: 38px
}

.th #roomTutorialBack {
    right: 649px
}

.th #roomTutorialStart {
    left: 289px;
    top: 174px
}

.th #roomNumber {
    left: 27px;
    top: 14px
}

.th #roomTitle {
    left: 65px;
    top: 11px;
    width: 190px;
    overflow: hidden;
    white-space: nowrap;
    line-height: 19px
}

.th #roomPass {
    display: block;
    position: absolute;
    left: 279px;
    top: 11px;
    width: 57px;
    line-height: 19px;
    overflow: hidden;
    white-space: nowrap
}

.th #room_change_title_button {
    left: 346px;
    top: 12px
}

.th #roomOwner {
    right: 24px;
    top: 14px
}

.th #room_game_mode {
    left: 317px;
    top: 54px
}

.th #room_map {
    left: 293px;
    top: 74px;
    transform: scaleX(0.9);
    cursor: pointer
}

.th #room_players {
    left: 376px;
    top: 54px
}

.th #room_options_button {
    left: 442px;
    top: 129px;
    background-position: -880.5px -657.5px
}

.th #dialog_room_options {
    border-radius: 14px;
    box-shadow: 3px 3px 10px 0 #000,inset -1px -1px 0 0 #000
}

.th #playerInfoDialog {
    border-radius: 14px
}

.th #RoomRandomTeams {
    left: 303px;
    top: 125px;
    font-weight: normal;
    text-align: left;
    color: #f99
}

.th #room_wind {
    left: 303px;
    top: 144px;
    font-weight: normal;
    text-align: left
}

.th #room_avatars {
    left: 303px;
    top: 161px;
    font-weight: normal;
    text-align: left
}

.th #room_turn_time {
    left: 303px;
    top: 180px;
    font-weight: normal;
    text-align: left
}

.th #RoomWatchers {
    right: 426px;
    bottom: 390px
}

.th #RoomS1Disabled {
    left: 402px;
    top: 177px
}

.th #roomButtonChangeTeam {
    left: 460px;
    top: 302px
}

.th #roomButtonMobile {
    left: 306px;
    top: 298px
}

.th .thSlot.visible {
    display: block
}

.th .roomPlayerMobile .thSlot {
    display: unset;
    left: -67px;
    top: -36px;
    z-index: 2
}

.th #itemsSelection.InRoom {
    left: 567px;
    top: 363px;
    width: 215px;
    height: 175px
}

.th #roomButtonStart,.th #roomButtonReady {
    left: 350px;
    top: 230px
}

.th #add_bot_button {
    left: 609px;
    top: 39px !important
}

.th #playerInRoom0,.th #playerInRoom4 {
    left: 17px
}

.th #playerInRoom2,.th #playerInRoom6 {
    left: 156px
}

.th #playerInRoom1,.th #playerInRoom5 {
    left: 517px
}

.th #playerInRoom3,.th #playerInRoom7 {
    left: 656px
}

.th #playerInRoom0,.th #playerInRoom1,.th #playerInRoom2,.th #playerInRoom3 {
    top: 61px
}

.th #playerInRoom4,.th #playerInRoom5,.th #playerInRoom6,.th #playerInRoom7 {
    top: 213px
}

.th .playerInRoom {
    width: 127px;
    height: 129px
}

.th .roomPlayerClip {
    width: 127px;
    height: 129px;
    overflow: hidden
}

.th .roomPlayerClipInner {
    left: 67px;
    top: 105px;
    transform: scaleX(0.9) scaleY(1.6)
}

.th .SideA .roomPlayerMobile {
    left: 67px;
    top: 93px
}

.th .SideB .roomPlayerMobile {
    left: 67px;
    top: 93px
}

.th .roomPlayerName {
    left: 2px;
    top: unset;
    height: unset;
    bottom: 4px;
    width: 125px;
    text-wrap: pretty
}

.th .roomBotRemove,.th .roomBotSelect {
    left: 42px
}

.th .roomPlayerReady,.th .roomPlayerNotReady {
    left: 104px;
    top: 49px
}

.th .roomPlayerShadow {
    display: none
}

.th .SideA .roomPlayerMyself {
    left: 0;
    top: 20px
}

.th .SideB .roomPlayerMyself {
    right: 0;
    top: 20px
}

.th.HD .roomPlayerReady {
    background-position: -920.5px -617px;
    width: 19px;
    height: 40px;
    z-index: 10
}

.th.HD .roomPlayerNotReady {
    background-position: -880.5px -617px;
    width: 19px;
    height: 40px;
    z-index: 10
}

.th.HD .roomPlayerMaster {
    background-position: -752px -761.5px;
    width: 22px;
    height: 13px;
    left: 100px;
    top: 89px;
    z-index: 99
}

.th .SideA .roomPlayerInfo {
    left: -7px;
    top: -5px;
    transform: scale(0.65) rotate(0)
}

.th .SideB .roomPlayerInfo {
    right: -7px;
    top: -5px;
    transform: scale(0.65) rotate(0)
}

.th .roomPlayerBalloon {
    bottom: 95px
}

.th .roomPlayerBalloonTip {
    bottom: 88px
}

.th #roomInput {
    left: 51px;
    top: 363px;
    width: 474px
}

.th #roomChat {
    left: 8px;
    top: 387px;
    width: 529px;
    height: 151px
}

.th #roomBcm {
    left: 18px;
    top: 362px;
    transform: scaleX(-1)
}

.th #buttonShopFromRoom,.th #buttonOptionsRoom,.th #roomButtonBack {
    bottom: 5px;
    top: unset
}

.th #roomButtonBack {
    left: 35px;
    right: unset;
    width: 107.5px;
    height: 45px;
    background-position: -893px -227px
}

#roomButtonBack .ThButtonIcon {
    background-position: -980px -185px
}

.th #itemsSelection.InRoom #MissionsBtnRoom {
    top: 185px;
    left: 0px;
}

.th #buttonBuddy {
    display: unset
}

#buttonBuddy .ThButtonIcon {
    background-position: -959.5px -206.5px
}

.th #wind_meter2 {
    top: 12px
}

.th .DamageDigit {
    width: 11px;
    height: 17px
}

.th #gameui {
    top: 0;
    height: 38px
}

.th #btnEsc {
    left: 11px;
    top: 3px;
    width: 40px;
    height: 30px;
    background-position: -618px -1317px
}

.th #btnTag {
    width: 40px;
    height: 34px;
    left: -14px;
    top: 12px;
    background-position: -618px -1378px
}

.th #btnPass {
    left: 750px;
    top: 3px;
    width: 40px;
    height: 30px;
    background-position: -618px -1347.5px
}

.th #gameChat {
    top: 47px
}

.th #turn_timer {
    top: 38px
}

.th #gameItemSlot0 {
    left: 501px;
    top: 1px
}

.th #gameItemSlot1 {
    left: 537px;
    top: 1px
}

.th #gameItemSlot2 {
    left: 573px;
    top: 1px
}

.th #gameItemSlot3 {
    left: 609px;
    top: 1px
}

.th #gameItemSlot4 {
    left: 645px;
    top: 1px
}

.th #gameItemSlot5 {
    left: 681px;
    top: 1px
}

.th .UIGoldDigit {
    top: 6px;
    width: 19px;
    height: 24px
}

.th #UIGoldDigit0 {
    left: 430px
}

.th #UIGoldDigit1 {
    left: 410px
}

.th #UIGoldDigit2 {
    left: 390px
}

.th #UIGoldDigit3 {
    left: 370px
}

.th #UIGoldDigit4 {
    left: 350px
}

.th #weatherSlot0 {
    left: 102px;
    top: 9px
}

.th #weatherSlot1 {
    left: 141px;
    top: 9px
}

.th #weatherSlot2 {
    left: 180px;
    top: 9px;
    filter: none
}

.th #weatherSlot3 {
    left: 219px;
    top: 9px;
    filter: none
}

.th #weatherSlot4 {
    left: 258px;
    top: 9px;
    filter: none
}

.th #message_over_items {
    left: 500px;
    top: 0;
    width: 216px;
    height: 38px
}

.th #message_over_items.sudden_death {
    background-position: -658.5px -1355.5px
}

.th #message_over_items.items_locked {
    background-position: -658.5px -1317px
}

.th #gameUI2 {
    position: absolute;
    display: block;
    top: 556px;
    width: 800px;
    height: 44px;
    background-position: 0 -1271.5px
}

.th #btnShot1 {
    left: 6px;
    top: 562px
}

.th #btnShot2 {
    left: 47px;
    top: 562px
}

.th #btnShotSS {
    left: 88px;
    top: 562px
}

.th #slice_drag_button {
    left: 190px;
    top: 563px
}

.th #powerMarkArea {
    left: 244px;
    top: 561px
}

.th #last_power_mark {
    left: 247px;
    top: 569px;
    background-position: -275.5px -1379px;
    width: 1px;
    height: 22px;
    transition: none
}

.th #powerBar {
    left: 244px;
    top: 570px
}

.th #walkBar {
    left: 244px;
    top: 582px;
    background-position: 0 -1445px;
    height: 12px;
    display: none;
    z-index: 3;
}

.th #gameUIWalkBG {
    position: absolute;
    left: 169px;
    top: 573px;
    background-position: 0 -1457.5px;
    width: 485px;
    height: 26px;
    z-index: 2
}

.th #turns_list {
    bottom: 47px
}

.th .mya {
    left: 118px;
    top: 581px;
    opacity: .6
}

.th #all_chat,.th #team_chat {
    top: 524px
}

.th #gameBcm {
    top: 526px
}

.th #game_dnd_btn {
    top: 492px
}

.th #GameWatchers {
    top: 500px;
    bottom: unset
}

.th #gameInput {
    top: 527px;
    bottom: unset
}

.th #score_panel {
    top: 500px
}

.th #scores_lose_a,.th #scores_lose_b {
    width: 373px;
    height: 383px;
    top: 45px;
    background-position: 0 0
}

.th #scores_lose_a.win,.th #scores_lose_b.win {
    background-position: -374px 0
}

.th #scores_lose_a {
    left: 25px
}

.th #scores_lose_b {
    left: 402px
}

.th #game_over {
    background-image: none
}

.th .score {
    width: 299px;
    height: 47px;
    background-position: -747.5px 0
}

.th #score1,.th #score3,.th #score5,.th #score7 {
    background-position-y: -48px
}

.th #score0,.th #score2,.th #score4,.th #score6 {
    left: 62px
}

.th #score1,.th #score3,.th #score5,.th #score7 {
    left: 439px
}

.th #score0,.th #score1 {
    top: 148px
}

.th #score2,.th #score3 {
    top: 213px
}

.th #score4,.th #score5 {
    top: 278px
}

.th #score6,.th #score7 {
    top: 343px
}

.th .shop_item_event_points {
    top: 127px;
}

.th .scoreA {
    display: block;
    position: absolute;
    left: -9px;
    top: 7px;
    background-position: -747.5px -95.5px;
    width: 33px;
    height: 33px
}

.th .scoreB {
    display: block;
    position: absolute;
    left: -4px;
    top: 7px;
    background-position: -781px -95.5px;
    width: 28px;
    height: 35px
}

.th .score_name {
    top: 26px;
    font-weight: bold;
    color: white;
    font-size: 10px

}

.th  .score_cash{
	top: 12px;
	left: 15px;
}

.th .score_gp {
    right: 10px;
    top: 12px;
    left: unset;
    font-size: 12px
}

.th .score_gold {
    right: 10px;
    top: 30px;
    left: unset;
    font-size: 12px
}

.th .score_bonus_gp {
    left: 107px;
    top: 12px
}

.th .score_bonus_gold {
    left: 160px;
    top: 12px
}

.th .score_season_bonus {
    right: 100px;
    top: 27px;
    font-size: 9px;
    line-height: 11px;
}

.th .score_mvp {
    left: 120px;
    top: -16px
}

.th .score_me {
    display: none !important
}

.th .score_mine {
    box-shadow: 0 0 0 2px #ffd700,0 0 12px 2px rgba(255,215,0,0.8);
    border-radius: 4px
}

.th .score_master {
    left: 38px;
    top: 11px;
    width: 22px;
    height: 13px;
    background-position: -752px -761.5px;
    font-size: 0;
    text-shadow: none
}

.th .score_master::before {
    content: none
}

.th .score_state_computer {
    left: 70px;
    top: 6px;
    font-size: 33px
}

.th #buttonShopExit {
    left: -7px;
    width: 107.5px;
    height: 45px;
    background-position: -893px -227px;
    transform: scale(0.8)
}

#buttonShopExit .ThButtonIcon {
    background-position: -980px -185px
}

.th #buy_cancel_btn {
    left: 323px;
    top: 319px;
    height: 15px;
    transform: scale(1.5)
}

.th #buy_cancel_btn.light_button:active {
    transform: translateY(1px) scale(1.5)
}

.th #shop_items {
    position: absolute;
    left: 6px;
    top: 7px
}

.th #shop_my_items_number {
    left: 196px;
    top: 189px
}

.th .shop_item_cash {
    top: 115px
}

.th .shop_item_gold {
    top: 127px
}

.th .shop_item_timer {
    top: 26px
}

.th .ShopSetBtn.row2 {
    top: 40px
}

.th #shop_buy_dialog {
    border-radius: 14px
}

.th #GuideShop {
    left: 102px
}

.thSlot {
    display: none;
    position: absolute
}

#thslot0,#thslot4 {
    left: 17px
}

#thslot2,#thslot6 {
    left: 156px
}

#thslot1,#thslot5 {
    left: 517px
}

#thslot3,#thslot7 {
    left: 656px
}

#thslot0,#thslot1,#thslot2,#thslot3 {
    top: 119px
}

#thslot4,#thslot5,#thslot6,#thslot7 {
    top: 271px
}

.SlotA {
    background-position: -752px -617px;
    width: 127px;
    height: 71px
}

.SlotB {
    background-position: -752px -689.5px;
    width: 127px;
    height: 71px
}

body:not(.th) .ThButtonIcon,
body:not(.th) .ThButtonText {
    display: none !important;
}

body.th .ThButtonIcon,
body.th .ThButtonText {
    display: block !important;
    pointer-events: none !important;
}

body.th #buttonCreateRoom {
    position: absolute !important;
    left: -5px !important;
    top: 17px !important;
    width: 107.5px !important;
    height: 45px !important;
    background-position: -893px -227px !important;
    transform: scale(0.8) !important;
}
body.th #buttonJoin {
    position: absolute !important;
    left: 117px !important;
    top: 17px !important;
    width: 107.5px !important;
    height: 45px !important;
    background-position: -893px -227px !important;
    transform: scale(0.8) !important;
}
body.th #buttonQuickJoin {
    position: absolute !important;
    left: 235px !important;
    top: 17px !important;
    width: 107.5px !important;
    height: 45px !important;
    background-position: -893px -227px !important;
    transform: scale(0.8) !important;
}
body.th #buttonMyInfo {
    position: absolute !important;
    left: 352px !important;
    top: 17px !important;
    width: 107.5px !important;
    height: 45px !important;
    background-position: -893px -227px !important;
    transform: scale(0.8) !important;
}
body.th #buttonShop {
    position: absolute !important;
    left: 468px !important;
    top: 17px !important;
    width: 107.5px !important;
    height: 45px !important;
    background-position: -893px -227px !important;
    transform: scale(0.8) !important;
}
body.th #buttonCharge2 {
    position: absolute !important;
    left: 578px !important;
    top: 533px !important;
}
body.th #facebook_post {
    position: absolute !important;
    left: 650px !important;
    top: 7px !important;
}
body.th #event_button {
    position: absolute !important;
    left: 722px !important;
    top: 7px !important;
}
body.th #buttonOptions {
    position: absolute !important;
    left: 627px !important;
    top: 542px !important;
    width: 107.5px !important;
    height: 45px !important;
    background-position: -893px -227px !important;
    transform: scale(0.7) !important;
}
body.th #buttonChannels {
    position: absolute !important;
    left: 707px !important;
    top: 542px !important;
    width: 107.5px !important;
    height: 45px !important;
    background-position: -893px -227px !important;
    transform: scale(0.7) !important;
}
body.th #buttonShopFromRoom {
    position: absolute !important;
    left: 325px !important;
    width: 107.5px !important;
    height: 45px !important;
    background-position: -893px -227px !important;
    transform: none !important;
}
body.th #buttonOptionsRoom {
    position: absolute !important;
    left: 470px !important;
    width: 107.5px !important;
    height: 45px !important;
    background-position: -893px -227px !important;
    transform: none !important;
}
body.th #roomButtonBack {
    position: absolute !important;
    left: 690px !important;
    width: 107.5px !important;
    height: 45px !important;
    background-position: -893px -227px !important;
    transform: none !important;
}
body.th #buttonCreateRoom.light_button:active,
body.th #buttonJoin.light_button:active,
body.th #buttonQuickJoin.light_button:active,
body.th #buttonMyInfo.light_button:active,
body.th #buttonShop.light_button:active {
    transform: translateY(1px) scale(0.8) !important;
}
body.th #buttonOptions.light_button:active,
body.th #buttonChannels.light_button:active {
    transform: translateY(1px) scale(0.7) !important;
}
body.th #buttonShopFromRoom:active,
body.th #buttonOptionsRoom:active,
body.th #roomButtonBack:active {
    transform: translateY(1px) !important;
}
body.th .ThButtonIcon {
    position: absolute !important;
    left: 13px !important;
    top: 12px !important;
    width: 19px !important;
    height: 20px !important;
}
body.th .ThButtonText {
    position: absolute !important;
    left: 32px !important;
    top: 14px !important;
    width: 62px !important;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 14px !important;
    line-height: 14px !important;
    background: linear-gradient(to bottom,#ffe34a 0,#fff 50%,#ffe34a 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke: .6px #0059a5 !important;
    filter: drop-shadow(0.5px 0 1px #0059a5) drop-shadow(-0.5px 0 0 #0059a5) drop-shadow(0 .5px 0 #0059a5) drop-shadow(0 0 1px #0059a5) !important;
}
body.th #buttonOptions .ThButtonText,
body.th #buttonOptionsRoom .ThButtonText {
    font-size: 13px !important;
}
body.th #buttonChannels .ThButtonText {
    font-size: 12px !important;
}
body.th #BrokerLogout .ThButtonText {
    font-size: 13px !important;
}
body.th .ThButtonIcon,
body.th .ThButtonText {
    display: none !important;
}

body.th #buttonCreateRoom,
body.th #buttonJoin,
body.th #buttonQuickJoin,
body.th #buttonMyInfo,
body.th #buttonShop,
body.th #buttonCharge2,
body.th #facebook_post,
body.th #event_button {
    position: absolute !important;
    top: 7px !important;
    width: 62px !important;
    height: 62px !important;
    transform: none !important;
}

body.th #buttonCreateRoom {
    left: 144px !important;
    background-position: -62.5px 0 !important;
}
body.th #buttonJoin {
    left: 226px !important;
    background-position: -125px 0 !important;
}
body.th #buttonQuickJoin {
    left: 308px !important;
    background-position: 0 0 !important;
}
body.th #buttonMyInfo {
    left: 390px !important;
    background-position: -187.5px 0 !important;
}
body.th #buttonShop {
    left: 472px !important;
    background-position: -250px 0 !important;
}
body.th #buttonCharge2 {
    left: 554px !important;
    background-position: -312.5px 0 !important;
}
body.th #facebook_post {
    left: 636px !important;
    background-position: -437.5px 0 !important;
}
body.th #event_button {
    left: 718px !important;
    background-position: -375px 0 !important;
}

body.th #buttonOptions,
body.th #buttonOptionsRoom,
body.th #buttonChannels {
    position: absolute !important;
    width: 55px !important;
    height: 51px !important;
    transform: none !important;
}
body.th #buttonOptions {
    left: 594px !important;
    top: 542px !important;
    background-position: -571.5px 0 !important;
}
body.th #buttonOptionsRoom {
    left: 733px !important;
    top: 547px !important;
    background-position: -571.5px 0 !important;
}
body.th #buttonChannels {
    left: 733px !important;
    top: 542px !important;
    background-position: -627px 0 !important;
}

body.th #buttonShopFromRoom {
    position: absolute !important;
    left: 500px !important;
    bottom: 1px !important;
    width: 62px !important;
    height: 62px !important;
    background-position: -250px 0 !important;
    border-radius: 5px !important;
    transform: scale(.83) !important;
    transform-origin: left bottom !important;
}

body.th #buttonCreateRoom.light_button:active,
body.th #buttonJoin.light_button:active,
body.th #buttonQuickJoin.light_button:active,
body.th #buttonMyInfo.light_button:active,
body.th #buttonShop.light_button:active,
body.th #buttonCharge2.light_button:active,
body.th #facebook_post.light_button:active,
body.th #event_button.light_button:active,
body.th #buttonOptions.light_button:active,
body.th #buttonOptionsRoom.light_button:active,
body.th #buttonChannels.light_button:active {
    transform: translateY(1px) !important;
}
body.th #buttonShopFromRoom.light_button:active {
    transform: translateY(1px) scale(.83) !important;
}

body.th #buttonCreateRoom,
body.th #buttonJoin,
body.th #buttonQuickJoin,
body.th #buttonMyInfo,
body.th #buttonShop,
body.th #buttonShopFromRoom,
body.th #buttonCharge2,
body.th #facebook_post,
body.th #event_button,
body.th #buttonOptions,
body.th #buttonOptionsRoom,
body.th #buttonChannels {
    background-image: url(/static/images/themes/classicHD/stuff_HD.webp?3#png) !important;
    background-repeat: no-repeat !important;
    background-size: 1000px 1500px !important;
}

body.th #buttonCreateRoom,
body.th #buttonJoin,
body.th #buttonQuickJoin,
body.th #buttonMyInfo,
body.th #buttonShop,
body.th #buttonCharge2,
body.th #facebook_post {
    position: absolute !important;
    top: 7px !important;
    width: 62px !important;
    height: 62px !important;
    transform: none !important;
}

body.th #buttonCreateRoom { left: 144px !important; background-position: -62.5px 0 !important; }
body.th #buttonJoin       { left: 226px !important; background-position: -125px 0 !important; }
body.th #buttonQuickJoin  { left: 308px !important; background-position: 0 0 !important; }
body.th #buttonMyInfo     { left: 390px !important; background-position: -187.5px 0 !important; }
body.th #buttonShop       { left: 472px !important; background-position: -250px 0 !important; }
body.th #buttonCharge2    { left: 554px !important; background-position: -312.5px 0 !important; }
body.th #facebook_post    { left: 636px !important; background-position: -437.5px 0 !important; }

body.th #event_button {
    position: absolute !important;
    left: 659px !important;
    top: 526px !important;
    width: 62px !important;
    height: 62px !important;
    background-position: -375px 0 !important;
    transform: none !important;
    z-index: 20 !important;
}

body.th #buttonOptions,
body.th #buttonOptionsRoom,
body.th #buttonChannels {
    position: absolute !important;
    width: 55px !important;
    height: 51px !important;
    transform: none !important;
}
body.th #buttonOptions     { left: 594px !important; top: 542px !important; background-position: -571.5px 0 !important; }
body.th #buttonOptionsRoom {
    left: 640px !important;
    top: 547px !important;
	background-position: -571.5px 0 !important; }

body.th #buttonChannels    { left: 733px !important; top: 542px !important; background-position: -627px 0 !important; }

body.th #buttonShopFromRoom {
    position: absolute !important;
    left: 500px !important;
    bottom: 1px !important;
    width: 62px !important;
    height: 62px !important;
    background-position: -250px 0 !important;
    border-radius: 5px !important;
    transform: scale(.83) !important;
    transform-origin: left bottom !important;
}

body.th .ThButtonIcon,
body.th .ThButtonText {
    display: none !important;
}

body.th #buttonCreateRoom.light_button:active,
body.th #buttonJoin.light_button:active,
body.th #buttonQuickJoin.light_button:active,
body.th #buttonMyInfo.light_button:active,
body.th #buttonShop.light_button:active,
body.th #buttonCharge2.light_button:active,
body.th #facebook_post.light_button:active,
body.th #event_button.light_button:active,
body.th #buttonOptions.light_button:active,
body.th #buttonOptionsRoom.light_button:active,
body.th #buttonChannels.light_button:active {
    transform: translateY(1px) !important;
}
body.th #buttonShopFromRoom.light_button:active {
    transform: translateY(1px) scale(.83) !important;
}

body.th #facebook_post,
body.th #event_button {
    position: absolute !important;
    top: 7px !important;
    width: 62px !important;
    height: 62px !important;
    transform: none !important;
    background-image: url(/static/images/themes/DragonBall/clasico/stuff_HD.webp?3#png) !important;
    background-repeat: no-repeat !important;
    background-size: 1000px 1500px !important;

}

body.th #facebook_post {
    left: 636px !important;
    background-position: -437.5px 0 !important;
}

body.th #event_button {
    left: 718px !important;
    background-position: -375px 0 !important;
}

body.th #MissionsBtnLobby {
    display: block !important;
    position: absolute !important;
    left: 664px !important;
    top: 542px !important;
    width: 55px !important;
    height: 51px !important;
    transform: none !important;
    background-image: url(/static/images/starBtn.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    z-index: 22 !important;
}

body.th #MissionsBtnLobby.light_button:active,
body.th #MissionsBtnLobby:active {
    transform: translateY(1px) !important;
}

.mya {
    position: absolute !important;
    left: 192px;
    top: 14px;
    scale: .5;
    transform-origin: 0 0;
    opacity: .75;
    pointer-events: none;
}

body.th .mya,
.th .mya {
    left: 118px !important;
    top: 581px !important;
    opacity: .6 !important;
    z-index: 6 !important;
}

.roomPlayerClip {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.roomPlayerClipInner {
    position: absolute !important;
    top: 88px;
    pointer-events: none;
}

.SideA .roomPlayerClipInner {
    left: 100px;
}

.SideB .roomPlayerClipInner {
    right: 100px;
}

body.th .thSlot,
.th .thSlot {
    position: absolute !important;
    display: none;
    z-index: 1;
    pointer-events: none;
}

body.th .thSlot.visible,
.th .thSlot.visible {
    display: block !important;
}

body.th #thslot0,body.th #thslot4,.th #thslot0,.th #thslot4 { left: 17px !important; }
body.th #thslot2,body.th #thslot6,.th #thslot2,.th #thslot6 { left: 156px !important; }
body.th #thslot1,body.th #thslot5,.th #thslot1,.th #thslot5 { left: 517px !important; }
body.th #thslot3,body.th #thslot7,.th #thslot3,.th #thslot7 { left: 656px !important; }
body.th #thslot0,body.th #thslot1,body.th #thslot2,body.th #thslot3,
.th #thslot0,.th #thslot1,.th #thslot2,.th #thslot3 { top: 119px !important; }
body.th #thslot4,body.th #thslot5,body.th #thslot6,body.th #thslot7,
.th #thslot4,.th #thslot5,.th #thslot6,.th #thslot7 { top: 271px !important; }

body.th #playerInRoom0,body.th #playerInRoom4,.th #playerInRoom0,.th #playerInRoom4 { left: 17px !important; }
body.th #playerInRoom2,body.th #playerInRoom6,.th #playerInRoom2,.th #playerInRoom6 { left: 156px !important; }
body.th #playerInRoom1,body.th #playerInRoom5,.th #playerInRoom1,.th #playerInRoom5 { left: 517px !important; }
body.th #playerInRoom3,body.th #playerInRoom7,.th #playerInRoom3,.th #playerInRoom7 { left: 656px !important; }
body.th #playerInRoom0,body.th #playerInRoom1,body.th #playerInRoom2,body.th #playerInRoom3,
.th #playerInRoom0,.th #playerInRoom1,.th #playerInRoom2,.th #playerInRoom3 { top: 61px !important; }
body.th #playerInRoom4,body.th #playerInRoom5,body.th #playerInRoom6,body.th #playerInRoom7,
.th #playerInRoom4,.th #playerInRoom5,.th #playerInRoom6,.th #playerInRoom7 { top: 213px !important; }

body.th .playerInRoom,
.th .playerInRoom {
    width: 127px !important;
    height: 129px !important;
    overflow: visible !important;
}

body.th .playerInRoom.occupied,
.th .playerInRoom.occupied {
    display: block !important;
}

body.th .roomPlayerClip,
.th .roomPlayerClip {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 127px !important;
    height: 129px !important;
    overflow: hidden !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

body.th .roomPlayerClipInner,
.th .roomPlayerClipInner {
    position: absolute !important;
    left: 67px !important;
    right: auto !important;
    top: 105px !important;
    transform: scaleX(0.9) scaleY(1.6) !important;
    transform-origin: 0 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

body.th .SideA .roomPlayerMobile,
body.th .SideB .roomPlayerMobile,
.th .SideA .roomPlayerMobile,
.th .SideB .roomPlayerMobile {
    position: absolute !important;
    left: 67px !important;
    right: auto !important;
    top: 93px !important;
    z-index: 3 !important;
}

body.th .roomPlayerName,
.th .roomPlayerName {
    position: absolute !important;
    left: 2px !important;
    right: auto !important;
    top: auto !important;
    bottom: 4px !important;
    width: 125px !important;
    height: auto !important;
    max-height: 32px !important;
    z-index: 25 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-align: center !important;
}

body.th .roomPlayerName .nyxcafe2,
body.th .roomPlayerName .nyxcafe3,
body.th .roomPlayerName .nyxcafe4,
body.th .roomPlayerName .nyxcafe5,
body.th .roomPlayerName .nyxcafe6,
body.th .roomPlayerName .nyxcafe7,
body.th .roomPlayerName .nyxcafe8,
body.th .roomPlayerName .nyxcafe9,
body.th .roomPlayerName .nyxcafe10,
body.th .roomPlayerName .nyxcafe11,
body.th .roomPlayerName .nyxcafe12,
body.th .roomPlayerName .vipTag,
body.th .roomPlayerName .vipTagImage,
body.th .roomPlayerName .viptext,
.th .roomPlayerName .nyxcafe2,
.th .roomPlayerName .nyxcafe3,
.th .roomPlayerName .nyxcafe4,
.th .roomPlayerName .nyxcafe5,
.th .roomPlayerName .nyxcafe6,
.th .roomPlayerName .nyxcafe7,
.th .roomPlayerName .nyxcafe8,
.th .roomPlayerName .nyxcafe9,
.th .roomPlayerName .nyxcafe10,
.th .roomPlayerName .nyxcafe11,
.th .roomPlayerName .nyxcafe12,
.th .roomPlayerName .vipTag,
.th .roomPlayerName .vipTagImage,
.th .roomPlayerName .viptext {
    display: none !important;
}

body.th .playerInRoom > .roomSlotCafeIconTH.myNyxcafeTeamBlue,
.th .playerInRoom > .roomSlotCafeIconTH.myNyxcafeTeamBlue {
    position: absolute !important;
    right: 4px !important;
    top: -16px !important;
    width: 25px !important;
    height: 15px !important;
    z-index: 60 !important;
    pointer-events: none !important;
}

body.th .roomPlayerReady,
body.th .roomPlayerNotReady,
.th .roomPlayerReady,
.th .roomPlayerNotReady {
    left: 104px !important;
    top: 49px !important;
    z-index: 10 !important;
}

body.th .roomPlayerShadow,
.th .roomPlayerShadow {
    display: none !important;
}

#gameUI2,
#gameUIWalkBG {
    display: none;
    pointer-events: none;
}

body.th #gameUI2,
.th #gameUI2 {
    position: absolute !important;
    display: block !important;
    left: 0 !important;
    top: 556px !important;
    width: 800px !important;
    height: 44px !important;
    background-position: 0 -1271.5px !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

body.th #gameUIWalkBG,
.th #gameUIWalkBG {
    position: absolute !important;
    left: 169px !important;
    top: 573px !important;
    width: 485px !important;
    height: 26px !important;
    background-position: 0 -1457.5px !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

body.th #powerMarkArea,
body.th #powerBar,
body.th #walkBar,
body.th #last_power_mark,
body.th #btnShot1,
body.th #btnShot2,
body.th #btnShotSS,
body.th #slice_drag_button,
.th #powerMarkArea,
.th #powerBar,
.th #walkBar,
.th #last_power_mark,
.th #btnShot1,
.th #btnShot2,
.th #btnShotSS,
.th #slice_drag_button {
    z-index: 6 !important;
}

body.th #walkBar,
.th #walkBar {
    z-index: 7 !important;
}
body.th #thslot0, body.th #thslot1, body.th #thslot2, body.th #thslot3,
body.th #thslot4, body.th #thslot5, body.th #thslot6, body.th #thslot7,
.th #thslot0, .th #thslot1, .th #thslot2, .th #thslot3,
.th #thslot4, .th #thslot5, .th #thslot6, .th #thslot7 {
    display: none !important;
}

body.th .roomPlayerMobile > .thSlot,
.th .roomPlayerMobile > .thSlot {
    display: block !important;
    position: absolute !important;
    left: -67px !important;
    top: -36px !important;
    width: 127px !important;
    height: 71px !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

body.th .playerInRoom:not(.occupied) .roomPlayerMobile > .thSlot,
.th .playerInRoom:not(.occupied) .roomPlayerMobile > .thSlot {
    display: none !important;
}

body.th .playerInRoom.occupied,
.th .playerInRoom.occupied {
    display: block !important;
}

body .th .score_tasa {
	left: 50px !important;
	top: -10px;

}

body.th .roomPlayerName,
.th .roomPlayerName {
    bottom: 5px !important;
}

body.th.HD .roomPlayerMaster,
.th.HD .roomPlayerMaster,
body.th .roomPlayerMaster,
.th .roomPlayerMaster {
    top: 60px !important;
    left: 106px !important;
    z-index: 10 !important;
}

body.th #btnEsc,
body.th #btnPass,
.th #btnEsc,
.th #btnPass {
    z-index: 80 !important;
    pointer-events: auto !important;
}

body.th #btnShot1,
body.th #btnShot2,
body.th #btnShotSS,
body.th #gameItemSlot0,
body.th #gameItemSlot1,
body.th #gameItemSlot2,
body.th #gameItemSlot3,
body.th #gameItemSlot4,
body.th #gameItemSlot5,
.th #btnShot1,
.th #btnShot2,
.th #btnShotSS,
.th #gameItemSlot0,
.th #gameItemSlot1,
.th #gameItemSlot2,
.th #gameItemSlot3,
.th #gameItemSlot4,
.th #gameItemSlot5 {
    pointer-events: auto !important;
}

body.th #wind_meter2,
.th #wind_meter2 {
    left: 334px !important;
    top: 12px !important;
    z-index: 35 !important;
    pointer-events: none !important;
}

body.th .WeatherFall,
.th .WeatherFall {
    top: 38px !important;
}

body.th .weatherDiv3,
.th .weatherDiv3 {
    background-image: url(/static/images/sunforceTH-1.png) !important;
}

body.th .weatherDiv4,
.th .weatherDiv4 {
    background-image: url(/static/images/lightningTH-1.png) !important;
}

body.th .weatherDiv8,
.th .weatherDiv8 {
    background-image: url(/static/images/tornadoTH-1.png) !important;
}

#tht {
    position: absolute !important;
    left: 700px !important;
    top: 42px !important;
    display: none;
    z-index: 85 !important;
    pointer-events: none !important;
}
.thtDigit {
    position: absolute !important;
    background-image: url("/static/images/turn_timerTH.png") !important;
    background-repeat: no-repeat !important;
}
#thtDigit1 { width: 28px !important; height: 45px !important; }
#thtDigit2 { left: 30px !important; width: 28px !important; height: 45px !important; }
#thtDigitD { left: 60px !important; top: 39px !important; width: 6px !important; height: 6px !important; background-position: -180px -68px !important; }
#thtDigit3 { left: 68px !important; top: 17px !important; width: 17px !important; height: 28px !important; }
.thtB0 { background-position: 0 0 !important; }
.thtB1 { background-position: -29px 0 !important; }
.thtB2 { background-position: -58px 0 !important; }
.thtB3 { background-position: -87px 0 !important; }
.thtB4 { background-position: -116px 0 !important; }
.thtB5 { background-position: -145px 0 !important; }
.thtB6 { background-position: -174px 0 !important; }
.thtB7 { background-position: -203px 0 !important; }
.thtB8 { background-position: -232px 0 !important; }
.thtB9 { background-position: -261px 0 !important; }
.thtS0 { background-position: 0 -46px !important; }
.thtS1 { background-position: -18px -46px !important; }
.thtS2 { background-position: -36px -46px !important; }
.thtS3 { background-position: -54px -46px !important; }
.thtS4 { background-position: -72px -46px !important; }
.thtS5 { background-position: -90px -46px !important; }
.thtS6 { background-position: -108px -46px !important; }
.thtS7 { background-position: -126px -46px !important; }
.thtS8 { background-position: -144px -46px !important; }
.thtS9 { background-position: -162px -46px !important; }
body.th #turn_timer,
.th #turn_timer {
    display: none !important;
}

body.th #gameUIWalkBG,
.th #gameUIWalkBG,
body.th.ClassicTHWalking #gameUIWalkBG,
body.th #container.ClassicTHWalking #gameUIWalkBG {
    z-index: 9996 !important;
    pointer-events: none !important;
}

body.th #walkBar,
.th #walkBar,
body.th.ClassicTHWalking #walkBar,
body.th #container.ClassicTHWalking #walkBar {
    z-index: 9999 !important;
    pointer-events: none !important;
}
body.th #BrokerChannel0, .th #BrokerChannel0 { left: 119px !important; top: 40px !important; }
body.th #BrokerChannel1, .th #BrokerChannel1 { left: 327px !important; top: 40px !important; }
body.th #BrokerChannel2, .th #BrokerChannel2 { left: 430px !important; top: 40px !important; display: none !important; }
body.th #BrokerChannel3, .th #BrokerChannel3 { left: 16px !important; top: 127px !important; }
body.th #BrokerChannel4, .th #BrokerChannel4 { left: 223px !important; top: 127px !important; }
body.th #BrokerChannel5, .th #BrokerChannel5 { left: 430px !important; top: 127px !important; }
body.th #BrokerChannel6, .th #BrokerChannel6 { left: 16px !important; top: 214px !important; display: none !important; }
body.th #BrokerChannel7, .th #BrokerChannel7 { left: 16px !important; top: 214px !important; }
body.th #BrokerChannel8, .th #BrokerChannel8 { left: 223px !important; top: 214px !important; }
body.th #BrokerChannel9, .th #BrokerChannel9 { left: 430px !important; top: 214px !important; }
body.th #BrokerChannel10, .th #BrokerChannel10 { left: 119px !important; top: 301px !important; }
body.th #BrokerChannel11, .th #BrokerChannel11 { left: 327px !important; top: 301px !important; }
body.th #BrokerChannel12, .th #BrokerChannel12 { left: 16px !important; top: 388px !important; }
body.th #BrokerChannel13, .th #BrokerChannel13 { left: 223px !important; top: 388px !important; }
body.th #BrokerChannel14, .th #BrokerChannel14 { left: 430px !important; top: 388px !important; }
body.th #buttonAllBuddyList1,
body.th #buttonAllBuddyList2,
body.th #buttonAllBuddyList3,
.th #buttonAllBuddyList1,
.th #buttonAllBuddyList2,
.th #buttonAllBuddyList3 {
    position: absolute !important;
    top: 275px !important;
    height: 30px !important;
    background-image: url(/static/images/themes/classicHD/stuff_HD.webp?3#png) !important;
    background-repeat: no-repeat !important;
    background-size: 1000px 1500px !important;
    transform: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: visible !important;
}

body.th #buttonAllBuddyList1,
.th #buttonAllBuddyList1 {
    left: 582px !important;
    width: 64.5px !important;
    background-position: -785px 0 !important;
}
body.th #buttonAllBuddyList2,
.th #buttonAllBuddyList2,
body.th #buttonAllBuddyList2.BuddyList,
.th #buttonAllBuddyList2.BuddyList,
body.th #buttonAllBuddyList2.Guild,
.th #buttonAllBuddyList2.Guild,
body.th #buttonAllBuddyList2.buttonAllBuddyList2.Guild,
.th #buttonAllBuddyList2.buttonAllBuddyList2.Guild,
body.th #buttonAllBuddyList2.room_item_buddy_tab2.Guild,
.th #buttonAllBuddyList2.room_item_buddy_tab2.Guild {
    left: 646px !important;
    width: 82px !important;
}
body.th #buttonAllBuddyList3,
.th #buttonAllBuddyList3 {
    left: 727px !important;
    width: 70px !important;
}

body.th #buttonAllBuddyList1.BuddyList,
.th #buttonAllBuddyList1.BuddyList {
    width: 64.5px !important;
    background-position: -785px -30.5px !important;
}
body.th #buttonAllBuddyList2.BuddyList,
.th #buttonAllBuddyList2.BuddyList {
    width: 82px !important;
    background-position: -849px -30.5px !important;
}
body.th #buttonAllBuddyList3.BuddyList,
.th #buttonAllBuddyList3.BuddyList {
    width: 70px !important;
    background-position: -930px -30.5px !important;
}

body.th #buttonAllBuddyList1.Guild,
.th #buttonAllBuddyList1.Guild {
    width: 64.5px !important;
    background-position: -785px -61px !important;
}
body.th #buttonAllBuddyList2.Guild,
.th #buttonAllBuddyList2.Guild {
    width: 82px !important;
    background-position: -849px -61px !important;
}
body.th #buttonAllBuddyList3.Guild,
.th #buttonAllBuddyList3.Guild {
    width: 70px !important;
    background-position: -930px -61px !important;
}

body.th #buttonAllBuddyList1.room_item_buddy_tab1,
.th #buttonAllBuddyList1.room_item_buddy_tab1 {
    left: 582px !important;
    width: 64.5px !important;
    background-position: -785px -91.5px !important;
}
body.th #buttonAllBuddyList1.room_item_buddy_tab1.BuddyList,
.th #buttonAllBuddyList1.room_item_buddy_tab1.BuddyList {
    background-position: -785px -122px !important;
}
body.th #buttonAllBuddyList1.room_item_buddy_tab1.Guild,
.th #buttonAllBuddyList1.room_item_buddy_tab1.Guild {
    background-position: -785px -152.5px !important;
}

body.th #roomButtonBack,
body.th #roomButtonBack.light_button {
    position: absolute !important;
    left: auto !important;
    right: 0 !important;
    top: auto !important;
    bottom: 5px !important;
    width: 57px !important;
    height: 54px !important;
    background-image: url(/static/images/themes/classicHD/stuff_HD.webp?3#png) !important;
    background-repeat: no-repeat !important;
    background-size: 1000px 1500px !important;
    background-position: -752px -561.5px !important;
    transform: none !important;
    border-radius: 0 !important;
    z-index: 25 !important;
}

body.th #roomButtonBack:hover,
body.th #roomButtonBack.light_button:hover {
    background-position: -810.5px -561.5px !important;
}

body.th #roomButtonBack:active,
body.th #roomButtonBack.light_button:active {
    background-position: -869px -561.5px !important;
    transform: translateY(1px) !important;
}

body.th #roomButtonBack .ThButtonIcon,
body.th #roomButtonBack .ThButtonText {
    display: none !important;
}

body.th #buttonShopExit,
body.th #buttonShopExit.shopButton,
body.th #buttonShopExit.light_button {
    position: absolute !important;
    left: 14px !important;
    top: 541px !important;
    width: 36px !important;
    height: 50px !important;
    background-image: url(/static/images/themes/classicHD/stuff_HD.webp?3#png) !important;
    background-repeat: no-repeat !important;
    background-size: 1000px 1500px !important;
    background-position: -747.5px -40.5px !important;
    transform: none !important;
    border-radius: 0 !important;
    z-index: 25 !important;
}

body.th #buttonShopExit:active,
body.th #buttonShopExit.shopButton:active,
body.th #buttonShopExit.light_button:active {
    transform: translateY(1px) !important;
}

body.th #buttonShopExit .ThButtonIcon,
body.th #buttonShopExit .ThButtonText {
    display: none !important;
}

body.th #thslot0.visible, body.th #thslot1.visible, body.th #thslot2.visible, body.th #thslot3.visible,
body.th #thslot4.visible, body.th #thslot5.visible, body.th #thslot6.visible, body.th #thslot7.visible,
.th #thslot0.visible, .th #thslot1.visible, .th #thslot2.visible, .th #thslot3.visible,
.th #thslot4.visible, .th #thslot5.visible, .th #thslot6.visible, .th #thslot7.visible {
    display: block !important;
    pointer-events: none !important;
}

#shop_buy_dialog.eventBuy .buy_option {
    width: 93px;
}

#shop_buy_dialog.eventBuy #buy_cash_week {
    left: 87px;
    top: 234px;
}

#shop_buy_dialog.eventBuy #buy_cash_month {
    left: 183px;
    top: 234px;
}

#shop_buy_dialog.eventBuy #buy_cash_perm {
    left: 279px;
    top: 234px;
}

#shop_buy_dialog.eventBuy #buy_gold_week {
    left: 87px;
    top: 264px;
}

#shop_buy_dialog.eventBuy #buy_gold_month {
    left: 183px;
    top: 264px;
}

#shop_buy_dialog.eventBuy #buy_gold_perm {
    left: 279px;
    top: 264px;
}

.eventBuyBtn .Text {
    color: #8ef58e;
}

#shop_buy_dialog.eventBuy #buy_gold_perm.eventBuyBtn.buy_btn {
    border: 2px solid #555;
    border-radius: 4px;
    padding: 2px;
    background: linear-gradient(to bottom, #f5f5f5, #e0e0e0);
    width: 83px !important;
    transform: translateY(-50%);
    margin-top: 5px;
    line-height: 11px;
}

#buttonShopEvent .shotBtnText {
    bottom: -4px;
}

#shopScreen.eventShop #shop_my_event_points {
    display: block;
}

#shopScreen.eventShop #shop_my_cash {
    top: 141px;
}

#shopScreen.eventShop #shop_my_gold {
    top: 153px;
}

#shop_pack_card {
    box-shadow: inset 0 0 0 2px #ffd273;
    border-radius: 6px;
}

.shop_pack_icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 34px;
    text-align: center;
    font-size: 42px;
    line-height: 46px;
}

.shop_pack_amount {
    position: absolute;
    left: 0;
    right: 0;
    top: 82px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #8ef58e;
    text-shadow: 1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;
}

#shop_my_event_points {
    position: absolute;
    right: 612px;
    top: 170px;
    width: 160px;
    height: 12px;
    color: #8ef58e;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
    display: none;
}

.shotBtnText {
    position: absolute;
    font-size: 10px;
    white-space: nowrap;
    transform: translateX(-50%);
}

#shop_buy_dialog.eventBuy #buy_gold_perm.eventBuyBtn.buy_btn:active {
    transform: translateY(-45%);
}

#shop_buy_dialog.eventBuy #buy_gold_perm.eventBuyBtn .Text {
    color: #8ef58e;
    font-size: 10px;
    line-height: 11px;
    white-space: normal;
}

#shop_buy_dialog.eventBuy #buy_gold_perm.eventBuyBtn .Alt {
    color: #8ef58e;
}

#buttonShopEvent {
    position: absolute;
    left: 662px;
    top: 542px;
    width: 57px;
    height: 31px;
    text-align: center;
    background-image: none !important;
    z-index: 20;
}

#buttonShopEvent .AvNotif {
    right: 3px;
}

#buttonShopEvent .shotBtnText {
    left: 50%;
    bottom: -4px;
}

.shopEventIcon {
    font-size: 22px;
    text-align: center;
    line-height: 31px;
}

.shopButtonHidden {
    display: none !important;
}

#channelPlayersListHtml .playerListItem:hover,
#channelPlayersListHtml .playerListItem.playerListItemSelected {
    background-color: rgba(245, 245, 220, .35);
}

#tagHud {
    display: none;
    position: absolute;
    right: 11px;
    top: 12px;
    width: 106px;
    height: 50px;
    z-index: 40;
    pointer-events: auto
}

#btnTag {
    position: absolute;
    left: -9px;
    top: 7px;
    width: 39px;
    height: 36px;
    background-image: url(/static/images/tagS2.png);
    background-repeat: no-repeat;
    pointer-events: auto;
    touch-action: manipulation
}

#tagHudMobile {
    position: absolute;
    right: 4px;
    top: 2px;
    width: 54px;
    height: 36px;
    overflow: visible;
    pointer-events: none
}

#tagHudBar {
    position: absolute;
    right: 4px;
    top: 41px;
    width: 54px;
    height: 5px;
    background: #000;
    border: 1px solid #fff;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
    pointer-events: none
}

#tagHudBarHP,
#tagHudBarShield {
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: top
}

#tagHudBarHP {
    background: #63b64a
}

#tagHudBarShield {
    background: #0060ff
}

.th #tagHud {
    top: 550px
}

#roomMobileSelect.circularMobilePicker,
.th #roomMobileSelect.circularMobilePicker {
    position: absolute;
    left: 124px;
    top: 5px;
    width: 551px;
    height: 560px;
    padding: 0;
    z-index: 150;
    display: none;
    overflow: visible;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent !important;
    background-image: url(/static/images/themes/season3/ready_back2.png) !important;
    background-repeat: no-repeat !important;
    background-position: -424px 0 !important;
    box-sizing: border-box;
}

#roomMobileSelect.circularMobilePicker > .Spacer {
    display: none !important;
}

#roomMobilesList {
    position: absolute;
    left: 0;
    top: 0;
    width: 551px;
    height: 408px;
}

#roomMobileButton {
    position: absolute;
    top: 197px;
    left: 242px;
    width: 77px;
    height: 77px;
    z-index: 12;
}

#roomMobileButton .buttonRareMobile {
    position: absolute;
    left: 0;
    top: 0;
    width: 77px;
    height: 77px;
    display: none;
    cursor: pointer;
    background-image: url(/static/images/themes/season3/ready_back2.png) !important;
    background-repeat: no-repeat !important;
}

#buttonTypeBio {
    background-position: -976px -1px;
}
#buttonTypeBio:hover {
    background-position: -1054px -1px;
}
#buttonTypeBio:active {
    background-position: -1132px -1px;
}

#buttonTypeMech {
    background-position: -976px -79px;
}
#buttonTypeMech:hover {
    background-position: -1054px -79px;
}
#buttonTypeMech:active {
    background-position: -1132px -79px;
}

#buttonTypePush {
    background-position: -976px -157px;
}
#buttonTypePush:hover {
    background-position: -1054px -157px;
}
#buttonTypePush:active {
    background-position: -1132px -157px;
}

#buttonTypeRandom {
    background-position: -976px -235px;
}
#buttonTypeRandom:hover {
    background-position: -1054px -235px;
}
#buttonTypeRandom:active {
    background-position: -1132px -235px;
}

#buttonTypeShield {
    background-position: -976px -313px;
}
#buttonTypeShield:hover {
    background-position: -1054px -313px;
}
#buttonTypeShield:active {
    background-position: -1132px -313px;
}

#roomMobileCategoryLabel {
    position: absolute;
    left: -27px;
    top: 78px;
    width: 132px;
    color: #fff6b8;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000;
    pointer-events: none;
}

#roomMobileSelect.circularMobilePicker .mobile__selector-item {
    position: absolute;
    float: none;
    width: 65px;
    height: 60px;
    margin: 0;
    padding: 0;
    border: 2px solid rgba(181, 226, 220, .35);
    border-radius: 9px;
    box-sizing: border-box;
    overflow: visible;
    cursor: pointer;
    background: rgba(4, 31, 50, .38);
    box-shadow: inset 0 0 7px rgba(136, 232, 255, .16);
    transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease, background-color .12s ease;
}

#roomMobileSelect.circularMobilePicker .mobile__selector-item:hover {
    z-index: 20;
    transform: scale(1.08);
    border-color: #fff59a;
    background: rgba(46, 68, 66, .64);
    box-shadow: 0 0 9px rgba(255, 244, 109, .75), inset 0 0 7px rgba(255, 255, 255, .3);
}

#roomMobileSelect.circularMobilePicker .mobile__selector-item.mobileSelectorSelected {
    z-index: 19;
    border-color: #7ff8ff;
    background: rgba(0, 92, 117, .68);
    box-shadow: 0 0 10px rgba(95, 237, 255, .95), inset 0 0 8px rgba(255, 255, 255, .35);
}

#roomMobileSelect.circularMobilePicker .mobile__selector-item.tagPicked1 {
    border-color: #3b8cff;
    background: rgba(0, 45, 95, .82);
    box-shadow: 0 0 10px rgba(46, 139, 255, .95);
}

#roomMobileSelect.circularMobilePicker .mobile__selector-item.tagPicked2 {
    border-color: #ff4b4b;
    background: rgba(95, 0, 0, .82);
    box-shadow: 0 0 10px rgba(255, 59, 59, .95);
}

#roomMobileSelect.circularMobilePicker .mobile__selector-item.tagPicked12 {
    border-color: #b66cff;
    background: rgba(54, 0, 82, .82);
    box-shadow: 0 0 10px rgba(174, 85, 255, .95);
}

#roomMobileSelect.circularMobilePicker .mobile__selector-item .AniObject {
    pointer-events: none;
}

#roomMobileSelect.circularMobilePicker .mobileName {
    position: absolute;
    left: -22px;
    top: 62px;
    width: 105px;
    height: 18px;
    overflow: hidden;
    color: #fff5a0;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
}

#roomMobileSelect.circularMobilePicker .mobile__selector-item .Alt {
    position: absolute;
    right: -5px;
    top: -6px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    background: rgba(0, 20, 35, .86);
    border: 1px solid rgba(255, 255, 255, .6);
    pointer-events: none;
}

.mobile___selector-item-0 {
    top: 89px;
    left: 242px;
}
.mobile___selector-item-1 {
    top: 118px;
    left: 334px;
}
.mobile___selector-item-2 {
    top: 156px;
    left: 424px;
}
.mobile___selector-item-3 {
    top: 252px;
    left: 424px;
}
.mobile___selector-item-4 {
    top: 289px;
    left: 334px;
}
.mobile___selector-item-5 {
    top: 320px;
    left: 242px;
}
.mobile___selector-item-6 {
    top: 289px;
    left: 151px;
}
.mobile___selector-item-7 {
    top: 252px;
    left: 60px;
}
.mobile___selector-item-8 {
    top: 156px;
    left: 60px;
}
.mobile___selector-item-9 {
    top: 118px;
    left: 151px;
}

#roomMobilePreview {
    position: absolute;
    left: 61px;
    bottom: 80px;
    scale: 1.2;
    width: 100px;
    height: 77px;
    overflow: visible;
    background: transparent !important;
}

#roomMobilePreview .AniObject {
    pointer-events: none;
}

#roomMobilePreviewName {
    display: none !important;
}

#roomMobileDescription {
    position: absolute;
    top: 404px;
    right: 50px;
    width: 286px;
    height: 54px;
    overflow: visible;
    box-sizing: border-box;
}

#roomMobileDescription .descriptionMobil {
    width: 100%;
    height: 100%;
    padding: 0;
    color: #e3fbf4;
    font-size: 13px;
    line-height: normal;
    text-align: left;
    box-sizing: border-box;
}

#roomMobileDescription .mobileDescriptionText {
    display: none !important;
}

#roomMobileDescription .mobileLevelCard {
    --ml-accent: #7edcff;
    --ml-accent2: #d8f7ff;
    position: relative;
    width: 100%;
    height: 50px;
    padding: 4px 8px 5px;
    overflow: hidden;
    box-sizing: border-box;

}

#roomMobileDescription .mobileLevelCard::before {
    content: "";
    position: absolute;
    left: -18%;
    top: -22px;
    width: 70%;
    height: 44px;
    pointer-events: none;
    transform: skewX(-28deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
}

#roomMobileDescription .mobileLevelCard::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, var(--ml-accent), transparent);
    opacity: .86;
}

#roomMobileDescription .mobileLevelCardTop {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    min-width: 0;
    height: 19px;
}

#roomMobileDescription .mobileDescriptionName {
    min-width: 0;
    max-width: 172px;
    margin: 0;
    overflow: hidden;
    color: #fff5a0;
    font-size: 15px;
    font-weight: 800;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: -1px 0 2px #001525, 0 2px 2px #001525, 1px 0 2px #001525, 0 -1px 2px #001525;
}

#roomMobileDescription .mobileLevelTitle {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 8px;

    border: 1px solid #8fd8ff;
    border-radius: 6px;

    background: linear-gradient(
        to bottom,
        #49b7ea,
        #2b8fd0
    );

    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;

   text-shadow: -1px 0 2px #001525, 0 2px 2px #001525, 1px 0 2px #001525, 0 -1px 2px #001525;
}

#roomMobileDescription .mobileLevelCardScore {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 14px;
    margin-top: 0;
}

#roomMobileDescription .mobileLevelPoints {
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1px;
    text-shadow: -1px 0 2px #001525, 0 2px 2px #001525, 1px 0 2px #001525, 0 -1px 2px #001525;
}

#roomMobileDescription .mobileLevelPoints small {
    color: #d8f7ff;
    font-size: 10px;
    font-weight: 700;
}

#roomMobileDescription .mobileLevelPercent {
    min-width: 29px;
    color: var(--ml-accent2);
    font-size: 10px;
    font-weight: 800;
    text-align: right;
    text-shadow: -1px 0 2px #001525, 0 2px 2px #001525, 1px 0 2px #001525, 0 -1px 2px #001525;
}

#roomMobileDescription .mobileLevelProgress {
    position: relative;
    z-index: 2;
    height: 5px;
    margin-top: 1px;
    overflow: hidden;
    border: 1px solid rgba(176,226,255,.68);
    border-radius: 4px;
    background: rgba(0,24,59,.80);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.72), 0 1px 0 rgba(255,255,255,.12);
}

#roomMobileDescription .mobileLevelProgress i {
    position: relative;
    display: block;
    height: 100%;
    min-width: 0;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--ml-accent), var(--ml-accent2));
    box-shadow: 0 0 7px var(--ml-accent), inset 0 1px 0 rgba(255,255,255,.52);
    transition: width .22s ease;
}

#roomMobileDescription .mobileLevelProgress i::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 45%;
    background: rgba(255,255,255,.28);
}

#roomMobileDescription .mobileLevelCard0 { --ml-accent:#7babc8; --ml-accent2:#e1f3ff; }
#roomMobileDescription .mobileLevelCard1 { --ml-accent:#e8f5ff; --ml-accent2:#ffffff; }
#roomMobileDescription .mobileLevelCard2 { --ml-accent:#ff8a24; --ml-accent2:#ffd28c; }
#roomMobileDescription .mobileLevelCard3 { --ml-accent:#35d766; --ml-accent2:#c9ffd8; }

#roomMobileDescription .mobileLevelCard5 { --ml-accent:#b64dff; --ml-accent2:#f0c9ff; }

#roomMobileDescription .mobileLevelCard4 .mobileLevelTitle {
    color:#fff2a0;
    background:linear-gradient(180deg, rgba(115,78,0,.98), rgba(45,35,0,.98));
}

#roomMobileDescription .mobileLevelCard5 .mobileLevelTitle {
    color:#f5dcff;
    background:linear-gradient(180deg, rgba(89,28,139,.98), rgba(38,10,72,.98));
}

#roomMobileDescription .mobileLevelCardRandom {
    --ml-accent:#69e9ff;
    --ml-accent2:#dffbff;
}

#roomMobileDescription .mobileLevelRandomBadge {
    display:inline-block;
    margin-left:8px;
    padding:2px 7px;
    border:1px solid rgba(225,251,255,.8);
    border-radius:8px;
    color:#eaffff;
    font-size:10px;
    font-weight:800;
    line-height:14px;
    background:rgba(0,37,62,.82);
}

#roomMobileDescription .mobileLevelRandomText {
    position:relative;
    z-index:2;
    margin-top:5px;
    color:#d9f7ff;
    font-size:11px;
    line-height:14px;
}

#roomMobileSelectOk,
#roomMobileSelectCancel {
    position: absolute !important;
    top: 517px !important;
    bottom: auto !important;
    width: 84px !important;
    height: 26px !important;
    margin: 0 !important;
    transform: none !important;
    cursor: pointer;
    background-image: url(/static/images/themes/season3/ready_back2.png) !important;
    background-repeat: no-repeat !important;
}

#roomMobileSelectOk {
    left: 343px !important;
    right: auto !important;
}

#roomMobileSelectCancel {
    left: 436px !important;
    right: auto !important;
}

.popup_mobile_ok {
    background-position: -1022px -619px !important;
}
.popup_mobile_ok:hover {
    background-position: -1022px -646px !important;
}
.popup_mobile_ok:active {
    background-position: -1022px -673px !important;
}

.popup_mobile_cancel {
    background-position: -1107px -619px !important;
}
.popup_mobile_cancel:hover {
    background-position: -1107px -646px !important;
}
.popup_mobile_cancel:active {
    background-position: -1107px -673px !important;
}

#roomMobileSelect.circularMobilePicker #tagSlotHeader {
    top: 10px;
    left: 55px;
    width: 440px;
    z-index: 40;
}

#roomMobileSelect.circularMobilePicker #tagSlotHeader .tagSlotHint {
    margin-bottom: 3px;
    color: #ffe0e0;
    text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000;
}

#roomMobileSelect.circularMobilePicker #tagSlotHeader .tagSlotChip {
    padding: 3px 10px;
    font-size: 12px;
    border-radius: 8px;
}

#roomMobileSelect.circularMobilePicker .mobileSelectBtn .tagSlotBadge {
    top: -8px;
    left: -8px;
}

.mobileSelectorEmpty {
    position: absolute;
    left: 90px;
    top: 195px;
    width: 371px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000;
}

.seasonRankBadge {
    display: inline-block;
    position: relative;
    width: 25px;
    height: 15px;
    vertical-align: middle;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    background-color: transparent;
    z-index: 3
}

.seasonRankLoading {
    opacity: .42;
    background: transparent !important
}

.playerListSeasonRank {
    position: absolute;
    left: 28px;
    top: 0
}

#channelPlayersListHtml .playerListName {
    left: 56px;
    right: 0
}

.roomSeasonRank {
    margin: 0 -2px;
    top: -2px
}

.gameSeasonRank {
    position: absolute !important
}

.turnSeasonRank {
    position: absolute;
    left: 28px;
    top: 0
}

.turn_line_name {
    left: 69px;
    width: 92px
}

#mySeasonRank {
    position: absolute;
    left: 592px;
    top: 97px;
    z-index: 30
}

#mySeasonGP {
    position: absolute;
    right: 84px;
    top: 263px;
    color: white;
    font-size: 8px;
    font-weight: 700;
    z-index: 9;
}

#ranking_btn_season {
    background: lime
}

#ranking_btn_season.selected {
    background: lime;
}

.seasonRankingHeader {
    margin: 2px 4px 4px;
    padding: 5px;
    text-align: center;
    background: linear-gradient(180deg, rgba(0, 151, 180, .72), rgba(0, 74, 104, .78));
    border: 1px solid rgba(111, 236, 255, .9);
    border-radius: 4px;
    color: #fff
}

.seasonRankingHeader button {
    margin-top: 4px
}

.seasonHistory {
    padding: 6px
}

.seasonHistory h3 {
    margin: 2px 0 8px;
    text-align: center;
    color: white;
}

.seasonHistoryRow {
    position: relative;
    min-height: 38px;
    margin-bottom: 5px;
    padding: 5px 4px 5px 38px;
    background: rgba(0, 76, 105, .7);
    border: 1px solid rgba(99, 224, 255, .5);
    border-radius: 4px
}

.seasonHistoryRow > .seasonRankBadge {
    position: absolute;
    left: 6px;
    top: 10px
}

.seasonHistoryText {
    line-height: 16px
}

.seasonHistoryEmpty,
.seasonHistoryLoading {
    padding: 15px;
    text-align: center
}

#btnBackSeasonRanking {
    display: block;
    margin: 8px auto
}

#filter_score,
#filter_jewel,
#filter_tag {
    position: absolute;
    width: 44px;
    height: 41px
}

#filter_score {
    left: 237px;
    top: 78px;
    background-position: -168px -303px;
    filter: hue-rotate(165deg)
}

#filter_jewel {
    left: 337px;
    top: 78px;
    background-position: -258px -303px;
    filter: hue-rotate(280deg)
}

#filter_tag {
    left: 287px;
    top: 78px;
    background-position: -258px -303px;
    filter: hue-rotate(340deg) saturate(2.2)
}

.HD #filter_score {
    background-position: -302.5px -63.5px;
    width: 43px;
    height: 41px;
    filter: none
}

.HD #filter_jewel {
    background-position: -257.5px -63.5px;
    width: 43px;
    height: 41px;
    filter: hue-rotate(280deg)
}

.HD #filter_tag {
    background-position: -257.5px -63.5px;
    width: 43px;
    height: 41px;
    filter: hue-rotate(340deg) saturate(2.2)
}

.th #filter_score {
    left: 454px;
    top: 321px
}

.th #filter_tag {
    left: 494px;
    top: 321px
}

.th #filter_jewel {
    left: 534px;
    top: 321px
}

.FilterNewBadge {
    position: absolute;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: bold;
    line-height: 1;
    background: #ff2d2d;
    text-align: center;
    white-space: nowrap;
    border-radius: 6px;
    padding: 2px 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .7);
    transform: translateX(-50%);
    pointer-events: none !important;
    z-index: 20
}

#filter_jewel_new {
    left: 359px;
    top: 71px
}

#filter_tag_new {
    left: 309px;
    top: 71px
}

.th #filter_jewel_new {
    left: 555.5px;
    top: 316px
}

.th #filter_tag_new {
    left: 515.5px;
    top: 316px
}

#filter_score.selectedFilter {
    filter: hue-rotate(165deg) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

.HD #filter_score.selectedFilter {
    filter: drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

#filter_jewel.selectedFilter,
.HD #filter_jewel.selectedFilter {
    filter: hue-rotate(280deg) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

#filter_tag.selectedFilter,
.HD #filter_tag.selectedFilter {
    filter: hue-rotate(340deg) saturate(2.2) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

#filter_score.light_button:hover {
    filter: brightness(1.3) hue-rotate(165deg)
}

.HD #filter_score.light_button:hover {
    filter: brightness(1.3)
}

#filter_jewel.light_button:hover,
.HD #filter_jewel.light_button:hover {
    filter: brightness(1.3) hue-rotate(280deg)
}

#filter_tag.light_button:hover,
.HD #filter_tag.light_button:hover {
    filter: brightness(1.3) hue-rotate(340deg) saturate(2.2)
}

#filter_score.selectedFilter.light_button:hover {
    filter: brightness(1.3) hue-rotate(165deg) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

.HD #filter_score.selectedFilter.light_button:hover {
    filter: brightness(1.3) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

#filter_jewel.selectedFilter.light_button:hover,
.HD #filter_jewel.selectedFilter.light_button:hover {
    filter: brightness(1.3) hue-rotate(280deg) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

#filter_tag.selectedFilter.light_button:hover,
.HD #filter_tag.selectedFilter.light_button:hover {
    filter: brightness(1.3) hue-rotate(340deg) saturate(2.2) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

#filter_friends_count,
#filter_guild_count {
    right: 2px
}

.roomBuddy {
    left: 90px;
    top: 33px;
    width: 64px;
    height: 46px;
    pointer-events: none
}

.roomGuildMember {
    left: 112px;
    top: 33px;
    width: 63px;
    height: 46px;
    pointer-events: none
}

.HD .roomBuddy,
.HD .roomGuildMember {
    width: 44px;
    height: 41px
}

.th .roomBuddy,
.th .roomGuildMember {
    top: 23px
}

.roomExtraInfoFriend .playerListName {
    color: #ffd23f
}

.roomExtraInfoGuild .playerListName {
    color: #6ec6ff
}

.roomExtraInfoFriend.roomExtraInfoGuild .playerListName {
    color: #ffd23f;
    text-shadow: 0 0 3px #6ec6ff, 1px 1px 1px #000
}

#turn_line8 .turn_line_number,
#turn_line9 .turn_line_number {
    background-image: none;
}

#score8,
#score9 {
    top: 535px;
}

#score9 {
    left: 295px;
}

.HD #score8 {
    left: 126px;
}

.HD #score9 {
    left: 421px;
}

#game_over.ffaScoreMode {
    background-color: rgba(5, 8, 18, .91);
}

#game_over.ffaScoreMode .score {
    position: absolute;
    left: 82px !important;
    transform: scale(.72);
    transform-origin: top left;
    border: 2px solid transparent;
    border-radius: 10px;
    box-sizing: border-box;
}

#game_over.ffaScoreMode #score1,
#game_over.ffaScoreMode #score3,
#game_over.ffaScoreMode #score5,
#game_over.ffaScoreMode #score7,
#game_over.ffaScoreMode #score9 {
    left: 430px !important;
}

#game_over.ffaScoreMode #score0,
#game_over.ffaScoreMode #score1 {
    top: 158px !important;
}

#game_over.ffaScoreMode #score2,
#game_over.ffaScoreMode #score3 {
    top: 251px !important;
}

#game_over.ffaScoreMode #score4,
#game_over.ffaScoreMode #score5 {
    top: 344px !important;
}

#game_over.ffaScoreMode #score6,
#game_over.ffaScoreMode #score7 {
    top: 437px !important;
}

#game_over.ffaScoreMode #score8,
#game_over.ffaScoreMode #score9 {
    top: 530px !important;
}

.HD #game_over.ffaScoreMode .score {
    left: 112px !important;
    transform: scale(.9);
}

.HD #game_over.ffaScoreMode #score1,
.HD #game_over.ffaScoreMode #score3,
.HD #game_over.ffaScoreMode #score5,
.HD #game_over.ffaScoreMode #score7,
.HD #game_over.ffaScoreMode #score9 {
    left: 430px !important;
}

#game_over.ffaScoreMode .score.ffaWinner {
    filter: brightness(1.18);
}

#game_over.ffaScoreMode .score.ffaWinner::after {
    content: "GANADOR";
    position: absolute;
    top: -10px;
    left: 50px;
    padding: 2px 6px;
    border-radius: 7px;
    background: rgba(255, 215, 0, .92);
    color: #271b00;
    font: 700 10px Arial, sans-serif;
    text-shadow: none;
    z-index: 20;
}

#container.Auto #fastLobbyMsg {
    pointer-events: none;
}

.turn_line_number_ffa_foe {
    background-color: #ff6b6b
}

.turn_line_number_ffa_me {
    background-color: #6bb7ff
}

.turn_line_name_ffa_foe {
    color: #ff6b6b
}

.turn_line_name_ffa_me {
    color: #6bb7ff
}

.emoticonBtn {
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transform: scale(.6)
}

.emoticonBtn:active {
    transform: scale(.8)
}

#RoomEmoticonBtn {
    left: 527px;
    top: 570.5px;
    z-index: 120
}

#GameEmoticonBtn {
    left: 217px;
    bottom: 106px
}

.emoticonPicker {
    position: absolute;
    display: none;
    z-index: 200;
    border-radius: 15px;
    background: rgba(0,30,50,.85);
    padding: 6px;
    overflow: hidden
}

#RoomEmoticonPicker {
    left: 63px;
    top: 462px
}

#GameEmoticonPicker {
    left: 14px;
    bottom: 136px
}

.emoticonCooldownBar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 0;
    background: rgba(210,40,40,.3)
}

.emoticonCell {
    position: relative;
    z-index: 1;
    width: 40px;
    height: 40px;
    float: left;
    margin: 6px;
    cursor: pointer;
    background: rgba(200,200,0,.05);
    border-radius: 5px
}

.emoticonCell:hover {
    background: rgba(200,200,200,.25)
}

.emoticonCell.grayscale {
    cursor: default
}

.emoticonCell.grayscale:hover {
    background: rgba(200,200,0,.05)
}

.emoticonRowBreak {
    clear: both
}

body.winter2026TH #roomNumber {
    left: 47px !important;
    top: 14px !important;
}
body.winter2026TH #roomTitle {
    left: 85px !important;
    top: 11px !important;
    width: 190px !important;
}

body.winter2026TH #roomVoicePanel {
left: 50px;
    top: 43px;
}

body.winter2026TH #roomPass {
    left: 299px !important;
    top: 11px !important;
    width: 57px !important;
}
body.winter2026TH #room_change_title_button {
    left: 366px !important;
    top: 12px !important;
}

body.winter2026TH #room_mode_line {
    display: flex !important;
    position: absolute !important;
    left: 339px !important;
    top: 54px !important;
    width: 118px !important;
    justify-content: space-evenly !important;
    align-items: baseline !important;
}
body.winter2026TH #room_mode_line #room_game_mode,
body.winter2026TH #room_mode_line #room_players {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    flex: none !important;
    white-space: nowrap !important;
}

body.winter2026TH #room_mode_line #room_game_mode,
body.winter2026TH #room_mode_line #room_players {
    left: auto !important;
    top: auto !important;
}
body.winter2026TH #room_map {
    left: 293px !important;
    top: 74px !important;
    transform: scaleX(.71) scaleY(.9) !important;
}
body.winter2026TH #room_options_button {
    left: 421px !important;
    top: 129px !important;
}
body.winter2026TH #RoomRandomTeams {
    left: 323px !important;
    top: 125px !important;
}
body.winter2026TH #room_wind {
    left: 323px !important;
    top: 144px !important;
}
body.winter2026TH #room_avatars {
    left: 323px !important;
    top: 161px !important;
}
body.winter2026TH #room_turn_time {
    left: 323px !important;
    top: 180px !important;
}
body.winter2026TH #RoomWatchers {
    right: auto !important;
    left: 323px !important;
    bottom: 390px !important;
}
body.winter2026TH #RoomEmoticonBtn {
    left: 476px !important;
    top: 354.5px !important;
    z-index: 2;
}
body.winter2026TH #RoomEmoticonPicker {
    left: 13px !important;
    top: 382px !important;
}
body.winter2026TH #RoomS1Disabled {
    left: 448px !important;
    top: 224px !important;
}
body.winter2026TH #roomButtonChangeTeam {
    left: 452px !important;
    top: 302px !important;
}
body.winter2026TH #readyHintTooltip {
    left: 305px !important;
    top: 173px !important;
}
body.winter2026TH #roomButtonMobile {
    left: 314px !important;
    top: 298px !important;
}

body.winter2026TH #itemsSelection.InRoom {
    left: 546px !important;
    top: 363px !important;
    width: 215px !important;
    height: 175px !important;
}

body.winter2026TH #thslot0,
body.winter2026TH #thslot4,
body.winter2026TH #playerInRoom0,
body.winter2026TH #playerInRoom4 {
    left: 37px !important;
}
body.winter2026TH #thslot2,
body.winter2026TH #thslot6,
body.winter2026TH #playerInRoom2,
body.winter2026TH #playerInRoom6 {
    left: 176px !important;
}
body.winter2026TH #thslot1,
body.winter2026TH #thslot5,
body.winter2026TH #playerInRoom1,
body.winter2026TH #playerInRoom5 {
    left: 496px !important;
}
body.winter2026TH #thslot3,
body.winter2026TH #thslot7,
body.winter2026TH #playerInRoom3,
body.winter2026TH #playerInRoom7 {
    left: 635px !important;
}
body.winter2026TH #playerInRoom0,
body.winter2026TH #playerInRoom1,
body.winter2026TH #playerInRoom2,
body.winter2026TH #playerInRoom3 {
    top: 61px !important;
}
body.winter2026TH #playerInRoom4,
body.winter2026TH #playerInRoom5,
body.winter2026TH #playerInRoom6,
body.winter2026TH #playerInRoom7 {
    top: 213px !important;
}
body.winter2026TH .roomPlayerClip {
    width: 127px !important;
    height: 129px !important;
    overflow: hidden !important;
    border-radius: 4px !important;
}
body.winter2026TH .roomPlayerClipInner {
    left: 64px !important;
    right: auto !important;
    top: 109px !important;
    transform: scaleY(1.7) !important;
    transform-origin: 0 0 !important;
}
body.winter2026TH .SideA .roomPlayerMobile,
body.winter2026TH .SideB .roomPlayerMobile {
    left: 64px !important;
    right: auto !important;
    top: 93px !important;
}
body.winter2026TH.HD .roomPlayerMaster,
body.winter2026TH .HD .roomPlayerMaster {
    left: 101px !important;
    top: 96px !important;
}
body.winter2026TH .roomPlayerBalloon {
    bottom: 95px !important;
    left: 30px !important;
    width: max-content !important;
}
body.winter2026TH .roomPlayerBalloonTip {
    bottom: 88px !important;
    left: 50px !important;
}

body.winter2026TH #itemsSelection.InRoom #MissionsBtnRoom {
    top: 185px;
    left: 20px;
}
body.winter2026TH #roomInput {
    left: 71px !important;
    top: 363px !important;
    width: 431px !important;
}
body.winter2026TH #roomChat {
    left: 28px !important;
    top: 387px !important;
    width: 488px !important;
    height: 151px !important;
}
body.winter2026TH #roomBcm {
    left: 38px !important;
    top: 362px !important;
    transform: scaleX(-1) !important;
}
body.winter2026TH #roomChat .overview {
    width: 476px !important;
}

body.winter2026TH .roomPlayerMobile > .thSlot {
    display: block !important;
    position: absolute !important;
    left: -64px !important;
    top: -35px !important;
    width: 127px !important;
    height: 71px !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

body.winter2026TH .playerInRoom:not(.occupied) .roomPlayerMobile > .thSlot {
    display: none !important;
}

.emoticonName {
    position: absolute;
    left: -20px;
    top: 30px;
    width: 80px;
    text-align: center;
    font-size: 9px;
    color: #ff0
}

.emoticonCell .Alt {
    font-size: 10px
}

.th #RoomEmoticonBtn {
    left: 495px;
    top: 354.5px
}

.th #RoomEmoticonPicker {
    left: 13px;
    top: 382px
}

.th #GameEmoticonBtn {
    top: 490px;
    bottom: unset
}

.th #GameEmoticonPicker {
    top: 383px;
    bottom: unset
}

#RoomEmoticonBtn,
#GameEmoticonBtn {
    display: block;
    z-index: 220;
    overflow: visible;
    pointer-events: auto;
    color: #fff;
    text-align: center;
    font-family: "Segoe UI Emoji", Arial, sans-serif;
}

#RoomEmoticonPicker,
#GameEmoticonPicker {
    min-width: 520px;
    min-height: 104px;
    box-sizing: content-box;
    pointer-events: auto;
}

.emoticonBtnFallback {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    text-align: center;
    text-shadow: 0 1px 3px #000;
    pointer-events: none;
}

.emoticonAssetReady > .emoticonBtnFallback {
    display: none;
}

.emoticonCell .AniObject,
.emoticonBtn .AniObject {
    pointer-events: none;
}

.survivalEffectBadge{position:absolute;left:-52px;top:-24px;min-width:105px;z-index:8;text-align:center;white-space:nowrap;color:#7ef9ff;font:700 10px Arial,sans-serif;text-shadow:-1px -1px 1px #07102b,1px -1px 1px #07102b,-1px 1px 1px #07102b,1px 1px 1px #07102b,0 0 5px #18d9ff;pointer-events:none}

.survivalShieldAura{display:none;position:absolute;z-index:1;left:-34px;top:-97px;width:126px;height:150px;pointer-events:none;opacity:.96;transform-origin:50% 58%;filter:saturate(1.08);animation:survivalCrystalBreath 2.15s ease-in-out infinite}
.survivalShieldAura>span{position:absolute;display:block;box-sizing:border-box;pointer-events:none}
.survivalShieldGlass,.survivalShieldHex,.survivalShieldShine,.survivalShieldRim,.survivalShieldImpactLayer{inset:7px 8px 8px;border-radius:50%}
.survivalShieldGlass{overflow:hidden;background:radial-gradient(circle at 31% 24%,rgba(255,255,255,.30) 0%,rgba(255,255,255,.09) 15%,rgba(171,247,255,.18) 30%,rgba(78,205,255,.11) 52%,rgba(23,116,216,.06) 72%,rgba(0,33,91,.015) 100%),linear-gradient(to bottom,rgba(255,255,255,.035),rgba(70,229,255,.045) 69%,rgba(57,229,255,.16));box-shadow:inset 0 -12px 21px rgba(58,216,255,.15),inset 0 8px 16px rgba(255,255,255,.08)}
.survivalShieldHex{overflow:hidden;opacity:.52;background-image:linear-gradient(30deg,rgba(215,253,255,.42) 12%,transparent 12.5%,transparent 87%,rgba(215,253,255,.42) 87.5%,rgba(215,253,255,.42)),linear-gradient(150deg,rgba(215,253,255,.42) 12%,transparent 12.5%,transparent 87%,rgba(215,253,255,.42) 87.5%,rgba(215,253,255,.42)),linear-gradient(30deg,rgba(215,253,255,.42) 12%,transparent 12.5%,transparent 87%,rgba(215,253,255,.42) 87.5%,rgba(215,253,255,.42)),linear-gradient(150deg,rgba(215,253,255,.42) 12%,transparent 12.5%,transparent 87%,rgba(215,253,255,.42) 87.5%,rgba(215,253,255,.42)),linear-gradient(60deg,rgba(215,253,255,.29) 25%,transparent 25.5%,transparent 75%,rgba(215,253,255,.29) 75%,rgba(215,253,255,.29));background-position:0 0,0 0,11px 19px,11px 19px,0 0;background-size:22px 38px;mix-blend-mode:screen;animation:survivalCrystalHexPulse 1.8s ease-in-out infinite alternate}
.survivalShieldShine{overflow:hidden;opacity:.56;background:linear-gradient(124deg,transparent 18%,rgba(255,255,255,.03) 38%,rgba(226,255,255,.28) 48%,rgba(102,231,255,.08) 56%,transparent 75%),radial-gradient(circle at 27% 24%,rgba(255,255,255,.34),rgba(255,255,255,0) 25%);mix-blend-mode:screen;animation:survivalCrystalShimmer 3.2s ease-in-out infinite}
.survivalShieldRim{inset:5px 6px 6px;border:2px solid rgba(225,255,255,.94);box-shadow:0 0 7px rgba(255,255,255,.88),0 0 16px rgba(77,225,255,.9),0 0 29px rgba(22,147,255,.48),inset 0 0 10px rgba(170,249,255,.36);opacity:.94}
.survivalShieldRim:before,.survivalShieldRim:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.survivalShieldRim:before{inset:4px;border:1px solid rgba(84,216,255,.78);box-shadow:inset 0 0 8px rgba(91,223,255,.32)}
.survivalShieldRim:after{left:11px;right:11px;top:-4px;height:35%;border-top:2px solid rgba(255,255,255,.96);filter:drop-shadow(0 0 5px rgba(177,249,255,.9))}
.survivalShieldCrystal,.survivalShieldNode{background:linear-gradient(135deg,#fff 0%,#c8fbff 28%,#61ddff 62%,#126be5 100%);border:1px solid rgba(236,255,255,.95);box-shadow:0 0 8px rgba(92,226,255,.95),0 0 15px rgba(35,153,255,.6);transform:rotate(45deg)}
.survivalShieldCrystal:before,.survivalShieldNode:before{content:"";position:absolute;inset:22%;border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.08)}
.survivalShieldCrystalTop{z-index:4;left:50%;top:-6px;width:20px;height:28px;margin-left:-10px}
.survivalShieldCrystalBottom{z-index:4;left:50%;bottom:-2px;width:17px;height:21px;margin-left:-8.5px}
.survivalShieldNode{z-index:4;width:13px;height:13px}
.survivalShieldNodeLeft{left:1px;top:57px}
.survivalShieldNodeRight{right:1px;top:57px}
.survivalShieldNodeBottomLeft{left:19px;bottom:17px;width:10px;height:10px;opacity:.9}
.survivalShieldNodeBottomRight{right:19px;bottom:17px;width:10px;height:10px;opacity:.9}
.survivalShieldImpactLayer{z-index:7;opacity:0;border:3px solid rgba(255,255,255,.98);background:radial-gradient(ellipse at center,rgba(255,255,255,.24),rgba(119,235,255,.13) 48%,rgba(0,0,0,0) 73%);box-shadow:0 0 15px rgba(255,255,255,.98),0 0 38px rgba(104,235,255,.95),inset 0 0 20px rgba(255,255,255,.56);transform:scale(.82)}
.survivalShieldAura.survivalShieldImpact{animation:survivalCrystalImpactBody .46s ease-out 1}
.survivalShieldAura.survivalShieldImpact .survivalShieldImpactLayer{animation:survivalCrystalImpactFlash .46s ease-out 1}
.survivalShieldAura.survivalShieldImpact .survivalShieldHex{animation:survivalCrystalHexImpact .46s ease-out 1}
@keyframes survivalCrystalBreath{0%,100%{transform:translateY(1px) scale(.985)}50%{transform:translateY(-1px) scale(1.015)}}
@keyframes survivalCrystalHexPulse{from{opacity:.38}to{opacity:.64}}
@keyframes survivalCrystalShimmer{0%,100%{opacity:.34;transform:translateX(-2px)}50%{opacity:.66;transform:translateX(2px)}}
@keyframes survivalCrystalImpactBody{0%{transform:scale(1);filter:saturate(1.08)}34%{transform:scale(1.055);filter:saturate(1.35) brightness(1.18)}100%{transform:scale(1.01);filter:saturate(1.08)}}
@keyframes survivalCrystalImpactFlash{0%{opacity:0;transform:scale(.8)}28%{opacity:1;transform:scale(1.075)}100%{opacity:0;transform:scale(1.13)}}
@keyframes survivalCrystalHexImpact{0%{opacity:.48}35%{opacity:1;filter:brightness(1.9)}100%{opacity:.52;filter:brightness(1)}}

#buttonShopSeason {
    position: absolute;
    left: 512px;
    top: 542px;
    width: 57px;
    height: 31px;
    text-align: center;
    background-image: none !important;
    z-index: 20;
}

#buttonShopSeason.seasonDisabled {
    filter: grayscale(1);
    opacity: .5;
    pointer-events: none;
}

#buttonShopSeason .AvNotif {
    right: 3px;
}

#buttonShopSeason .shotBtnText {
    left: 50%;
    bottom: -4px;
}

.shopSeasonIcon {
    font-size: 22px;
    text-align: center;
    line-height: 31px;
}

.roomPlayerMobile.roomPet88888888Aura {
    overflow: visible;
    isolation: isolate;
}

.roomPlayerMobile.roomPet88888888Aura > .roomPet88888888AuraTarget {
    will-change: filter;
    animation: roomPet88888888ContourPulse 1.65s ease-in-out infinite alternate;
}

.roomPlayerMobile.roomPet88888888Aura > .roomPet88888888AuraFx {
    position: absolute;
    left: -92px;
    top: -108px;
    width: 184px;
    height: 132px;
    pointer-events: none;
    overflow: visible;
    transform-origin: 50% 88%;
}

.roomPlayerMobile.roomPet88888888Aura > .roomPet88888888AuraBack {
    z-index: 3;
    opacity: .94;
    animation: roomPet88888888AuraBreath 2.35s ease-in-out infinite alternate;
}

.roomPlayerMobile.roomPet88888888Aura > .roomPet88888888AuraBack::before {
    content: "";
    position: absolute;
    inset: 7px 10px 9px;
    border-radius: 48% 52% 42% 58% / 58% 48% 52% 42%;
    background:
        radial-gradient(ellipse at 13% 64%, rgba(102, 220, 255, .42) 0 2%, rgba(50, 157, 255, .13) 8%, transparent 25%),
        radial-gradient(ellipse at 32% 22%, rgba(168, 239, 255, .32) 0 2%, rgba(57, 146, 255, .11) 10%, transparent 25%),
        radial-gradient(ellipse at 67% 18%, rgba(136, 229, 255, .35) 0 2%, rgba(63, 141, 255, .11) 10%, transparent 25%),
        radial-gradient(ellipse at 89% 63%, rgba(90, 205, 255, .42) 0 2%, rgba(37, 132, 255, .13) 8%, transparent 25%);
    opacity: .9;
    animation: roomPet88888888AuraDrift 4.8s ease-in-out infinite alternate;
}

.roomPlayerMobile.roomPet88888888Aura > .roomPet88888888AuraBack::after {
    content: "";
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 2px;
    height: 20px;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(220, 250, 255, .72) 0, rgba(80, 199, 255, .36) 24%, rgba(37, 115, 255, .13) 48%, transparent 72%);
    box-shadow: 0 0 8px rgba(125, 231, 255, .68), 0 0 17px rgba(42, 137, 255, .42);
    transform: scaleX(1.08);
    animation: roomPet88888888GroundPulse 1.45s ease-in-out infinite alternate;
}

.roomPet88888888Wisp {
    position: absolute;
    display: block;
    width: 15px;
    height: 48px;
    bottom: 12px;
    border-left: 2px solid rgba(185, 245, 255, .88);
    border-radius: 64% 12% 66% 18%;
    box-shadow: -2px 0 3px rgba(80, 210, 255, .72), -5px 0 8px rgba(42, 115, 255, .36);
    opacity: 0;
    transform-origin: 50% 100%;
    animation: roomPet88888888WispRise 2.65s ease-out infinite;
}

.roomPet88888888Wisp::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 8px;
    width: 10px;
    height: 31px;
    border-right: 1px solid rgba(75, 170, 255, .74);
    border-radius: 16% 70% 22% 64%;
}

.roomPet88888888Wisp.w1 { left: 13px; height: 44px; animation-delay: -2.2s; }
.roomPet88888888Wisp.w2 { left: 39px; bottom: 29px; height: 54px; animation-delay: -1.25s; }
.roomPet88888888Wisp.w3 { left: 73px; bottom: 52px; height: 48px; animation-delay: -.35s; }
.roomPet88888888Wisp.w4 { right: 72px; bottom: 54px; height: 52px; --aura-wisp-direction: -1; animation-delay: -1.75s; }
.roomPet88888888Wisp.w5 { right: 38px; bottom: 28px; height: 55px; --aura-wisp-direction: -1; animation-delay: -.82s; }
.roomPet88888888Wisp.w6 { right: 12px; height: 45px; --aura-wisp-direction: -1; animation-delay: -2.45s; }

.roomPet88888888Spark {
    position: absolute;
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #e9fdff;
    box-shadow: 0 0 3px #fff, 0 0 7px #56cfff;
    opacity: 0;
    animation: roomPet88888888SparkFloat 2.9s linear infinite;
}

.roomPet88888888Spark.s1 { left: 21px; bottom: 20px; animation-delay: -2.1s; }
.roomPet88888888Spark.s2 { left: 48px; bottom: 47px; animation-delay: -.7s; }
.roomPet88888888Spark.s3 { left: 82px; bottom: 73px; animation-delay: -1.6s; }
.roomPet88888888Spark.s4 { right: 79px; bottom: 70px; animation-delay: -.15s; }
.roomPet88888888Spark.s5 { right: 45px; bottom: 44px; animation-delay: -2.55s; }
.roomPet88888888Spark.s6 { right: 18px; bottom: 18px; animation-delay: -1.05s; }

.roomPlayerMobile.roomPet88888888Aura > .roomPet88888888AuraFront {
    z-index: 12;
}

.roomPet88888888Flare {
    position: absolute;
    display: block;
    bottom: 4px;
    width: 55px;
    height: 20px;
    border-bottom: 2px solid rgba(170, 241, 255, .78);
    border-radius: 50%;
    box-shadow: 0 4px 5px -4px rgba(85, 196, 255, .9);
    opacity: .58;
    animation: roomPet88888888FlareSlide 2.2s ease-in-out infinite alternate;
}

.roomPet88888888Flare.f1 { left: 19px; --aura-flare-rotate: 8deg; }
.roomPet88888888Flare.f2 { left: 65px; width: 58px; animation-delay: -.8s; }
.roomPet88888888Flare.f3 { right: 17px; --aura-flare-rotate: -8deg; animation-delay: -1.45s; }

@keyframes roomPet88888888ContourPulse {
    0% {
        -webkit-filter: drop-shadow(0 0 1px rgba(238, 254, 255, .92)) drop-shadow(0 0 3px rgba(94, 214, 255, .8)) drop-shadow(0 0 6px rgba(36, 116, 255, .46));
        filter: drop-shadow(0 0 1px rgba(238, 254, 255, .92)) drop-shadow(0 0 3px rgba(94, 214, 255, .8)) drop-shadow(0 0 6px rgba(36, 116, 255, .46));
    }
    100% {
        -webkit-filter: drop-shadow(0 0 2px rgba(255, 255, 255, 1)) drop-shadow(0 0 5px rgba(91, 222, 255, .94)) drop-shadow(0 0 10px rgba(32, 105, 255, .62));
        filter: drop-shadow(0 0 2px rgba(255, 255, 255, 1)) drop-shadow(0 0 5px rgba(91, 222, 255, .94)) drop-shadow(0 0 10px rgba(32, 105, 255, .62));
    }
}

@keyframes roomPet88888888AuraBreath {
    0% { transform: translateY(1px) scale(.98, .97); opacity: .78; }
    100% { transform: translateY(-2px) scale(1.03, 1.04); opacity: 1; }
}

@keyframes roomPet88888888AuraDrift {
    0% { transform: skewX(-3deg) translateX(-2px); }
    100% { transform: skewX(3deg) translateX(2px); }
}

@keyframes roomPet88888888GroundPulse {
    0% { opacity: .48; transform: scaleX(.92) scaleY(.82); }
    100% { opacity: .92; transform: scaleX(1.12) scaleY(1.08); }
}

@keyframes roomPet88888888WispRise {
    0% { opacity: 0; transform: translate(0, 12px) scaleX(var(--aura-wisp-direction, 1)) scale(.66, .38) rotate(-5deg); }
    18% { opacity: .82; }
    72% { opacity: .48; }
    100% { opacity: 0; transform: translate(5px, -23px) scaleX(var(--aura-wisp-direction, 1)) scale(.38, 1.13) rotate(9deg); }
}

@keyframes roomPet88888888SparkFloat {
    0% { opacity: 0; transform: translate(0, 7px) scale(.55); }
    18% { opacity: .95; }
    70% { opacity: .52; }
    100% { opacity: 0; transform: translate(4px, -31px) scale(1.2); }
}

@keyframes roomPet88888888FlareSlide {
    0% { opacity: .28; transform: translateX(-4px) rotate(var(--aura-flare-rotate, 0deg)) scaleX(.82); }
    100% { opacity: .72; transform: translateX(4px) rotate(var(--aura-flare-rotate, 0deg)) scaleX(1.08); }
}

.gamePet88888888Aura {
    overflow: visible !important;
}

.gamePet88888888Aura > .AniObject {
    filter: drop-shadow(0 0 2px rgba(174, 239, 255, .86)) drop-shadow(0 0 5px rgba(42, 160, 255, .48));
    -webkit-filter: drop-shadow(0 0 2px rgba(174, 239, 255, .86)) drop-shadow(0 0 5px rgba(42, 160, 255, .48));
}

.gamePet88888888AuraFx {
    position: absolute;
    left: -92px;
    top: -158px;
    width: 184px;
    height: 166px;
    overflow: visible;
    pointer-events: none;
    transform-origin: 92px 158px;
}

.gamePet88888888AuraBack {
    z-index: 3;
    opacity: .9;
    animation: gamePet88888888AuraBreath 1.8s ease-in-out infinite alternate;
}

.gamePet88888888AuraBack::before {
    content: none;
    display: none;
}

.gamePet88888888AuraBack::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: -6px;
    width: 154px;
    height: 28px;
    border: 2px solid rgba(171, 239, 255, .67);
    border-left-color: rgba(46, 160, 255, .18);
    border-right-color: rgba(46, 160, 255, .18);
    border-radius: 50%;
    box-shadow: 0 0 7px rgba(129, 224, 255, .88), inset 0 0 9px rgba(42, 159, 255, .35);
    animation: gamePet88888888Ground 1.45s ease-in-out infinite alternate;
}

.gamePet88888888Wisp {
    --game-aura-x: 10px;
    --game-aura-r1: -7deg;
    --game-aura-r2: 8deg;
    position: absolute;
    bottom: 2px;
    width: 19px;
    height: 86px;
    border-radius: 55% 45% 48% 52%;
    opacity: 0;
    background: linear-gradient(to top, rgba(31, 120, 255, 0), rgba(70, 190, 255, .58) 24%, rgba(189, 243, 255, .78) 58%, rgba(213, 250, 255, 0));
    filter: drop-shadow(0 0 6px rgba(48, 175, 255, .82));
    transform-origin: 50% 100%;
    clip-path: polygon(50% 100%, 8% 66%, 58% 48%, 28% 26%, 65% 0, 88% 39%, 61% 69%);
    animation: gamePet88888888WispRise 2.75s ease-out infinite;
}

.gamePet88888888Wisp.w1 { left: 7px; height: 70px; animation-delay: -2.2s; }
.gamePet88888888Wisp.w2 { left: 32px; height: 93px; animation-delay: -1.25s; }
.gamePet88888888Wisp.w3 { left: 62px; bottom: 19px; height: 101px; animation-delay: -.37s; }
.gamePet88888888Wisp.w4 { right: 62px; bottom: 19px; height: 101px; --game-aura-x: -10px; --game-aura-r1: 7deg; --game-aura-r2: -8deg; animation-delay: -1.72s; }
.gamePet88888888Wisp.w5 { right: 32px; height: 93px; --game-aura-x: -10px; --game-aura-r1: 7deg; --game-aura-r2: -8deg; animation-delay: -.81s; }
.gamePet88888888Wisp.w6 { right: 7px; height: 70px; --game-aura-x: -10px; --game-aura-r1: 7deg; --game-aura-r2: -8deg; animation-delay: -2.47s; }

.gamePet88888888AuraFront {
    z-index: 13;
}

.gamePet88888888Spark {
    position: absolute;
    bottom: 10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    opacity: 0;
    background: #e8fbff;
    box-shadow: 0 0 4px #fff, 0 0 9px rgba(87, 203, 255, .95), 0 0 15px rgba(43, 142, 255, .72);
    animation: gamePet88888888SparkRise 2.65s linear infinite;
}

.gamePet88888888Spark.s1 { left: 13px; animation-delay: -2.1s; }
.gamePet88888888Spark.s2 { left: 39px; bottom: 28px; animation-delay: -.73s; }
.gamePet88888888Spark.s3 { left: 68px; bottom: 52px; animation-delay: -1.62s; }
.gamePet88888888Spark.s4 { right: 67px; bottom: 50px; animation-delay: -.14s; }
.gamePet88888888Spark.s5 { right: 38px; bottom: 27px; animation-delay: -2.51s; }
.gamePet88888888Spark.s6 { right: 12px; animation-delay: -1.06s; }

.gamePet88888888Flare {
    position: absolute;
    bottom: -2px;
    width: 62px;
    height: 24px;
    border-bottom: 2px solid rgba(200, 247, 255, .86);
    border-radius: 50%;
    filter: drop-shadow(0 0 5px rgba(60, 187, 255, .88));
    opacity: .55;
    animation: gamePet88888888FlarePulse 1.7s ease-in-out infinite alternate;
}
.gamePet88888888Flare.f1 { left: 8px; --game-flare-rotate: 7deg; }
.gamePet88888888Flare.f2 { left: 61px; width: 64px; --game-flare-rotate: 0deg; animation-delay: -.67s; }
.gamePet88888888Flare.f3 { right: 7px; --game-flare-rotate: -7deg; animation-delay: -1.15s; }

@keyframes gamePet88888888AuraBreath {
    from { opacity: .72; }
    to { opacity: 1; }
}

@keyframes gamePet88888888Contour {
    from { transform: scale(.96, .98); opacity: .58; }
    to { transform: scale(1.035, 1.045); opacity: .96; }
}

@keyframes gamePet88888888Ground {
    from { transform: scale(.91, .83); opacity: .43; }
    to { transform: scale(1.07, 1.08); opacity: .92; }
}

@keyframes gamePet88888888WispRise {
    0% { opacity: 0; transform: translate(0, 12px) scale(.55, .42) rotate(var(--game-aura-r1)); }
    22% { opacity: .72; }
    68% { opacity: .46; }
    100% { opacity: 0; transform: translate(var(--game-aura-x), -62px) scale(.76, 1.16) rotate(var(--game-aura-r2)); }
}

@keyframes gamePet88888888SparkRise {
    0% { opacity: 0; transform: translate(0, 8px) scale(.45); }
    20% { opacity: .95; }
    75% { opacity: .55; }
    100% { opacity: 0; transform: translate(7px, -105px) scale(1.25); }
}

@keyframes gamePet88888888FlarePulse {
    from { opacity: .28; transform: rotate(var(--game-flare-rotate, 0deg)) scaleX(.78); }
    to { opacity: .82; transform: rotate(var(--game-flare-rotate, 0deg)) scaleX(1.08); }
}

#roomCashBetShade {
    position: absolute;
    z-index: 258;
    inset: 0;
    display: none;
    background: radial-gradient(circle at 50% 43%, rgba(4, 27, 55, .16), rgba(0, 5, 15, .62) 72%);
    backdrop-filter: blur(1.5px);
    -webkit-backdrop-filter: blur(1.5px);
}

#roomCashBetModal,
#roomCashBetIncoming {
    position: absolute;
    z-index: 260;
    left: 40%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 326px;
    box-sizing: border-box;
    display: none;
    overflow: hidden;
    border: 1px solid rgba(126, 198, 255, .55);
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(10, 36, 68, .99) 0%, rgba(4, 21, 43, .99) 56%, rgba(2, 13, 29, .99) 100%);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, .72),
        0 0 0 1px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .09);
    color: #eef8ff;
    font-family: Arial, Helvetica, sans-serif;
    animation: roomCashBetPanelIn 150ms ease-out both;
}

#roomCashBetModal::after,
#roomCashBetIncoming::after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #67cfff 28%, #ffe071 70%, transparent);
    opacity: .9;
    pointer-events: none;
}

@keyframes roomCashBetPanelIn {
    from { opacity: 0; transform: translate(-50%, -47%) scale(.975); }
    to   { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

.roomCashBetHeader {
    position: relative;
    z-index: 1;
    min-height: 55px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(153, 210, 255, .15);
    background:
        linear-gradient(90deg, rgba(29, 88, 137, .24), rgba(255, 207, 73, .055) 62%, transparent),
        rgba(4, 20, 40, .42);
}

.roomCashBetCoin {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 2px solid #ffe487;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #fff1a7 0%, #eebc42 36%, #9b6415 100%);
    box-shadow: 0 0 0 2px rgba(255, 210, 76, .13), 0 3px 9px rgba(0, 0, 0, .35);
    color: #332005;
    font-size: 15px;
    font-weight: 900;
    text-shadow: 0 1px rgba(255, 255, 255, .4);
}

.roomCashBetCoinSword {
    border-radius: 9px;
    border-color: rgba(121, 210, 255, .8);
    background: linear-gradient(180deg, #4f9ccb, #1d4d74);
    color: #fff;
    font-size: 10px;
    letter-spacing: -.2px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
}

.roomCashBetHeaderCopy {
    min-width: 0;
    flex: 1 1 auto;
}

.roomCashBetEyebrow {
    margin-bottom: 1px;
    color: #8acbec;
    font-size: 9px;
    line-height: 11px;
    font-weight: 800;
    letter-spacing: 1.25px;
}

.roomCashBetTitle {
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    font-weight: 900;
    letter-spacing: .35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .9);
}

.roomCashBetCloseX {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 7px;
    background: rgba(2, 11, 24, .56);
    color: #a9c7dd;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    cursor: pointer;
    transition: border-color 120ms ease, background 120ms ease, color 120ms ease;
}

.roomCashBetCloseX:hover {
    border-color: rgba(255, 167, 167, .55);
    background: rgba(98, 31, 39, .55);
    color: #fff;
}

.roomCashBetBody {
    position: relative;
    z-index: 1;
    padding: 12px;
}

.roomCashBetVs {
    margin-bottom: 9px;
    text-align: center;
    color: #dceffc;
    font-size: 11px;
}

.roomCashBetPlayers {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    min-height: 37px;
    padding: 0 7px;
    border: 1px solid rgba(105, 183, 236, .17);
    border-radius: 8px;
    background: rgba(2, 13, 29, .48);
}

.roomCashBetPlayerName {
    overflow: hidden;
    color: #fff;
    font-size: 11px;
    line-height: 15px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.roomCashBetPlayerMe { text-align: right; color: #94dcff; }
.roomCashBetPlayerRival { text-align: left; color: #ffb8bd; }

.roomCashBetVsChip {
    width: 30px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 221, 111, .48);
    border-radius: 11px;
    background: linear-gradient(180deg, rgba(122, 83, 15, .68), rgba(52, 33, 4, .72));
    color: #ffe283;
    font-size: 9px;
    font-weight: 900;
    box-shadow: inset 0 1px rgba(255, 255, 255, .08);
}

.roomCashBetContribution {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 7px;
    padding: 7px 9px;
    border-radius: 7px;
    background: linear-gradient(90deg, rgba(28, 87, 128, .17), rgba(32, 109, 76, .12));
    color: #a9c4d8;
    font-size: 10px;
}

.roomCashBetContribution strong {
    color: #94f3b0;
    font-size: 12px;
    font-weight: 900;
}

.roomCashBetBalance {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 10px;
    padding: 7px 9px;
    border: 1px solid rgba(111, 187, 237, .16);
    border-radius: 7px;
    background: rgba(5, 22, 42, .58);
    color: #9db9ce;
    font-size: 10px;
}

.roomCashBetBalance strong {
    color: #84efaa;
    font-size: 11px;
    font-weight: 900;
}

.roomCashBetSectionLabel {
    margin: 2px 0 6px;
    color: #779ab4;
    font-size: 8px;
    line-height: 10px;
    font-weight: 900;
    letter-spacing: 1px;
    text-align: center;
}

.roomCashBetQuick {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
    margin: 0 0 7px;
}

.roomCashBetQuick button {
    min-width: 0;
    height: 27px;
    padding: 0 3px;
    border: 1px solid rgba(112, 184, 235, .28);
    border-radius: 6px;
    background: linear-gradient(180deg, rgba(25, 65, 102, .9), rgba(8, 33, 60, .96));
    color: #cbe8fa;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: inset 0 1px rgba(255, 255, 255, .05);
    transition: transform 90ms ease, border-color 120ms ease, background 120ms ease, color 120ms ease;
}

.roomCashBetQuick button:hover {
    border-color: rgba(126, 211, 255, .64);
    color: #fff;
}

.roomCashBetQuick button:active { transform: translateY(1px); }

.roomCashBetQuick button.is-selected {
    border-color: rgba(255, 216, 91, .8);
    background: linear-gradient(180deg, #826019, #4a3309);
    color: #ffec9c;
    box-shadow: 0 0 7px rgba(255, 205, 63, .16), inset 0 1px rgba(255, 255, 255, .12);
}

.roomCashBetAmountWrap {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 9px;
}

#roomCashBetAmount {
    width: 138px;
    height: 31px;
    box-sizing: border-box;
    padding: 0 9px;
    border: 1px solid rgba(121, 198, 247, .45);
    border-right: 0;
    border-radius: 7px 0 0 7px;
    outline: 0;
    background: rgba(1, 12, 28, .86);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    text-align: right;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, .28);
}

#roomCashBetAmount:focus {
    border-color: rgba(99, 205, 255, .82);
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, .28), 0 0 0 2px rgba(79, 182, 241, .08);
}

.roomCashBetAmountWrap > span {
    height: 31px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid rgba(255, 217, 90, .42);
    border-radius: 0 7px 7px 0;
    background: linear-gradient(180deg, rgba(113, 80, 16, .72), rgba(55, 36, 6, .78));
    color: #ffe48a;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .35px;
}

.roomCashBetRules {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    margin: 7px 0 9px;
}

.roomCashBetRules > div {
    min-width: 0;
    padding: 6px 3px 5px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 6px;
    background: rgba(255, 255, 255, .025);
    text-align: center;
}

.roomCashBetRules > div span,
.roomCashBetRules > div b {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.roomCashBetRules > div span {
    margin-bottom: 2px;
    color: #7393aa;
    font-size: 8px;
}

.roomCashBetRules > div b {
    color: #cde7f7;
    font-size: 10px;
    font-weight: 900;
}

.roomCashBetActions {
    display: flex;
    justify-content: center;
    gap: 7px;
    margin-top: 9px;
}

.roomCashBetActions button {
    height: 30px;
    box-sizing: border-box;
    padding: 0 14px;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .25px;
    cursor: pointer;
    transition: filter 120ms ease, transform 90ms ease, border-color 120ms ease;
}

.roomCashBetActions button:hover { filter: brightness(1.12); }
.roomCashBetActions button:active { transform: translateY(1px); }

.roomCashBetAccept {
    min-width: 125px;
    border: 1px solid rgba(136, 255, 170, .46);
    background: linear-gradient(180deg, #349d58, #176331);
    color: #f5fff7;
    box-shadow: inset 0 1px rgba(255, 255, 255, .13), 0 4px 10px rgba(0, 0, 0, .18);
}

.roomCashBetCancel {
    min-width: 86px;
    border: 1px solid rgba(221, 236, 247, .18);
    background: linear-gradient(180deg, #314a60, #1c2c3d);
    color: #bfd2df;
}

.roomCashBetIncomingName {
    overflow: hidden;
    color: #9fddff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.roomCashBetIncomingLead {
    margin: 2px 0 9px;
    color: #8aa7bb;
    font-size: 10px;
}

.roomCashBetIncomingMoney,
.roomCashBetIncomingPot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 7px;
}

.roomCashBetIncomingMoney {
    margin-bottom: 6px;
    border: 1px solid rgba(111, 189, 241, .16);
    background: rgba(3, 17, 35, .58);
    color: #9cb7ca;
    font-size: 10px;
}

.roomCashBetIncomingMoney strong {
    color: #fff;
    font-size: 12px;
}

.roomCashBetIncomingPot {
    border: 1px solid rgba(255, 215, 82, .3);
    background: linear-gradient(90deg, rgba(107, 74, 10, .3), rgba(33, 82, 62, .22));
}

.roomCashBetIncomingPot span {
    color: #d4af55;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .65px;
}

.roomCashBetIncomingPot strong {
    color: #94f3b0;
    font-size: 13px;
    font-weight: 900;
}

.roomCashBetIncomingTimer {
    width: max-content;
    min-width: 80px;
    margin: 8px auto 7px;
    padding: 4px 9px;
    border: 1px solid rgba(255, 210, 79, .2);
    border-radius: 11px;
    background: rgba(75, 51, 7, .28);
    color: #ffdf79;
    font-size: 9px;
    line-height: 12px;
    font-weight: 900;
    text-align: center;
}

.roomCashBetWarning {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 0 0 9px;
    padding: 7px 8px;
    border: 1px solid rgba(255, 180, 95, .16);
    border-radius: 7px;
    background: rgba(95, 53, 11, .16);
    color: #c4b49d;
    font-size: 9px;
    line-height: 12px;
}

.roomCashBetWarningIcon {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 183, 75, .2);
    color: #ffd16c;
    font-size: 10px;
    font-weight: 900;
}

#roomCashBetMini {
    position: absolute;
    z-index: 45;
    left: 327px;
    top: 163px;
    width: 86px;
    min-height: 51px;
    box-sizing: border-box;
    display: none;
    padding: 5px 4px 4px;
    overflow: hidden;
    border: 1px solid rgba(255, 214, 83, .62);
    border-radius: 7px;
    background: linear-gradient(180deg, rgba(15, 49, 82, .96), rgba(4, 22, 45, .97));
    box-shadow: 0 4px 10px rgba(0, 0, 0, .35), 0 0 8px rgba(255, 210, 62, .12), inset 0 1px rgba(255, 255, 255, .07);
    color: #eaf6ff;
    text-align: center;
    font-size: 9px;
    line-height: 13px;
    pointer-events: none;
}

#roomCashBetMini::before {
    content: "";
    position: absolute;
    top: 0;
    left: 11px;
    right: 11px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 219, 92, .95), transparent);
}

.roomCashBetMiniTitle {
    color: #ffe078;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .25px;
}

.roomCashBetMiniPot {
    color: #8ff0ad;
    font-weight: 900;
}

.roomCashBetBadge {
    position: absolute;
    z-index: 30;
    left: 4px;
    bottom: 3px;
    min-width: 42px;
    height: 17px;
    box-sizing: border-box;
    padding: 0 5px;
    border: 1px solid rgba(255, 214, 82, .72);
    border-radius: 9px;
    background: linear-gradient(180deg, rgba(17, 52, 82, .96), rgba(4, 25, 49, .97));
    box-shadow: 0 2px 5px rgba(0, 0, 0, .36), 0 0 5px rgba(255, 202, 47, .16);
    color: #ffe58a;
    font-size: 8px;
    line-height: 15px;
    font-weight: 900;
    text-align: center;
    text-shadow: 0 1px 1px #000;
    pointer-events: none;
}

body.winter2026TH #roomCashBetMini {
    left: 327px;
    top: 163px;
}

@media (max-width: 700px) {
    #roomCashBetModal,
    #roomCashBetIncoming {
        width: min(326px, calc(100% - 24px));
    }
}

#roomCashBetOpenButton {
    position: absolute;
    z-index: 24;
    width: 96px;
    height: 31px;
    display: none;
    align-items: center;
    justify-content: center;
    display: none !important;
    gap: 6px;
    box-sizing: border-box;
    padding: 0 8px;
    border: 1px solid rgba(255, 218, 91, .78);
    border-radius: 7px;
    outline: 0;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(28, 91, 130, .98) 0%, rgba(7, 45, 79, .98) 52%, rgba(3, 27, 54, .99) 100%);
    box-shadow:
        0 3px 8px rgba(0, 0, 0, .48),
        0 0 7px rgba(255, 211, 67, .16),
        inset 0 1px 0 rgba(255, 255, 255, .13),
        inset 0 -1px 0 rgba(0, 0, 0, .45);
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    user-select: none;
    transition: transform 90ms ease, filter 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

#roomCashBetOpenButton::after {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    top: 1px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 239, 166, .9), transparent);
    pointer-events: none;
}

#roomCashBetOpenButton:hover {
    filter: brightness(1.13);
    border-color: rgba(255, 229, 130, .95);
    box-shadow:
        0 4px 10px rgba(0, 0, 0, .52),
        0 0 10px rgba(255, 213, 72, .25),
        inset 0 1px 0 rgba(255, 255, 255, .16);
}

#roomCashBetOpenButton:active {
    transform: translateY(1px);
}

#roomCashBetOpenButton .roomCashBetOpenCoin {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid #ffe27a;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #fff0a0 0%, #e8b638 43%, #8e5d11 100%);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .36);
    color: #352106;
    font-size: 9px;
    line-height: 18px;
    font-weight: 900;
    text-shadow: 0 1px rgba(255, 255, 255, .35);
}

#roomCashBetOpenButton .roomCashBetOpenText {
    min-width: 0;
    overflow: hidden;
    color: #fff5bf;
    font-size: 9px;
    line-height: 11px;
    font-weight: 900;
    letter-spacing: .45px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 1px 2px #000;
}

#roomCashBetOpenButton.is-pending {
    border-color: rgba(102, 205, 255, .75);
    background: linear-gradient(180deg, rgba(39, 102, 150, .98), rgba(7, 46, 82, .99));
}

#roomCashBetOpenButton.is-pending .roomCashBetOpenCoin {
    border-color: #98dcff;
    background: linear-gradient(180deg, #58a9d5, #245c82);
    color: #fff;
}

#roomCashBetOpenButton.is-active {
    border-color: rgba(103, 244, 152, .78);
    background: linear-gradient(180deg, rgba(30, 123, 78, .98), rgba(8, 68, 45, .99));
    box-shadow: 0 3px 8px rgba(0, 0, 0, .48), 0 0 9px rgba(77, 236, 134, .18), inset 0 1px rgba(255, 255, 255, .11);
}

#roomCashBetOpenButton.is-active .roomCashBetOpenText {
    color: #d9ffe6;
}

#roomCashBetOpenButton.is-locked {
    border-color: rgba(255, 184, 83, .82);
    background: linear-gradient(180deg, rgba(111, 67, 19, .99), rgba(58, 33, 7, .99));
}

#roomCashBetMini {
    display: none !important;
}

#roomCashBetModal {
    width: 382px;
}

.roomCashBetStepLabel {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 0;
}

.roomCashBetStepLabel > span {
    width: 17px;
    height: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(126, 204, 252, .38);
    border-radius: 50%;
    background: rgba(36, 103, 149, .25);
    color: #aaddfa;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0;
}

.roomCashBetPlayerList {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    max-height: 145px;
    margin: 0 0 8px;
    padding: 6px;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid rgba(111, 185, 236, .16);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(2, 15, 32, .72), rgba(5, 25, 47, .56));
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, .18);
}

.roomCashBetPlayerList::-webkit-scrollbar {
    width: 5px;
}

.roomCashBetPlayerList::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(102, 177, 225, .44);
}

.roomCashBetPlayerPick {
    min-width: 0;
    height: 35px;
    display: flex;
    align-items: center;
    gap: 6px;
    box-sizing: border-box;
    padding: 3px 6px;
    border: 1px solid rgba(105, 176, 224, .17);
    border-radius: 6px;
    outline: 0;
    background: linear-gradient(180deg, rgba(22, 55, 84, .72), rgba(7, 30, 55, .78));
    color: #d7edf9;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    cursor: default;
    box-shadow: inset 0 1px rgba(255, 255, 255, .035);
    transition: border-color 120ms ease, background 120ms ease, transform 90ms ease, box-shadow 120ms ease;
}

.roomCashBetPlayerPick.is-eligible {
    cursor: pointer;
}

.roomCashBetPlayerPick.is-eligible:hover {
    border-color: rgba(102, 206, 255, .58);
    background: linear-gradient(180deg, rgba(31, 83, 122, .84), rgba(9, 43, 75, .86));
}

.roomCashBetPlayerPick.is-eligible:active {
    transform: translateY(1px);
}

.roomCashBetPlayerPick.is-selected {
    border-color: rgba(255, 217, 90, .85);
    background: linear-gradient(180deg, rgba(105, 78, 19, .76), rgba(46, 34, 8, .83));
    box-shadow: 0 0 7px rgba(255, 208, 61, .12), inset 0 1px rgba(255, 255, 255, .08);
}

.roomCashBetPlayerPick.is-disabled {
    opacity: .47;
    filter: grayscale(.25);
}

.roomCashBetTeamBadge {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 5px;
    background: rgba(23, 66, 100, .7);
    color: #fff;
    font-size: 10px;
    line-height: 20px;
    font-weight: 900;
    text-shadow: 0 1px 2px #000;
}

.roomCashBetTeamBadge.teamA {
    border-color: rgba(255, 155, 185, .34);
    background: linear-gradient(180deg, #9b3e69, #5e2342);
}

.roomCashBetTeamBadge.teamB {
    border-color: rgba(139, 193, 255, .4);
    background: linear-gradient(180deg, #376da8, #214574);
}

.roomCashBetPickCopy {
    min-width: 0;
    flex: 1 1 auto;
    display: block;
}

.roomCashBetPickCopy b,
.roomCashBetPickCopy small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.roomCashBetPickCopy b {
    color: #eaf7ff;
    font-size: 9px;
    line-height: 12px;
    font-weight: 900;
}

.roomCashBetPickCopy small {
    margin-top: 1px;
    color: #7898ae;
    font-size: 7px;
    line-height: 9px;
    font-weight: 800;
    letter-spacing: .3px;
}

.roomCashBetPlayerPick.is-selected .roomCashBetPickCopy b {
    color: #fff0a5;
}

.roomCashBetPlayerPick.is-selected .roomCashBetPickCopy small {
    color: #d2b95e;
}

.roomCashBetPickMark {
    width: 13px;
    flex: 0 0 13px;
    color: #7da6c1;
    font-size: 13px;
    line-height: 20px;
    font-weight: 900;
    text-align: center;
}

.roomCashBetPlayerPick.is-selected .roomCashBetPickMark {
    color: #9bf0b1;
}

.roomCashBetPlayerEmpty {
    grid-column: 1 / -1;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    box-sizing: border-box;
    color: #7898ad;
    font-size: 9px;
    line-height: 12px;
    text-align: center;
}

.roomCashBetPlayerEmptyWide {
    border-top: 1px solid rgba(255, 255, 255, .055);
}

#roomCashBetModal .roomCashBetVs {
    margin-bottom: 7px;
}

#roomCashBetModal .roomCashBetVsEmpty {
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 5px 8px;
    border: 1px dashed rgba(111, 187, 237, .18);
    border-radius: 7px;
    background: rgba(3, 17, 34, .38);
    color: #718fa4;
    font-size: 9px;
}

#roomCashBetSend:disabled {
    opacity: .42;
    filter: grayscale(.7);
    cursor: default;
    box-shadow: none;
}

#roomCashBetSend:disabled:hover {
    filter: grayscale(.7);
}

@media (max-width: 700px) {
    #roomCashBetModal {
        width: min(382px, calc(100% - 20px));
    }
}

.roomCashBetPickCash {
    min-width: 50px;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    padding-right: 1px;
    line-height: 1;
}

.roomCashBetPickCash small {
    margin-bottom: 2px;
    color: #7592a7;
    font-size: 6px;
    line-height: 7px;
    font-weight: 900;
    letter-spacing: .45px;
}

.roomCashBetPickCash b {
    max-width: 62px;
    overflow: hidden;
    color: #76efab;
    font-size: 8px;
    line-height: 10px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 0 5px rgba(61, 231, 142, .12);
}

.roomCashBetPickCash.no-cash b {
    color: #ff8d9c;
    text-shadow: 0 0 5px rgba(255, 83, 106, .1);
}

.roomCashBetPlayerPick.is-no-cash {
    opacity: .72;
    border-color: rgba(220, 91, 111, .17);
    background: linear-gradient(180deg, rgba(50, 39, 52, .67), rgba(28, 25, 40, .76));
    filter: none;
}

.roomCashBetPlayerPick.is-no-cash .roomCashBetPickCopy small {
    color: #a87580;
}

.roomCashBetPlayerPick.is-no-cash .roomCashBetPickMark {
    color: #b36c78;
    font-size: 10px;
}

.roomCashBetRivalAvailability {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid rgba(255, 255, 255, .055);
    color: #7fb99a;
    font-size: 8px;
    line-height: 10px;
    font-weight: 800;
    text-align: center;
}

.roomCashBetRivalAvailability.is-ok {
    color: #82e7aa;
}

.roomCashBetRivalAvailability.is-bad {
    color: #ff93a0;
}

#roomCashBetModal .roomCashBetVs.roomCashBetVsInsufficient {
    border-color: rgba(229, 92, 112, .27);
    box-shadow: inset 0 0 8px rgba(153, 43, 61, .08);
}

.shop_pet_gp_top {
    position: absolute;
    left: 13px;
    top: 115px;
    z-index: 10;
    min-width: 38px;
    height: 14px;
    line-height: 14px;
    padding: 0 3px;
    box-sizing: border-box;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
    text-align: left;
    pointer-events: none;
    text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000;
}

.BattlePetLevelModalWrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999;
    background: rgba(0, 7, 20, .20);
    overflow: hidden;
    touch-action: none;
}

.BattlePetLevelDialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 570px;
    min-height: 392px;
    max-width: calc(100vw - 18px);
    box-sizing: border-box;
    overflow: hidden;
    border: 2px solid #173f68;
    border-radius: 11px;
    background: linear-gradient(to bottom, #eaf6ff 0, #c5def3 35px, #a9cbe8 36px, #d9edfb 100%);
    box-shadow: 5px 6px 20px 4px rgba(0,0,0,.62), inset 0 0 0 1px rgba(255,255,255,.95);
    color: #173c60;
    font-family: Verdana, Arial, sans-serif;
    text-align: left;
    text-shadow: none;
}

.BattlePetLevelTitle {
    position: relative;
    height: 34px;
    line-height: 34px;
    padding: 0 55px 0 15px;
    box-sizing: border-box;
    border-radius: 9px 9px 0 0;
    background: linear-gradient(90deg, #eef9ff 0%, #d5ebfb 58%, #9ac7e8 100%);
    box-shadow: inset 0 0 0 1px #fff, inset 0 -1px 0 rgba(34,102,155,.42);
    white-space: nowrap;
    overflow: hidden;
}

.BattlePetClassicTitleText {
    display: inline-block;
    color: #ffc135;
    font-size: 21px;
    font-weight: 900;
    letter-spacing: -.7px;
    text-shadow: -1px -1px 0 #19466d,
         1px -1px 0 #19466d,
        -1px  1px 0 #19466d,
         1px  1px 0 #19466d,
         0 2px 1px rgba(0,0,0,.25);
}

.BattlePetClassicTitleBadge {
    display: inline-block;
    margin-left: 8px;
    padding: 1px 5px 0;
    border: 1px solid rgba(33,83,121,.36);
    border-radius: 6px;
    background: rgba(255,255,255,.58);
    color: #2a6998;
    font-size: 8px;
    font-weight: 700;
    line-height: 15px;
    vertical-align: 2px;
    text-shadow: none;
}

.BattlePetLevelCloseX {
    position: absolute;
    right: 10px;
    top: 6px;
    z-index: 20;
    width: 24px;
    height: 22px;
    line-height: 20px;
    box-sizing: border-box;
    border: 1px solid #8a5e19;
    border-radius: 6px;
    background: linear-gradient(#fff3aa 0%, #ffc64c 52%, #db8d1d 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 1px 2px rgba(0,0,0,.28);
    color: #8e3d24;
    font-size: 18px;
    font-weight: 900;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,.65);
    cursor: pointer;
    user-select: none;
}

.BattlePetLevelCloseX:hover {
    filter: brightness(1.08);
}

.BattlePetLevelBody {
    padding: 9px 10px 8px;
    box-sizing: border-box;
    font-size: 11px;
}

.BattlePetClassicPanel {
    position: relative;
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 9px 14px;
    min-height: 330px;
    padding: 12px 13px 9px;
    box-sizing: border-box;
    border: 2px solid #4da0dc;
    border-radius: 13px;
    background: radial-gradient(circle at 94% 18%, rgba(255,255,255,.66) 0 2px, transparent 3px),
        radial-gradient(circle at 89% 27%, rgba(255,255,255,.35) 0 3px, transparent 4px),
        linear-gradient(135deg, rgba(255,255,255,.32), rgba(255,255,255,0) 44%),
        linear-gradient(to bottom, #b8dcf5 0%, #9eccea 100%);
    box-shadow: inset 0 0 0 8px rgba(237,249,255,.58), inset 0 0 13px rgba(37,111,166,.18);
    overflow: hidden;
}

.BattlePetClassicPanel::after {
    content: "★";
    position: absolute;
    right: 16px;
    bottom: 4px;
    color: rgba(69,150,207,.14);
    font-size: 112px;
    line-height: 1;
    transform: rotate(-15deg);
    text-shadow: none;
    pointer-events: none;
}

.BattlePetClassicLeft {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.BattlePetPortraitFrame {
    position: relative;
    height: 214px;
    margin-bottom: 8px;
    box-sizing: border-box;
    overflow: hidden;
    border: 8px solid rgba(70,151,211,.72);
    border-radius: 10px;
    background: linear-gradient(#fbfdff, #f0f7fb);
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.98),
        inset 0 0 0 4px rgba(64,137,190,.38),
        0 1px 3px rgba(24,83,126,.22);
}

.BattlePetPortraitFrame::before {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 20px;
    height: 12px;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(70,96,112,.20), transparent 68%);
    pointer-events: none;
}

.BattlePetPortraitStage {
    position: absolute;
    left: 50%;
    top: 58%;
    width: 0;
    height: 0;
    transform: scale(1.32);
    transform-origin: 0 0;
    pointer-events: none;
}

.BattlePetPortraitStage .AniObject {
    pointer-events: none !important;
}

.BattlePetPortraitHeart {
    position: absolute;
    display: none;
    left: 9px;
    bottom: 7px;
    color: #ef5a5a;
    font-size: 22px;
    line-height: 22px;
    text-shadow: 0 1px 0 #fff, 0 0 2px rgba(104,35,35,.45);
}

.BattlePetPortraitMeta {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 0 5px;
    min-height: 18px;
    line-height: 18px;
    color: #214b6e;
    font-size: 10px;
    text-shadow: 0 1px 0 rgba(255,255,255,.75);
}

.BattlePetPortraitMeta b {
    color: #143e62;
    font-weight: 700;
}

.BattlePetClassicRight {
    position: relative;
    z-index: 2;
    min-width: 0;
    padding-top: 4px;
}

.BattlePetLevelPetName {
    margin: 0 0 5px;
    color: #153e64;
    font-size: 13px;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(255,255,255,.9);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.BattlePetLevelPetName span {
    color: #276a9c;
    font-weight: 700;
}

.BattlePetClassicTypeLine span {
    color: #276a9c;
    font-weight: 700;
}

.BattlePetClassicTypeLine {
    margin-bottom: 8px;
    color: #315a79;
    font-size: 10px;
    text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

.BattlePetLevelMainCard {
    padding: 8px 9px 7px;
    margin-bottom: 8px;
    border: 1px solid rgba(42,112,164,.52);
    border-radius: 7px;
    background: rgba(239,249,255,.50);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.84), inset 0 0 8px rgba(71,139,188,.10);
}

.BattlePetLevelLine {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 17px;
    margin-bottom: 3px;
    color: #214e71;
    font-size: 10px;
    text-shadow: 0 1px 0 rgba(255,255,255,.75);
}

.BattlePetLevelLine b {
    color: #9b6f00;
    font-size: 11px;
}

.BattlePetLevelLine .BattlePetExpText {
    color: #267a3d;
}

.BattlePetExpTrack {
    height: 11px;
    overflow: hidden;
    border: 1px solid #24557a;
    border-radius: 8px;
    background: #22435e;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.48), 0 1px 0 rgba(255,255,255,.55);
}

.BattlePetExpFill {
    height: 11px;
    min-width: 0;
    background: linear-gradient(90deg, #4c9ce0 0%, #64c8ea 55%, #7ed07c 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.58);
    transition: width 650ms ease-out;
}

.BattlePetExpMeta {
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
    color: #315f7f;
    font-size: 8px;
    text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

.BattlePetExpMeta b {
    color: #163f61;
}

.BattlePetNextPower {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
    min-height: 47px;
    padding: 5px 8px;
    margin-bottom: 8px;
    box-sizing: border-box;
    border-top: 1px dashed rgba(54,135,194,.56);
    border-bottom: 1px dashed rgba(54,135,194,.56);
    color: #215375;
}

.BattlePetNextPowerIcon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    border: 2px solid #e7f8ff;
    border-radius: 6px;
    background: radial-gradient(circle at 50% 45%, #ffffff 0 8%, #9bd9ff 12%, #387bc0 48%, #193d76 100%);
    box-shadow: 0 0 0 1px #3479aa, inset 0 0 5px rgba(255,255,255,.6), 0 1px 2px rgba(23,72,110,.22);
    width: 34px;
    height: 34px;
}

.BattlePetSkillIcon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    border: 2px solid #e7f8ff;
    border-radius: 6px;
    background: radial-gradient(circle at 50% 45%, #ffffff 0 8%, #9bd9ff 12%, #387bc0 48%, #193d76 100%);
    box-shadow: 0 0 0 1px #3479aa, inset 0 0 5px rgba(255,255,255,.6), 0 1px 2px rgba(23,72,110,.22);
    width: 38px;
    height: 38px;
}

.BattlePetNextPowerIcon::before {
    color: #fff;
    font-size: 21px;
    font-weight: 900;
    line-height: 1;
    text-shadow: 0 0 4px #fff, 0 0 7px #2870cf;
}

.BattlePetSkillIcon::before {
    color: #fff;
    font-size: 21px;
    font-weight: 900;
    line-height: 1;
    text-shadow: 0 0 4px #fff, 0 0 7px #2870cf;
}

.BattlePetNextPowerIcon.skill-recovery {
    background: radial-gradient(circle, #fff 0 7%, #e7caff 12%, #9b72ee 45%, #493a96 100%);
}

.BattlePetSkillIcon.skill-recovery {
    background: radial-gradient(circle, #fff 0 7%, #e7caff 12%, #9b72ee 45%, #493a96 100%);
}

.BattlePetNextPowerIcon.skill-recovery::before {
    content: "✦";
}

.BattlePetSkillIcon.skill-recovery::before {
    content: "✦";
}

.BattlePetNextPowerIcon.skill-protection {
    background: radial-gradient(circle, #eaffff 0 7%, #79ddff 12%, #2d8bd3 46%, #154878 100%);
}

.BattlePetSkillIcon.skill-protection {
    background: radial-gradient(circle, #eaffff 0 7%, #79ddff 12%, #2d8bd3 46%, #154878 100%);
}

.BattlePetNextPowerIcon.skill-protection::before {
    content: "◆";
    font-size: 18px;
}

.BattlePetSkillIcon.skill-protection::before {
    content: "◆";
    font-size: 18px;
}

.BattlePetNextPowerIcon.skill-full_recovery {
    background: radial-gradient(circle, #fff 0 7%, #b9eeff 12%, #5fb9ea 46%, #24549a 100%);
}

.BattlePetSkillIcon.skill-full_recovery {
    background: radial-gradient(circle, #fff 0 7%, #b9eeff 12%, #5fb9ea 46%, #24549a 100%);
}

.BattlePetNextPowerIcon.skill-full_recovery::before {
    content: "+";
    font-size: 26px;
}

.BattlePetSkillIcon.skill-full_recovery::before {
    content: "+";
    font-size: 26px;
}

.BattlePetNextPowerIcon.all-unlocked::before {
    content: "★";
}

.BattlePetNextPowerText {
    min-width: 0;
}

.BattlePetNextPower small {
    color: #315d7d;
    font-size: 8px;
    white-space: nowrap;
    text-shadow: none;
}

.BattlePetNextPowerText span {
    display: block;
    margin-bottom: 2px;
    color: #2c6b98;
    font-size: 9px;
    text-shadow: none;
}

.BattlePetNextPowerText b {
    display: block;
    overflow: hidden;
    color: #9a6b00;
    font-size: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-shadow: none;
}

.BattlePetNextPower.isComplete .BattlePetNextPowerText b {
    color: #25733a;
}

.BattlePetSkillsBox {
    padding: 0;
    margin-bottom: 0;
}

.BattlePetSectionTitle {
    margin: 0 0 5px;
    color: #276a99;
    font-size: 10px;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(255,255,255,.78);
}

.BattlePetSkillsList {
    display: flex;
    gap: 6px;
}

.BattlePetSkill {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1 1 0;
    min-width: 0;
    min-height: 51px;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid rgba(51,119,167,.43);
    border-radius: 7px;
    background: rgba(238,249,255,.48);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
}

.BattlePetSkill.isLocked {
    opacity: .68;
    filter: saturate(.68);
}

.BattlePetSkill.isUnlocked {
    border-color: rgba(66,145,95,.55);
    background: rgba(226,247,230,.54);
}

.BattlePetSkillText {
    min-width: 0;
    flex: 1 1 auto;
}

.BattlePetSkillName {
    overflow: visible;
    color: #173f62;
    font-size: 8px;
    line-height: 10px;
    font-weight: 700;
    white-space: normal;
    text-overflow: clip;
    text-shadow: none;
}

.BattlePetSkillFooter {
    display: block;
    margin-top: 2px;
    padding-top: 0;
    border-top: 0;
}

.BattlePetSkillLevel {
    display: block;
    color: #9a6b00;
    font-size: 8px;
    line-height: 10px;
    font-weight: 700;
    white-space: nowrap;
    text-shadow: none;
}

.BattlePetSkillStatus {
    display: none;
}

.BattlePetSkill.isUnlocked .BattlePetSkillStatus {
    display: none;
}

.BattlePetNoSkills {
    color: #315d7c;
    font-size: 9px;
}

.BattlePetLevelInfo {
    position: relative;
    z-index: 2;
    grid-column: 1 / -1;
    min-height: 23px;
    padding: 6px 10px 0;
    border-top: 1px solid rgba(54,135,194,.34);
    color: #2d668d;
    font-size: 8px;
    line-height: 12px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,.75);
}

.BattlePetLevelStatus {
    min-height: 14px;
    line-height: 14px;
    color: #416b88;
    font-size: 8px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,.75);
}

.PetClassicTitleBadge {
    color: #2a6998;
}

.PetClassicPanel {
    min-height: 346px;
}

.PetClassicFeedInfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    min-height: 28px;
    margin-bottom: 8px;
    padding: 0 10px;
    border: 1px solid rgba(62,135,188,.40);
    border-radius: 7px;
    background: rgba(238,249,255,.52);
    color: #2c628a;
    font-size: 11px;
    font-weight: 700;
    line-height: 28px;
    text-shadow: 0 1px 0 rgba(255,255,255,.82);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}

.PetClassicFeedInfo b {
    color: #8f6400;
    font-size: 13px;
    text-shadow: 0 1px 0 rgba(255,255,255,.82);
}

.PetClassicStatsBox {
    padding: 7px 9px 8px;
    border-top: 1px dashed rgba(54,135,194,.56);
    border-bottom: 1px dashed rgba(54,135,194,.56);
}

.PetClassicStatsRows {
    color: #214e71;
    font-size: 11px;
    line-height: 20px;
    text-shadow: none;
}

.PetClassicButtons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
    margin-bottom: 7px;
}

.PetClassicButton {
    min-width: 92px;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.52);
    border-radius: 7px;
    box-shadow: inset rgba(255,255,255,.68) 0 1px 0, inset rgba(255,255,255,.15) 0 -1px 0, rgba(0,0,0,.26) 0 2px 5px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-shadow: #000 1px 1px 2px;
    cursor: pointer;
    user-select: none;
}

.PetClassicButtonFeed {
    background: linear-gradient(#fff385 0%, #ffc52b 45%, #d88600 100%);
    color: #fff6b0;
}

.PetClassicButtonUp {
    background: linear-gradient(#baff8d 0%, #43d92d 45%, #119600 100%);
}

.PetClassicButtonClose {
    background: linear-gradient(#d9f1ff 0%, #6ea6d7 48%, #315f88 100%);
}

.PetClassicButton.disabled {
    background: linear-gradient(#aab2b8, #68737c);
    color: #d7dde2;
    cursor: not-allowed;
    opacity: .72;
}

#PetLevelDialog.BattlePetLevelDialog {
    width: 582px !important;
    height: 458px !important;
    min-height: 458px !important;
    max-width: calc(100vw - 18px) !important;
    max-height: calc(100vh - 18px) !important;
    border: 0 !important;
    border-radius: 10px !important;
    background-color: transparent !important;
    background-image: url(/static/images/themes/season3/avatar_back2.png) !important;
    background-repeat: no-repeat !important;
    background-size: 4096px 2256px !important;
    background-position: -2306px -1386px !important;
    box-shadow: 5px 6px 20px 4px rgba(0,0,0,.62) !important;
    overflow: hidden !important;
    color: #173f62 !important;
    font-family: Verdana, Arial, sans-serif !important;
    text-shadow: none !important;
}

#PetLevelDialog .BattlePetLevelTitle {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 68px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    pointer-events: none !important;
}

#PetLevelDialog .BattlePetClassicTitleText {
    display: none !important;
}

#PetLevelDialog .BattlePetClassicTitleBadge {
    display: none !important;
}

#PetLevelDialog .BattlePetLevelCloseX {
    right: 12px !important;
    top: 9px !important;
    z-index: 50 !important;
    width: 27px !important;
    height: 24px !important;
    line-height: 22px !important;
    border: 1px solid #8a5e19 !important;
    border-radius: 6px !important;
    background: linear-gradient(#fff3aa 0%, #ffc64c 52%, #db8d1d 100%) !important;
    color: #8e3d24 !important;
    font-size: 18px !important;
}

#PetLevelDialog .BattlePetLevelBody {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

#PetLevelDialog .BattlePetClassicPanel::after {
    display: none !important;
}

#PetLevelDialog .BattlePetExpMeta b {
    color: #153f62 !important;
}

#PetLevelDialog .BattlePetClassicPanel {
    position: absolute !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    left: 18px !important;
    top: 76px !important;
    width: 546px !important;
    height: 318px !important;
    min-height: 0 !important;
    padding: 10px 11px 8px !important;
    display: grid !important;
    grid-template-columns: 176px minmax(0, 1fr) !important;
    grid-template-rows: 248px 28px !important;
    column-gap: 14px !important;
    row-gap: 5px !important;
    align-items: start !important;
    box-sizing: border-box !important;
}

#PetLevelDialog .BattlePetClassicLeft {
    position: relative !important;
    width: 176px !important;
    height: 248px !important;
    min-width: 0 !important;
}

#PetLevelDialog .BattlePetPortraitFrame {
    position: absolute !important;
    left: 18px !important;
    top: 50px !important;
    width: 142px !important;
    height: 135px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#PetLevelDialog .BattlePetPortraitFrame::before {
    display: none !important;
}

#PetLevelDialog .BattlePetPortraitStage {
    left: 50% !important;
    top: 60% !important;
    transform: scale(1.36) !important;
    transform-origin: 0 0 !important;
}

#PetLevelDialog .BattlePetPortraitHeart {
    left: 7px !important;
    bottom: 6px !important;
    font-size: 18px !important;
    line-height: 18px !important;
}

#PetLevelDialog .BattlePetPortraitMeta {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: 0 !important;
    position: absolute !important;
    left: 14px !important;
    right: 6px !important;
    width: auto !important;
    min-height: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    color: #2d6388 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.95) !important;
}

#PetLevelDialog .BattlePetPortraitMeta:nth-of-type(2) {
    top: 174px !important;
}

#PetLevelDialog .BattlePetPortraitMeta:nth-of-type(3) {
    top: 196px !important;
}

#PetLevelDialog .BattlePetPortraitMeta:nth-of-type(4) {
    top: 218px !important;
}

#PetLevelDialog .BattlePetPortraitMeta b {
    color: #153e61 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

#PetLevelDialog .BattlePetClassicRight {
    position: relative !important;
    width: auto !important;
    height: 248px !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

#PetLevelDialog .BattlePetLevelPetName {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: 0 !important;
    margin: 0 0 2px !important;
    color: #0f3f66 !important;
    font-size: 15px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.96) !important;
}

#PetLevelDialog .BattlePetClassicTypeLine {
    margin-bottom: 6px !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: 0 !important;
    margin: 0 0 5px !important;
    color: #355c79 !important;
    font-size: 10px !important;
    line-height: 14px !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.94) !important;
}

#PetLevelDialog .PetClassicFeedInfo {
    margin-bottom: 6px !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: 0 !important;
    color: #285f89 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.95) !important;
    min-height: 25px !important;
    height: 25px !important;
    line-height: 23px !important;
    margin: 0 0 6px !important;
    padding: 0 9px !important;
    box-sizing: border-box !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    background: rgba(245,251,255,.62) !important;
}

#PetLevelDialog .PetClassicFeedInfo b {
    color: #946600 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.95) !important;
    font-size: 12px !important;
}

#PetLevelDialog .BattlePetLevelMainCard {
    border: 1px solid rgba(42,112,164,.42) !important;
    border-radius: 6px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
    margin-bottom: 6px !important;
    padding: 6px 8px 6px !important;
    margin: 0 0 6px !important;
    box-sizing: border-box !important;
    background: rgba(245,251,255,.60) !important;
}

#PetLevelDialog .BattlePetLevelLine {
    margin-bottom: 2px !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: 0 !important;
    color: #184b70 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.95) !important;
    min-height: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    margin: 0 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

#PetLevelDialog .BattlePetLevelLine b {
    color: #8a6100 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
}

#PetLevelDialog .BattlePetExpFill {
    height: 11px !important;
}

#PetLevelDialog .BattlePetExpTrack {
    height: 11px !important;
    margin-top: 2px !important;
}

#PetLevelDialog .BattlePetExpMeta {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
    color: #315f7f !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.92) !important;
    margin-top: 3px !important;
    font-size: 8px !important;
    line-height: 10px !important;
}

#PetLevelDialog .BattlePetNextPower {
    margin-bottom: 6px !important;
    background: rgba(245,251,255,.28) !important;
    border-top-color: rgba(54,135,194,.44) !important;
    border-bottom-color: rgba(54,135,194,.44) !important;
    min-height: 42px !important;
    padding: 3px 5px !important;
    margin: 0 0 5px !important;
    gap: 5px !important;
    grid-template-columns: 30px minmax(0,1fr) auto !important;
    box-sizing: border-box !important;
}

#PetLevelDialog .BattlePetNextPowerIcon {
    width: 29px !important;
    height: 29px !important;
}

#PetLevelDialog .BattlePetNextPowerText span {
    margin-bottom: 1px !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: 0 !important;
    color: #2b6c97 !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.92) !important;
    margin: 0 0 1px !important;
    font-size: 8px !important;
    line-height: 10px !important;
}

#PetLevelDialog .BattlePetNextPowerText b {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: 0 !important;
    color: #8a6100 !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.94) !important;
    font-size: 11px !important;
    line-height: 13px !important;
}

#PetLevelDialog .BattlePetNextPower small {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: 0 !important;
    color: #355d79 !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.9) !important;
    font-size: 8px !important;
    line-height: 10px !important;
}

#PetLevelDialog .BattlePetSkillsBox {
    margin-top: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#PetLevelDialog .PetClassicStatsBox {
    margin: 0 !important;
    padding: 0 !important;
}

#PetLevelDialog .BattlePetSectionTitle {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: 0 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.95) !important;
    margin: 0 0 5px !important;
    color: #1f6594 !important;
    font-size: 11px !important;
    line-height: 13px !important;
    font-weight: 700 !important;
}

#PetLevelDialog .PetClassicStatsRows {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: 0 !important;
    color: #174368 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.95) !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 5px !important;
    row-gap: 4px !important;
    align-items: center !important;
    width: 100% !important;
    font-size: 10px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
}

#PetLevelDialog .PetClassicStatsRows > span {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    width: auto !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

#PetLevelDialog .PetClassicStatsRows > span > span:first-child {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    flex: 0 0 24px !important;
    height: 18px !important;
    margin: 0 6px 0 0 !important;
    padding: 0 !important;
}

#PetLevelDialog .PetClassicStatsRows > span > span:last-child {
    display: inline-block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.94) !important;
}

#PetLevelDialog .BattlePetSkillsList {
    gap: 5px !important;
}

#PetLevelDialog .BattlePetSkill {
    border-radius: 5px !important;
    background: rgba(246,251,255,.70) !important;
    border-color: rgba(58,130,181,.52) !important;
    min-height: 46px !important;
    height: 46px !important;
    padding: 4px !important;
    gap: 5px !important;
    box-sizing: border-box !important;
}

#PetLevelDialog .BattlePetSkillIcon {
    width: 31px !important;
    height: 31px !important;
}

#PetLevelDialog .BattlePetSkillName {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: 0 !important;
    color: #163e61 !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.95) !important;
    font-size: 8px !important;
    line-height: 10px !important;
}

#PetLevelDialog .BattlePetSkillLevel {
    margin-top: 2px !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: 0 !important;
    color: #8a6100 !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.92) !important;
    font-size: 8px !important;
    line-height: 10px !important;
}

#PetLevelDialog .BattlePetLevelInfo {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: 0 !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    align-self: start !important;
    width: 100% !important;
    min-height: 28px !important;
    max-height: 28px !important;
    margin: 0 !important;
    padding: 3px 14px 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-top: 1px solid rgba(54,135,194,.28) !important;
    color: #2d668d !important;
    background: transparent !important;
    font-size: 9px !important;
    line-height: 11px !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.95) !important;
}

#PetLevelDialog .PetClassicButtons {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 24px !important;
    z-index: 20 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
}

#PetLevelDialog .PetClassicButton {
    min-width: 92px !important;
    height: 29px !important;
    line-height: 29px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
}

#PetLevelDialog .BattlePetLevelStatus {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: 0 !important;
    position: absolute !important;
    left: 26px !important;
    right: 26px !important;
    bottom: 5px !important;
    z-index: 20 !important;
    min-height: 14px !important;
    height: 14px !important;
    line-height: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #3d6884 !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.95) !important;
}

@supports (height: 100dvh) {
    .BattlePetLevelModalWrap {
        height: 100dvh;
    }

    .BattlePetLevelDialog {
        max-height: calc(100dvh - 18px);
    }

}

@media (max-width: 600px) {
    .BattlePetLevelDialog {
        width: calc(100vw - 14px);
        min-height: 0;
        max-height: calc(100vh - 16px);
        overflow-y: auto;
    }

    .BattlePetClassicPanel {
        grid-template-columns: 145px minmax(0, 1fr);
        gap: 8px 9px;
        padding: 9px;
    }

    .BattlePetPortraitFrame {
        height: 188px;
    }

    .BattlePetPortraitStage {
        transform: scale(1.12);
    }

    .BattlePetSkillsList {
        flex-direction: column;
    }

    .BattlePetSkill {
        min-height: 45px;
    }

    .PetClassicButtons {
        gap: 7px;
        flex-wrap: wrap;
    }

    .PetClassicButton {
        min-width: 88px;
        font-size: 12px;
    }

    .PetClassicFeedInfo {
        font-size: 10px;
    }

    .PetClassicStatsRows {
        font-size: 10px;
    }

}

@media (max-width: 430px) {
    .BattlePetClassicPanel {
        display: block;
    }

    .BattlePetClassicLeft {
        float: left;
        width: 132px;
        margin-right: 9px;
        margin-bottom: 5px;
    }

    .BattlePetPortraitFrame {
        height: 160px;
    }

    .BattlePetPortraitStage {
        transform: scale(.98);
    }

    .BattlePetClassicRight {
        padding-top: 2px;
    }

    .BattlePetLevelInfo {
        clear: both;
    }

    .BattlePetLevelPetName {
        font-size: 11px;
    }

    .BattlePetNextPower {
        grid-template-columns: 31px minmax(0,1fr);
    }

    .BattlePetNextPower small {
        grid-column: 2;
    }

}

@media (max-height: 430px) {
    .BattlePetLevelDialog {
        top: 8px;
        transform: translateX(-50%);
        max-height: calc(100vh - 16px);
        overflow-y: auto;
    }

    .BattlePetLevelStatus {
        display: none;
    }

}

@media (max-width: 600px), (max-height: 490px) {
    #PetLevelDialog.BattlePetLevelDialog {
        transform: translate(-50%, -50%) scale(.86) !important;
        transform-origin: center center !important;
        max-width: none !important;
        max-height: none !important;
    }

    #PetLevelDialog .BattlePetLevelPetName {
        font-size: 14px !important;
    }

    #PetLevelDialog .BattlePetClassicTypeLine {
        font-size: 10px !important;
    }

    #PetLevelDialog .BattlePetLevelLine {
        font-size: 10px !important;
    }

    #PetLevelDialog .PetClassicFeedInfo {
        font-size: 10px !important;
    }

    #PetLevelDialog .BattlePetSectionTitle {
        font-size: 10px !important;
    }

    #PetLevelDialog .PetClassicStatsRows {
        font-size: 10px !important;
    }

    #PetLevelDialog .BattlePetPortraitMeta {
        font-size: 10px !important;
    }

    #PetLevelDialog .BattlePetExpMeta {
        font-size: 8px !important;
    }

    #PetLevelDialog .BattlePetNextPowerText span {
        font-size: 8px !important;
    }

    #PetLevelDialog .BattlePetNextPower small {
        font-size: 8px !important;
    }

    #PetLevelDialog .BattlePetSkillName {
        font-size: 8px !important;
    }

    #PetLevelDialog .BattlePetSkillLevel {
        font-size: 8px !important;
    }

    #PetLevelDialog .BattlePetLevelInfo {
        font-size: 8px !important;
    }

    #PetLevelDialog .BattlePetLevelStatus {
        font-size: 8px !important;
    }

    #PetLevelDialog .BattlePetPortraitStage {
        transform: scale(1.36) !important;
    }

}

@media (max-width: 505px), (max-height: 410px) {
    #PetLevelDialog.BattlePetLevelDialog {
        transform: translate(-50%, -50%) scale(.72) !important;
    }

}

#season3RoomItemButton,
#room_mapa_mode,
#room_mode_items,
#room_mode_suvita,
.season3ItemDecor,
#itemOk {
    display: none;
}

body.season3 #roomScreen {
    color: #fff;
}

body.season3 #roomOwner,
body.season3 #roomOverly,
body.season3 #room_item_buddy_tab1,
body.season3 #room_item_buddy_tab2,
body.season3 #room_item_buddy_tab3,
body.season3 #friendsListExtra,
body.season3 #guildRoomTabExtra,
body.season3 #room_avatars,
body.season3 #room_wind,
body.season3 #room_turn_time_text,
body.season3 #gp_rate,
body.season3 #gp_team_a,
body.season3 #gp_team_b,
body.season3 #RoomWatchers,
body.season3 #buttonShopFromRoom {
    display: none !important;
}

body.season3 .ready_title,
body.season3 .ready_start,
body.season3 .ready_ready,
body.season3 .ready_team,
body.season3 .ready_mobile,
body.season3 .ready_item,
body.season3 .ready_room_option,
body.season3 .roomPlayerNotReady,
body.season3 .roomPlayerReady,
body.season3 .roomPlayerMaster,
body.season3 .roomPlayerShadow,
body.season3 .roomPlayerMyself,
body.season3 #room_game_mode,
body.season3 #room_players,
body.season3 #room_mapa_mode,
body.season3 #room_mode_items,
body.season3 #room_mode_suvita,
body.season3 #room_turn_time,
body.season3 #itemsSelection.InRoom,
body.season3 #itemsSelection.InRoom .tab_Item1,
body.season3 #itemsSelection.InRoom .tab_Item2,
body.season3 #itemsSelection.InRoom .ReadyMode_slot_up,
body.season3 #itemsSelection.InRoom .ReadyMode_slot_down,
body.season3 #itemsSelection.InRoom .itemDual,
body.season3 #itemsSelection.InRoom .itemDualP,
body.season3 #itemsSelection.InRoom .itemTeleport,
body.season3 #itemsSelection.InRoom #itemOk,
body.season3 #dialog_room_options.ready_option,
body.season3 #roomMobileSelect.circularMobilePicker,
body.season3 #roomMobileSelect.circularMobilePicker .buttonRareMobile,
body.season3 #roomMobileSelectOk,
body.season3 #roomMobileSelectCancel {
    background-image: url(/static/images/themes/season3/ready_back2.png) !important;
    background-repeat: no-repeat !important;
    background-size: 2880px 2500px !important;
    filter: none !important;
}

body.season3 #roomNumber {
    position: absolute !important;
}

body.season3 #roomTitle {
    position: absolute !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

body.season3 #room_change_title_button {
    position: absolute !important;
    width: 15px !important;
    height: 15px !important;
    background-position: -956px -888px !important;
    transform: none !important;
}

body.season3 #room_change_title_button:hover {
    background-position: -972px -888px !important;
}

body.season3 #room_change_title_button:active {
    background-position: -988px -888px !important;
}

body.season3 #room_change_title_button > .Alt {
    display: none !important;
}

body.season3 .SideA .roomPlayerName,
body.season3 .SideB .roomPlayerName {
    position: absolute !important;
    right: auto !important;
    z-index: 10 !important;
}

body.season3 .SideA .roomPlayerMobile,
body.season3 .SideB .roomPlayerMobile {
    position: absolute !important;
    top: 136px !important;
}

body.season3 .SideA .roomPlayerNotReady,
body.season3 .SideB .roomPlayerNotReady {
    position: absolute !important;
    width: 84px !important;
    height: 21px !important;
    background-position: -1px -2394px !important;
}

body.season3 .SideA .roomPlayerReady,
body.season3 .SideB .roomPlayerReady {
    position: absolute !important;
    width: 84px !important;
    height: 21px !important;
    background-position: -1px -2418px !important;
}

body.season3 .SideA .roomPlayerMaster,
body.season3 .SideB .roomPlayerMaster {
    position: absolute !important;
    left: 8px !important;
    top: 53px !important;
    width: 35px !important;
    height: 33px !important;
    background-position: -150px -2455px !important;
}

body.season3 .roomPlayerMyself {
    width: 214px !important;
    height: 158px !important;
    background-position: -754px -1559px !important;
}

body.season3 .SideA .roomPlayerMyself,
body.season3 .SideB .roomPlayerMyself {
    position: absolute !important;
    top: -4px !important;
    left: -3px !important;
    z-index: 8 !important;
}

body.season3 .SideA .roomPlayerShadow,
body.season3 .SideB .roomPlayerShadow {
    position: absolute !important;
    left: 58px !important;
    bottom: 10px !important;
    width: 68px !important;
    height: 10px !important;
    background-position: -1px -2489px !important;
}

body.season3 .roomBotSelect,
body.season3 .roomBotRemove {
    background: linear-gradient(180deg,#57bce3,#1670b8) !important;
    text-align: center !important;
}

body.season3 .roomBotSelect:after {
    content: "BOT";
}

body.season3 .roomBotRemove:after {
    content: "QUITAR";
}

body.season3 #room_map {
    position: absolute !important;
}

body.season3 #roomButtonStart,
body.season3 #roomButtonReady {
    position: absolute !important;
    margin: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    z-index: 24 !important;
}

body.season3 #roomButtonStart {
    background-position: -976px -477px !important;
}

body.season3 #roomButtonStart:hover {
    background-position: -1137px -477px !important;
}

body.season3 #roomButtonStart:active {
    background-position: -1298px -477px !important;
}

body.season3 #roomButtonReady {
    background-position: -976px -406px !important;
}

body.season3 #roomButtonReady:hover {
    background-position: -1137px -406px !important;
}

body.season3 #roomButtonReady:active {
    background-position: -1298px -406px !important;
}

body.season3 #roomButtonChangeTeam {
    position: absolute !important;
    background-position: -1022px -548px !important;
    transform: none !important;
    z-index: 24 !important;
}

body.season3 #roomButtonChangeTeam:hover {
    background-position: -1115px -548px !important;
}

body.season3 #roomButtonChangeTeam:active {
    background-position: -1208px -548px !important;
}

body.season3 #roomButtonStart > .Alt,
body.season3 #roomButtonReady > .Alt,
body.season3 #roomButtonChangeTeam > .Alt {
    display: none !important;
}

body.season3 #room_game_mode,
body.season3 #room_players,
body.season3 #room_mapa_mode,
body.season3 #room_mode_items,
body.season3 #room_mode_suvita,
body.season3 #room_turn_time {
    position: absolute !important;
    display: block;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    font-size: 0 !important;
    line-height: 19px !important;
    color: white !important;
    text-align: center !important;
    overflow: hidden !important;
}

body.season3 .season3RoomModeScore {
    background-position: -2px -1857px !important;
}

body.season3 .season3RoomModeTag {
    background-position: -2px -1877px !important;
}

body.season3 .season3RoomModeSolo {
    background-position: -2px -1897px !important;
}

body.season3 .season3RoomModeJewel {
    background-position: -2px -1917px !important;
}

body.season3 .season3RoomModeFootball {
    background-position: -2px -1937px !important;
}

body.season3 .season3RoomPlayers1 {
    background-position: -2px -1997px !important;
}

body.season3 .season3RoomPlayers2 {
    background-position: -2px -2017px !important;
}

body.season3 .season3RoomPlayers3 {
    background-position: -2px -2037px !important;
}

body.season3 .season3RoomPlayers4 {
    background-position: -2px -2057px !important;
}

body.season3 .season3RoomMapTypeA {
    background-position: -2px -2077px !important;
}

body.season3 .season3RoomMapTypeB {
    background-position: -2px -2097px !important;
}

body.season3 .season3RoomItemsBomb {
    background-position: -2px -2157px !important;
}

body.season3 .season3RoomItemsAttack {
    background-position: -2px -2177px !important;
}

body.season3 .season3RoomSuddenDouble {
    background-position: -2px -2197px !important;
}

body.season3 .season3RoomSuddenBigBomb {
    background-position: -2px -2217px !important;
}

body.season3 .season3RoomSuddenDeathSS {
    background-position: -2px -2237px !important;
}

body.season3 .season3RoomSuddenInactive {
    background-position: -2px -2257px !important;
}

body.season3 .season3RoomTurn1 {
    background-position: -2px -1777px !important;
}

body.season3 .season3RoomTurn40 {
    background-position: -2px -1797px !important;
}

body.season3 .season3RoomTurn56 {
    background-position: -2px -1817px !important;
}

body.season3 .season3RoomTurn72 {
    background-position: -2px -1837px !important;
}

body.season3 .season3RoomValueFallback {
    background-image: none !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 0 !important;
    text-align: center !important;
    overflow: visible !important;
}

body.season3 .season3RoomValueFallback:after {
    content: attr(data-season3-text);
    display: block;
    width: 100%;
    height: 19px;
    box-sizing: border-box;
    font-family: "Arial Rounded MT Bold", "Arial Black", Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 19px !important;
    letter-spacing: -0.25px !important;
    color: #fff !important;
    text-align: center !important;
    -webkit-font-smoothing: none;
    text-rendering: geometricPrecision;
    -webkit-text-stroke: .22px #5067a8;
    text-shadow:
        -1px 0 #5067a8, 1px 0 #5067a8,
        0 -1px #5067a8, 0 1px #5067a8,
        -1px -1px 0 #314b86, 1px -1px 0 #314b86,
        -1px 1px 0 #314b86, 1px 1px 0 #314b86,
        0 2px 1px rgba(20,45,95,.7) !important;
    white-space: nowrap;
    overflow: visible;
}

body.season3 #roomChat {
    position: absolute !important;
}

body.season3 #roomChatHtml {
    font-size: 12px !important;
    color: #b5efd6;
}

body.season3 #container.Room #roomChat .viewport {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    position: relative;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

body.season3 #container.Room #roomChat .viewport::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

body.season3 #roomChat .overview {
    margin: 0 !important;
    word-wrap: break-word !important;
}

body.season3 #container.Room #roomChat .scrollbar {
    position: relative !important;
    float: right !important;
    width: 13px !important;
    padding: 13px 0 !important;
    box-sizing: content-box !important;
    z-index: 30 !important;
    overflow: visible !important;
    background-color: transparent !important;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAACEUlEQVR4nF2NTUhUURxHz//eN/NmxpnnjFo6maOGSJKU0MeyhPYt2hcEQdBG2hVt27ho4cJFtAkqAjeVBa0y29QiBZ1SJtGEMCE/Ckfn4715794WGkQHfouzOPxkbGzJHRnp959OLS1u/JSBtcXlKAhCba3By6Qa54fPxTpawvdDJ1qHH0zOpG5cOlMVgFt3nt/vHjp+Pd+ezqQSDRpKS2ChWo/M7o7Ci9g+5gUPL1zsvzvx4XtSbt+bvnmoo228d7CTnj7Xeq1JaQbqQKkM08UNU93S6qRUKH2cvTI6evmJkz9aGM/3eeHAYFabBBJYKG3XUCgSrktL4bAqST0qzu3IYCL9aP7bzifVfiRFTyHnCIhfj8gJvH71ham3X8lkgGrEnk7od81tas3r0JVdv+ikWz0TiykV+IZCi+bF9Aqf59dxHaG5M0f+VBdmE0yiiVmdw69EcSfpOioMDemsMDm1zOOJOep7PoLl5bMZTpdDUu09KCtsSdIuLK40nJg1CJp4XFha/U1vd45sNgkotrd2+bFaxukSjLW4gtSDKO4gglJCpQJXr53FKsCCjWCzBgu/4M064CgMoCIfJ94URxRYA1oBgBWwet9FwGIBwZgU5WodJzQRcTSiIKhZQrG4CkwoVGuW0Bdi5uDdwp5vcRpBA5IKEDSC0bIfWVBaUAL6b0RIZAUlIvyPPdi/vo8gwB8au9ykgbL81AAAAABJRU5ErkJggg=="), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAACDUlEQVR4nF2OO08UYRiFn/ebmV129iLgrgphUSNBTEBiIFZKAGOlEnsbC42FBbE0/gUtqIyx8B8IsddoYrDARAsvLBQGJLIgy8qy15md77WAwvgkpzhPcXLk7XJTM5kYHSlBXQhdSBqwbVirQ6EEbzZhfgvSG1Xult9jVJX/kcP82w9QFHC9mAdyoCMUGyktBRsJNlKsCpEBRBBcHFFc1zgIoBZiCSGGoIB44Kvg1iE0CnKwnYoLJqgFqFXEgLUQAVbBRhBZUAU5PGhMnUy6AxdVrFWSSeHpiyWK2xU6OxOAobSzj+0+RsfEKLQtBrBOHDcUgwJBoAye7uLD0hrNr0UEJXkkydjYAIVAMQIti3qeE7qNVtt2u55p1C0z0wNYI7xc+ELcFaZuXiA7mufTZ7BiydGQ8ZF8zK2WKibMxUmkDeu1iGuTZ1j9sUvKjzNxKc/r5QjjOZhmjXFbJtd9PHC3ftUxfrk90nXUiSccKStcvzGMwbC/D/gOqVIzmt7bkd5KUX2/57zZ3Fi//3O56Ba+/5Fgr6ExgaFsgv5snKbC7tq27ftdc26ddI3XqN7u68sVBODBw/knJ4aH7vT3ptMpPyAQR0KFejOytYoho1rq7wqfT10efLS4uJ6QubmV+OzsYOvxwuq3dlXO7aysRo1W2xEs6aQfXrl60cv3hO/OnspOPnv10b83M17/Cxti4lPZ2Ol3AAAAAElFTkSuQmCC") !important;
    background-position: center top, center bottom !important;
    background-repeat: no-repeat, no-repeat !important;
}

body.season3 #container.Room #roomChat .scrollbar .track {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 13px !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.season3 #container.Room #roomChat .scrollbar .thumb {
    position: absolute !important;
    left: 1px !important;
    top: 0;
    width: 11px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    overflow: hidden !important;
    border: 1px solid rgba(54,139,199,.86) !important;
    border-radius: 6px !important;
    background: linear-gradient(90deg,#f5fdff 0%,#c8f3ff 27%,#71daf5 57%,#16a9df 77%,#0878bd 100%) !important;
    box-shadow: inset 0 0 2px #fff, 0 0 2px rgba(26,100,165,.55) !important;
}

body.season3 #container.Room #roomChat .scrollbar .thumb:hover {
    filter: brightness(1.08) !important;
}

body.season3 #container.Room #roomChat .scrollbar .thumb .end {
    display: none !important;
}

body.season3 #roomInput {
    position: absolute !important;
    background-color: transparent !important;
    border: 0 !important;
    color: #adf7f7 !important;
    z-index: 111 !important;
}

body.season3 #roomInput:focus {
    border: 1px solid orange !important;
    background-color: #001839 !important;
}

body.season3 #roomButtonMobile,
body.season3 #season3RoomItemButton,
body.season3 #room_options_button {
    position: absolute !important;
    width: 66px !important;
    height: 69px !important;
    display: block;
    margin: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    z-index: 24 !important;
    background-image: url(/static/images/themes/season3/iconos_mejorados.png) !important;
    background-repeat: no-repeat !important;
    background-size: 2413px 1191px !important;
    filter: none !important;
    cursor: pointer;
}

body.season3 #roomButtonMobile {
    background-position: -2280.536px 0 !important;
}

body.season3 #roomButtonMobile:hover {
    background-position: -2281px -69px !important;
}

body.season3 #roomButtonMobile:active {
    background-position: -2281px -139px !important;
}

body.season3 #season3RoomItemButton {
    background-position: -2346.536px 0 !important;
}

body.season3 #season3RoomItemButton:hover {
    background-position: -2347px -69px !important;
}

body.season3 #season3RoomItemButton:active {
    background-position: -2347px -139px !important;
}

body.season3 #room_options_button {
    background-position: -2214.536px 0 !important;
}

body.season3 #room_options_button:hover {
    background-position: -2215px -69px !important;
}

body.season3 #room_options_button:active {
    background-position: -2214px -139px !important;
}

body.season3 #roomButtonMobile.grayscale,
body.season3 #roomButtonMobile.disabledBtn {
    background-position: -2280.536px -210px !important;
    filter: none !important;
}

body.season3 #season3RoomItemButton.grayscale,
body.season3 #season3RoomItemButton.disabledBtn {
    background-position: -2346.536px -210px !important;
    filter: none !important;
}

body.season3 #room_options_button.grayscale,
body.season3 #room_options_button.disabledBtn {
    background-position: -2214.536px -210px !important;
    filter: none !important;
}

body.season3 #roomButtonMobile > .Alt,
body.season3 #season3RoomItemButton > .Alt,
body.season3 #room_options_button > .Alt {
    display: none !important;
}

body.season3 #buttonOptionsRoom,
body.season3 #roomButtonBack {
    position: absolute !important;
    background-image: url(/static/images/themes/season3/iconos_mejorados.png) !important;
    background-repeat: no-repeat !important;
    background-size: 2413px 1191px !important;
    overflow: hidden !important;
    filter: none !important;
    transform: none !important;
    cursor: pointer;
}

body.season3 #buttonOptionsRoom {
    width: 40px !important;
    height: 40px !important;
    background-position: -1787px -3px !important;
}

body.season3 #buttonOptionsRoom:hover {
    background-position: -1787px -3px !important;
    filter: brightness(1.12) !important;
}

body.season3 #buttonOptionsRoom:active {
    background-position: -1787px -3px !important;
    filter: brightness(.92) !important;
    transform: translateY(1px) !important;
}

body.season3 #roomButtonBack {
    width: 49px !important;
    height: 38px !important;
    background-position: -1830px -7px !important;
}

body.season3 #roomButtonBack:hover {
    background-position: -1830px -7px !important;
    filter: brightness(1.12) !important;
}

body.season3 #roomButtonBack:active {
    background-position: -1830px -7px !important;
    filter: brightness(.92) !important;
    transform: translateY(1px) !important;
}

body.season3 #buttonOptionsRoom > .Alt {
    display: none !important;
}

body.season3 #itemsSelection.InRoom {
    position: absolute !important;
    width: 239px !important;
    height: 381px !important;
    z-index: 190 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    background-image: url(/static/images/themes/season3/iconos_mejorados.png) !important;
    background-repeat: no-repeat !important;
    background-size: 2413px 1186px !important;
    background-position: -602px -82px !important;
    overflow: visible !important;
}

body.season3 #itemsSelection.InRoom #itemsSelectText,
body.season3 #itemsSelection.InRoom #MissionsBtnRoom {
    display: none !important;
}

body.season3 #itemsSelection.InRoom .tab_Item1,
body.season3 #itemsSelection.InRoom .tab_Item2 {
    display: block !important;
    position: absolute !important;
    top: 37px !important;
    width: 70px !important;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background-image: url(/static/images/themes/season3/iconos_mejorados.png) !important;
    background-repeat: no-repeat !important;
   background-size: 2414px 1192px !important;
    cursor: pointer !important;
    z-index: 9 !important;
    filter: none !important;
}

body.season3 #RoomRandomTeams{
	top: 437px;
}

body.season3 #itemsSelection.InRoom .tab_Item1 {
    left: 13px !important;
    background-position: -902px -43px !important;
}

body.season3 #itemsSelection.InRoom .tab_Item2 {
    left: 82px !important;
    background-position: -972px -43px !important;
}

body.season3 #itemsSelection.InRoom .tab_Item1.s3ItemTabActive {
    background-position: -902px -70px !important;
}

body.season3 #itemsSelection.InRoom .tab_Item2.s3ItemTabActive {
    background-position: -972px -70px !important;
}

body.season3 #itemsSelection.InRoom .tab_Item1:hover,
body.season3 #itemsSelection.InRoom .tab_Item2:hover {
    filter: brightness(1.08) !important;
}

body.season3 #itemsSelection.InRoom .tab_Item1:active,
body.season3 #itemsSelection.InRoom .tab_Item2:active {
    filter: brightness(.94) !important;
}

body.season3 #itemsSelection.InRoom .ReadyMode_slot_up,
body.season3 #itemsSelection.InRoom .ReadyMode_slot_down {
    display: block !important;
    position: absolute !important;
    left: 183px !important;
    top: 103px !important;
    width: 21px !important;
    height: 9px !important;
    background-position: -284px -1px !important;
}

body.season3 #itemsSelection.InRoom .ReadyMode_slot_down {
    left: 204px !important;
    background-position: -284px -41px !important;
}

body.season3 #itemsSelection.InRoom #itemSlot0,
body.season3 #itemsSelection.InRoom #itemSlot2,
body.season3 #itemsSelection.InRoom #itemSlot4 {
    position: absolute !important;
    top: 72px !important;
    height: 31px !important;
    margin: 0 !important;
    z-index: 4 !important;
}

body.season3 #itemsSelection.InRoom #itemSlot0 {
    left: 16px !important;
}

body.season3 #itemsSelection.InRoom #itemSlot2 {
    left: 86px !important;
}

body.season3 #itemsSelection.InRoom #itemSlot4 {
    left: 156px !important;
}

body.season3 #itemsSelection.InRoom #itemSlot1,
body.season3 #itemsSelection.InRoom #itemSlot3,
body.season3 #itemsSelection.InRoom #itemSlot5 {
    display: none !important;
}

body.season3 #itemsSelection.InRoom .itemDual,
body.season3 #itemsSelection.InRoom .itemDualP,
body.season3 #itemsSelection.InRoom .itemTeleport {
    width: 69px !important;
    height: 31px !important;
    background-image: url("/static/images/themes/DragonBall/clasico/stuff_HD.webp?7#png") !important;
    background-repeat: no-repeat !important;
    background-size: 1000px 1500px !important;
}

body.season3 #itemsSelection.InRoom .itemDual {
    background-position: -480px -1382.5px !important;
}

body.season3 #itemsSelection.InRoom .itemDualP {
    background-position: -480px -1414px !important;
}

body.season3 #itemsSelection.InRoom .itemTeleport {
    background-position: -480px -1445.5px !important;
}

body.season3 #itemsSelection.InRoom #itemDual,
body.season3 #itemsSelection.InRoom #itemDualP,
body.season3 #itemsSelection.InRoom #itemTeleport,
body.season3 #itemsSelection.InRoom #itemWindT {
    position: absolute !important;
    margin: 0 !important;
    z-index: 5 !important;
}

body.season3 #itemsSelection.InRoom #itemDual {
    left: 22px !important;
    top: 228px !important;
}

body.season3 #itemsSelection.InRoom #itemDualP {
    left: 99px !important;
    top: 228px !important;
}

body.season3 #itemsSelection.InRoom #itemWindT {
    left: 22px !important;
    top: 266px !important;
}

body.season3 #itemsSelection.InRoom #itemTeleport {
    left: 22px !important;
    top: 304px !important;
}

body.season3 #itemsSelection.InRoom #itemWindT,
body.season3 #itemsSelection.InRoom #itemSlot0.itemWindT,
body.season3 #itemsSelection.InRoom #itemSlot2.itemWindT,
body.season3 #itemsSelection.InRoom #itemSlot4.itemWindT {
    width: 69px !important;
    height: 31px !important;
    background-image: url(/static/images/items2.png) !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
    background-position: -172px 0 !important;
}

body.season3 #itemsSelection.InRoom #itemOk {
    display: block !important;
    position: absolute !important;
    left: 145px !important;
    top: 346px !important;
    width: 84px !important;
    height: 26px !important;
    background-position: -1022px -619px !important;
    z-index: 7 !important;
    cursor: pointer !important;
}

body.season3 #itemsSelection.InRoom #itemOk:hover {
    background-position: -1022px -646px !important;
}

body.season3 #itemsSelection.InRoom #itemOk:active {
    background-position: -1022px -673px !important;
    margin: 0 !important;
}

body.season3 #itemsSelection.InRoom .ItemBtn:active {
    margin: 0 !important;
}

body.season3 #roomMobileSelect.circularMobilePicker {
    width: 551px !important;
    height: 560px;
    background-position: -424px 0 !important;
}

body.season3 #roomMobileSelect.circularMobilePicker .buttonRareMobile,
body.season3 #roomMobileSelectOk,
body.season3 #roomMobileSelectCancel {
    background-size: 2880px 2500px !important;
}

body.season3 #dialog_change_title_div .AlertBoxBackground {
    display: none !important;
}

body.season3 #dialog_change_title_div .AlertBox {
    position: absolute !important;
    width: 216px !important;
    height: 153px !important;
    background-image: url(/static/images/themes/season3/ready_back2.png) !important;
    background-repeat: no-repeat !important;
    background-size: 2880px 2500px !important;
    background-position: -1828px -283px !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.season3 #dialog_change_title_div .AlertBoxTitle {
    display: none !important;
}

body.season3 #dialog_change_title_div .AlertBoxContent > label,
body.season3 #dialog_change_title_div label {
    display: none !important;
}

body.season3 #dialog_change_title_div .AlertBoxContent {
    position: static !important;
    background: none !important;
}

body.season3 #dialog_change_title_div #room_change_title_input {
    position: absolute !important;
    top: 55px !important;
    left: 70px !important;
    width: 111px !important;
    height: 16px !important;
    outline: none !important;
    border: 0 !important;
    background: none !important;
    color: #4a61d6 !important;
}

body.season3 #dialog_change_title_ok,
body.season3 #dialog_change_title_cancel {
    position: absolute !important;
    top: 108px !important;
    width: 61px !important;
    height: 27px !important;
    background-image: url(/static/images/themes/season3/roomlist_back2.png) !important;
    background-repeat: no-repeat !important;
}

body.season3 #dialog_change_title_ok {
    left: 82px !important;
    background-position: -437px -1397px !important;
}

body.season3 #dialog_change_title_cancel {
    left: 146px !important;
    background-position: -375px -1397px !important;
}

@media (max-height:590px) {
    body.season3 #dialog_room_options.ready_option {
        transform: scale(1.25) !important;
        transform-origin: center center !important;
    }
}

@media (max-height:500px) {
    body.season3 #dialog_room_options.ready_option {
        transform: scale(1.5) !important;
        transform-origin: center center !important;
    }
}

body.season3 #dialog_room_options .room_list-optionleft,
body.season3 #dialog_room_options .room_list-optionright,
body.season3 #RoomOptionsOK,
body.season3 #RoomOptionsCancel,
body.season3 #dialog_change_title_ok,
body.season3 #dialog_change_title_cancel {
    background-size: auto !important;
}

body.season3 #add_bot_button {
    background: linear-gradient(180deg,#67c9eb 0%,#2f8fd1 48%,#1e67ad 100%) !important;
}

body.season3 #add_bot_button:after {
    content: "+ BOT";
    display: block;
    font-size: 9px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 1px #154a7c;
}

body.season3 #room_timer {
    background: none !important;
    background-image: none !important;
    width: 54px !important;
    height: 22px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(255,255,255,.8) !important;
    background-color: rgba(24,102,176,.88) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.55) !important;
}

body.season3 #room_timer_text {
    color: #fff !important;
    text-shadow: 0 1px 1px #123b64 !important;
}

body.season3 #RoomRandomTeams,
body.season3 #no_win_bonus,
body.season3 #team_search {
    font-family: Arial,sans-serif !important;
    color: #fff !important;
    text-shadow: 0 1px 2px #16406c !important;
}

body.season3 #roomScreen {
    width: 800px !important;
    height: 600px !important;
    transform: none !important;
    -webkit-transform: none !important;
    transform-origin: 0 0 !important;
    -webkit-transform-origin: 0 0 !important;
    background-size: 800px 600px !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    overflow: visible !important;
}

body.season3 #roomTitle {
    top: 6px !important;
    width: 285px !important;
    height: 16px !important;
}

body.season3 #room_change_title_button {
    left: 486px !important;
    top: 8px !important;
}

body.season3 .playerInRoom {
    width: 196px !important;
    height: 152px !important;
}

body.season3 #playerInRoom0,
body.season3 #playerInRoom1 {
    left: 4px !important;
}

body.season3 #playerInRoom2,
body.season3 #playerInRoom3 {
    left: 203px !important;
}

body.season3 #playerInRoom4,
body.season3 #playerInRoom5 {
    left: 402px !important;
}

body.season3 #playerInRoom6,
body.season3 #playerInRoom7 {
    left: 601px !important;
}

body.season3 #playerInRoom1,
body.season3 #playerInRoom3,
body.season3 #playerInRoom5,
body.season3 #playerInRoom7 {
    top: 37px !important;
}

body.season3 #playerInRoom0,
body.season3 #playerInRoom2,
body.season3 #playerInRoom4,
body.season3 #playerInRoom6 {
    top: 274px !important;
}

body.season3 .SideA .roomPlayerMyself,
body.season3 .SideB .roomPlayerMyself {
    transform: scaleX(.916) !important;
    -webkit-transform: scaleX(.916) !important;
    transform-origin: left top !important;
    -webkit-transform-origin: left top !important;
}

body.season3 #room_map {
    left: 13px !important;
    top: 216px !important;
    width: 211px !important;
    height: 47px !important;
}

body.season3 #roomButtonStart,
body.season3 #roomButtonReady {
    left: 236px !important;
    top: 197px !important;
    width: 160px !important;
    height: 70px !important;
}

body.season3 #roomButtonChangeTeam {
    left: 402px !important;
    top: 197px !important;
    width: 92px !important;
    height: 70px !important;
}

body.season3 #roomChat {
    left: 14px !important;
    top: 457px !important;
    height: 60px !important;
}

body.season3 #container.Room #roomChat .viewport {
    width: 505px !important;
    height: 60px !important;
}

body.season3 #roomChat .overview {
    left: 0 !important;
    top: 0 !important;
}

body.season3 #roomInput {
    left: 19px !important;
    top: 524px !important;
    width: 519px !important;
    height: 16px !important;
}

body.season3 #roomButtonMobile {
    left: 578px !important;
    top: 468px !important;
}

body.season3 #season3RoomItemButton {
    left: 648px !important;
    top: 468px !important;
}

body.season3 #room_options_button {
    left: 718px !important;
    top: 468px !important;
}

body.season3 #buttonOptionsRoom {
    left: 670px !important;
    top: 560px !important;
}

body.season3 #roomButtonBack {
    left: 740px !important;
    top: 562px !important;
}

body.season3 #itemsSelection.InRoom {
    left: 279.5px !important;
    top: 116px !important;
}

body.season3 #roomMobileSelect.circularMobilePicker {
    left: 124px !important;
    top: 5px !important;
}

body.season3 #dialog_room_options.ready_option {
    left: 212px !important;
    top: 98px !important;
}

body.season3 #dialog_change_title_div .AlertBox {
    left: 292px !important;
    top: 224px !important;
}

body.season3.Room #roomScreen,
body.season3 #container.Room #roomScreen {
    transform: none !important;
    -webkit-transform: none !important;
}

body.season3 #room_game_mode {
    left: 576px !important;
    top: 202px !important;
    width: 57px !important;
    height: 19px !important;
}

body.season3 #room_players {
    left: 576px !important;
    top: 221px !important;
    width: 57px !important;
    height: 19px !important;
}

body.season3 #room_mapa_mode {
    left: 576px !important;
    top: 240px !important;
    width: 57px !important;
    height: 19px !important;
}

body.season3 #room_mode_items {
    left: 730px !important;
    top: 202px !important;
    width: 57px !important;
    height: 19px !important;
}

body.season3 #room_mode_suvita {
    left: 730px !important;
    top: 221px !important;
    width: 57px !important;
    height: 19px !important;
}

body.season3 #room_turn_time {
    left: 730px !important;
    top: 240px !important;
    width: 57px !important;
    height: 19px !important;
}

body.season3 #roomScreen {
    font-size: 12px !important;
}

body.season3 #roomTitle {
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 15px !important;
}

body.season3 .roomPlayerGuild,
body.season3 .roomPlayerGP,
body.season3 .roomPlayerPing,
body.season3 .roomPlayerStatus {
    font-size: 12px !important;
}

body.season3 .playerInRoom {
    overflow: visible !important;
}

body.season3 .SideA .roomPlayerName,
body.season3 .SideB .roomPlayerName,
body.season3 .roomPlayerName {
    left: -6px !important;
    top: 30px !important;
    width: 208px !important;
    height: 18px !important;
    line-height: 15px !important;
    font-size: 12px !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-align: center !important;
    transform: scaleX(.90) !important;
    -webkit-transform: scaleX(.90) !important;
    transform-origin: center top !important;
    -webkit-transform-origin: center top !important;
}

body.season3 .roomPlayerName img,
body.season3 .roomPlayerName span,
body.season3 .roomPlayerName div {
    overflow: visible !important;
}

body.season3 .SideA .roomPlayerMyself,
body.season3 .SideB .roomPlayerMyself {
    overflow: visible !important;
}

body.season3 #roomScreen .roomPlayerName .nyxcafe2,
body.season3 #roomScreen .roomPlayerName .nyxcafe3,
body.season3 #roomScreen .roomPlayerName .nyxcafe4,
body.season3 #roomScreen .roomPlayerName .nyxcafe5,
body.season3 #roomScreen .roomPlayerName .nyxcafe6,
body.season3 #roomScreen .roomPlayerName .nyxcafe7,
body.season3 #roomScreen .roomPlayerName .nyxcafe8,
body.season3 #roomScreen .roomPlayerName .nyxcafe9,
body.season3 #roomScreen .roomPlayerName .nyxcafe10,
body.season3 #roomScreen .roomPlayerName .nyxcafe11,
body.season3 #roomScreen .roomPlayerName .nyxcafe12,
body.season3 #roomScreen .roomPlayerName .vipTag,
body.season3 #roomScreen .roomPlayerName .vipTagImage,
body.season3 #roomScreen .roomPlayerName .vipTagImage2,
body.season3 #roomScreen .roomPlayerName .viptext {
    display: none !important;
}

body.season3 .SideA .roomPlayerShadow {
    left: 70px !important;
}

body.season3 .SideA .roomPlayerMobile {
    left: 105px !important;
    right: auto !important;
}

body.season3 .SideB .roomPlayerMobile {
    left: 92px !important;
    right: auto !important;
}

body.season3 #dialog_room_options {
    position: absolute !important;
    width: 375px !important;
    height: 383px !important;
    background-image: url(/static/images/themes/DragonBall/clasico/stuff_HD.webp?7#png) !important;
    background-repeat: no-repeat !important;
    background-size: 1000px 1500px !important;
    background-position: -375.5px -494.5px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.season3 #dialog_room_options .buttonPrev,
body.season3 #dialog_room_options .buttonNext,
body.season3 #dialog_room_options .buttonOK,
body.season3 #dialog_room_options .buttonCancel,
body.season3 #dialog_room_options .imgLock,
body.season3 #dialog_room_options .ItemBtn,
body.season3 #dialog_room_options .imgS1,
body.season3 #dialog_room_options .rank,
body.season3 #dialog_room_options #RoomOptionsModeIcon {
    background-image: url(/static/images/themes/DragonBall/clasico/stuff_HD.webp?7#png) !important;
    background-repeat: no-repeat !important;
    background-size: 1000px 1500px !important;
}

body.season3 #dialog_room_options .buttonPrev {
    width: 18px !important;
    height: 18px !important;
    margin-left: -5px !important;
    margin-top: -5px !important;
    background-position: -620.5px -326.5px !important;
}

body.season3 #dialog_room_options .buttonNext {
    width: 18px !important;
    height: 18px !important;
    margin-left: -5px !important;
    margin-top: -5px !important;
    background-position: -640px -326.5px !important;
}

body.season3 #RoomOptionsOK {
    width: 90px !important;
    height: 29.5px !important;
    background-position: -851px -92.5px !important;
}

body.season3 #RoomOptionsCancel {
    width: 90px !important;
    height: 29.5px !important;
    background-position: -851px -122.5px !important;
}

body.season3 #RoomOptionsTele {
    background-position: -480px -1445.5px !important;
}

body.season3 #RoomOptionsDualP {
    background-position: -480px -1414px !important;
}

body.season3 #RoomOptionsS1 {
    background-position: 0 -1316px !important;
}

body.season3 #dialog_room_options .imgLock {
    background-position: -660px -324.5px !important;
}

body.season3 #RoomOptionsTele::after,
body.season3 #RoomOptionsS1::after,
body.season3 #RoomOptionsDualP::after {
    content: none !important;
}

body.season3 #dialog_room_options {
    left: 120px !important;
    top: 98px !important;
}

@media (max-height:590px) {
    body.season3 #dialog_room_options {
        transform: scale(1.25) !important;
        transform-origin: center center !important;
    }
}

@media (max-height:500px) {
    body.season3 #dialog_room_options {
        transform: scale(1.5) !important;
        transform-origin: center center !important;
    }
}

body.season3 .SideA .roomPlayerMaster,
body.season3 .SideB .roomPlayerMaster {
    z-index: 36 !important;
    pointer-events: none !important;
}

body.season3 .SideA .roomPlayerNotReady,
body.season3 .SideB .roomPlayerNotReady,
body.season3 .SideA .roomPlayerReady,
body.season3 .SideB .roomPlayerReady {
    z-index: 35 !important;
    pointer-events: none !important;
    left: 50% !important;
    top: auto !important;
    bottom: 12px !important;
    transform: translateX(-50%) scale(.72) !important;
    -webkit-transform: translateX(-50%) scale(.72) !important;
    transform-origin: center bottom !important;
    -webkit-transform-origin: center bottom !important;
}

body.season3 .roomBotSelect,
body.season3 .roomBotRemove,
body.season3 #add_bot_button {
    background-image: url(/static/images/themes/classicTH/stuff_THcopia2.webp?t9#png) !important;
    background-repeat: no-repeat !important;
    background-size: 1000px 1500px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 82px !important;
    height: 19px !important;
}

body.season3 .roomBotSelect {
    left: 6px !important;
    top: 4px !important;
    background-position: -751px -776px !important;
    z-index: 40 !important;
}

body.season3 .roomBotRemove {
    left: 56px !important;
    top: 4px !important;
    background-position: -917px -776px !important;
    z-index: 40 !important;
}

body.season3 #add_bot_button {
    background-position: -834px -776px !important;
}

body.season3 .roomBotSelect::after,
body.season3 .roomBotRemove::after,
body.season3 #add_bot_button::after {
    content: none !important;
    display: none !important;
}

body.season3 .roomBotSelect:hover,
body.season3 .roomBotRemove:hover,
body.season3 #add_bot_button:hover {
    filter: brightness(1.12) !important;
}

body.season3 #add_bot_button {
    left: 40px !important;
    top: 7px !important;
    z-index: 60 !important;
}

body.season3 #dialog_room_options {
    z-index: 100010 !important;
}

body.season3 #dialog_room_options * {
    z-index: inherit;
}

body.season3 #room_game_mode.season3RoomValueFallback,
body.season3 #room_players.season3RoomValueFallback,
body.season3 #room_mapa_mode.season3RoomValueFallback,
body.season3 #room_mode_items.season3RoomValueFallback,
body.season3 #room_mode_suvita.season3RoomValueFallback,
body.season3 #room_turn_time.season3RoomValueFallback {
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
    background-position: 0 0 !important;
    box-shadow: none !important;
    border: 0 !important;
    filter: none !important;
}

body.season3 #room_game_mode.season3RoomValueFallback::after,
body.season3 #room_players.season3RoomValueFallback::after,
body.season3 #room_mapa_mode.season3RoomValueFallback::after,
body.season3 #room_mode_items.season3RoomValueFallback::after,
body.season3 #room_mode_suvita.season3RoomValueFallback::after,
body.season3 #room_turn_time.season3RoomValueFallback::after {
    background: none !important;
    background-image: none !important;
}

body.season3 #roomVoicePanel {
    left: 50px !important;
    top: 435px !important;
    width: 150px !important;
    height: 20px !important;
}

body.season3 #roomVoicePanel .room_voice_head {
    justify-content: center !important;
    gap: 5px !important;
    padding: 1px 4px !important;
}

body.season3 .SideA .room_voice_slot_mic {
    left: 10px !important;
    top: 5px !important;
}

body.season3 .SideB .room_voice_slot_mic {
    right: 170px !important;
    top: 5px !important;
}

body.season3 #RoomEmoticonBtn,
body.season3 #roomBcm {
    display: block !important;
    z-index: 121 !important;
}

body.season3 #RoomEmoticonBtn {
    left: 528px !important;
    top: 433px !important;
    transform: scale(.52) !important;
    transform-origin: top left !important;
}

body.season3 #roomBcm {
    left: 545px !important;
    top: 527px !important;
    transform: scale(.95) !important;
    transform-origin: top left !important;
}

body.season3 #RoomEmoticonPicker {
    left: 79px !important;
    top: 350px !important;
}

body.season3 #RoomS1Disabled,
body.season3 #RoomTeleDisabled,
body.season3 #RoomDualPDisabled {
    position: absolute !important;
    top: 435px !important;
    height: 16px !important;
    border-radius: 4px !important;
    background: none !important;
    background-image: none !important;
    background-color: rgba(41,93,157,.92) !important;
    filter: grayscale(100%);
    color: #fff !important;
    font-size: 0 !important;
    border: 1px solid rgba(255,255,255,.45) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.18) !important;
    z-index: 32 !important;
    display: none;
}

body.season3 #RoomS1Disabled {
    left: 600px !important;
    width: 44px !important;
}

body.season3 #RoomTeleDisabled {
    left: 650px !important;
    width: 44px !important;
}

body.season3 #RoomDualPDisabled {
    left: 700px !important;
    width: 50px !important;
}

body.season3 #RoomS1Disabled:after,
body.season3 #RoomTeleDisabled:after,
body.season3 #RoomDualPDisabled:after {
    display: block;
    font-size: 8px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
}

body.season3 #RoomS1Disabled:after {
    content: "S1 OFF";
}

body.season3 #RoomTeleDisabled:after {
    content: "TP OFF";
}

body.season3 #RoomDualPDisabled:after {
    content: "D+ OFF";
}

body.season3 #roomChat {
    width: 536px !important;
}

body.season3 #roomChat .overview {
    width: 561px !important;
}

body.season3 #roomNumber {
    left: 136px !important;
    top: 6px !important;
    width: 24px !important;
    height: 12px !important;
    line-height: 12px !important;
    text-align: right !important;
    overflow: visible !important;
    white-space: nowrap !important;
    z-index: 40 !important;
}
body.season3 #roomTitle {
    left: 166px !important;
    z-index: 39 !important;
}
body.season3 #RoomEmoticonPicker {
    z-index: 500 !important;
}
body.season3 #roomVoicePanel {
    z-index: 20 !important;
}

body.season3 .SideA .roomPlayerInfo,
body.season3 .SideB .roomPlayerInfo {
    position: absolute !important;
    left: 0px !important;
    right: auto !important;
    top: 23px !important;
    width: 43px !important;
    height: 30px !important;
    z-index: 32 !important;
    transform: scale(.65) rotate(270deg) !important;
    -webkit-transform: scale(.65) rotate(360deg) !important;
    transform-origin: center center !important;
    -webkit-transform-origin: center center !important;
}

body.season3 #playerInfoDialog {
    left: 150px !important;
    top: 100px;
    z-index: 100;
}

body.season3 #RoomWatchers {
    display: block !important;
    position: absolute !important;
    left: 356px !important;
    top: 437px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 40 !important;
}

body.season3 .WatchersBtn {
    z-index: 40 !important;
}

body.season3 #select_bot_div {
    left: 40px !important;
    top: 35px !important;
    z-index: 99999 !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
}

body.season3 #roomScreen .roomPlayerName .nyxcafe.myNyxcafeTeamBlue {
    width: 52px !important;
    height: 30px !important;
    top: -30px !important;
    right: -10px !important;
    background-position: 0 -63px !important;
    background-repeat: no-repeat !important;
    transform: scale(.5) !important;
    -webkit-transform: scale(.9) !important;
    transform-origin: right top !important;
    -webkit-transform-origin: right top !important;
}

body.season3 #roomMobileMissionBox {
    display: none !important;
}

.season3LobbyOnly {
    display: none;
}

body.season3 #container.Lobby #channelScreen {

    background-image: url("/static/images/themes/season3/roomlist_back.png") !important;

    background-repeat: no-repeat !important;

    font-family: Arial, Helvetica, sans-serif !important;
}

body.season3 #container.Lobby .season3LobbyOnly {
    display: block;
}

body.season3 #container.Lobby .room,
body.season3 #container.Lobby .room__list-Waiting,
body.season3 #container.Lobby .room__list-all,
body.season3 #container.Lobby .room__list-Quick,
body.season3 #container.Lobby .room__list-Create,
body.season3 #container.Lobby .room__list-Normal,
body.season3 #container.Lobby .room__list-Score,
body.season3 #container.Lobby .room__list-Friend,
body.season3 #container.Lobby .room__list-Number,
body.season3 #container.Lobby .room__list-left,
body.season3 #container.Lobby .room__list-right,
body.season3 #container.Lobby .room__list-charge,
body.season3 #container.Lobby .room__list-bugle,
body.season3 #container.Lobby .room__list-marcket,
body.season3 #container.Lobby .room__list-myinfo,
body.season3 #container.Lobby .room__list-event,
body.season3 #container.Lobby .room__list-option,
body.season3 #container.Lobby .room__list-exit,
body.season3 #container.Lobby .room__list-SelectChatting,
body.season3 #container.Lobby #buttonAllBuddyList1,
body.season3 #container.Lobby #buttonAllBuddyList2,
body.season3 #container.Lobby .status,
body.season3 #container.Lobby .roomLock,
body.season3 #container.Lobby .gameMode0,
body.season3 #container.Lobby .gameMode1,
body.season3 #container.Lobby .gameMode2,
body.season3 #container.Lobby .gameMode3 {
    background-image: url("/static/images/themes/season3/roomlist_back2.png") !important;
    background-repeat: no-repeat !important;

    background-size: 2800px 1800px !important;
}

body.season3 #container.Lobby #channelName {
    position: absolute !important;
    left: 260px !important;
    top: 14px !important;
    width: 402px !important;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center !important;
    color: #5577ae !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-shadow: 0 1px rgba(255,255,255,.9) !important;
    z-index: 5 !important;
}

body.season3 #container.Lobby #prixPoints {
    position: absolute !important;
    left: 73px !important;
    top: 34px !important;
    width: 150px !important;
    font-size: 9px !important;
    color: #406aa3 !important;
    text-shadow: none !important;
    z-index: 5 !important;
}

body.season3 #container.Lobby #buttonQuickJoin,
body.season3 #container.Lobby #buttonJoin {
    position: absolute !important;
    top: 8px !important;
    width: 62px !important;
    height: 45px !important;
    z-index: 8 !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background-image: url(/static/images/themes/season3/iconos_mejorados.png) !important;
    background-repeat: no-repeat !important;
    background-size: 2413px 1192px !important;
    filter: none !important;
}

body.season3 #container.Lobby #buttonCreateRoom {
	position: absolute !important;
    top: 8px !important;
    width: 62px !important;
    height: 45px !important;
    z-index: 8 !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background-image: url(/static/images/themes/season3/iconos_mejorados.png) !important;
    background-repeat: no-repeat !important;
    background-size: 2413px 1193px !important;
    filter: none !important;
}




body.season3 #container.Lobby #buttonQuickJoin { background-position: 0 -692px !important; }
body.season3 #container.Lobby #buttonQuickJoin:hover { background-position: -62px -692px !important; }
body.season3 #container.Lobby #buttonQuickJoin:active { background-position: -124px -692px !important; }

body.season3 #container.Lobby #buttonCreateRoom { background-position: 0 -737px !important;}
body.season3 #container.Lobby #buttonCreateRoom:hover { background-position: -62px -737px !important; }
body.season3 #container.Lobby #buttonCreateRoom:active { background-position: -124px -737px !important; }

body.season3 #container.Lobby #buttonJoin { background-position: 0 -826px !important; }
body.season3 #container.Lobby #buttonJoin:hover { background-position: -62px -826px !important; }
body.season3 #container.Lobby #buttonJoin:active { background-position: -124px -826px !important; }

body.season3 #container.Lobby .room__list-Waiting { background-position: -588px -1308px !important; }
body.season3 #container.Lobby .room__list-Waiting:hover { background-position: -650px -1308px !important; }
body.season3 #container.Lobby .room__list-Waiting:active { background-position: -712px -1308px !important; }

body.season3 #container.Lobby .room__list-all { background-position: -588px -1353px !important; }
body.season3 #container.Lobby .room__list-all:hover { background-position: -650px -1353px !important; }
body.season3 #container.Lobby .room__list-all:active { background-position: -712px -1353px !important; }

body.season3 #container.Lobby .room__list-Quick { background-position: -588px -1398px !important; }
body.season3 #container.Lobby .room__list-Quick:hover { background-position: -650px -1398px !important; }
body.season3 #container.Lobby .room__list-Quick:active { background-position: -712px -1398px !important; }

body.season3 #container.Lobby .room__list-Create { background-position: -588px -1443px !important; }
body.season3 #container.Lobby .room__list-Create:hover { background-position: -650px -1443px !important; }
body.season3 #container.Lobby .room__list-Create:active { background-position: -712px -1443px !important; }

body.season3 #container.Lobby .room__list-Normal { background-position: -588px -1488px !important; }
body.season3 #container.Lobby .room__list-Normal:hover { background-position: -650px -1488px !important; }
body.season3 #container.Lobby .room__list-Normal:active { background-position: -712px -1488px !important; }

body.season3 #container.Lobby .room__list-Score { background-position: -588px -1578px !important; }
body.season3 #container.Lobby .room__list-Score:hover { background-position: -650px -1578px !important; }
body.season3 #container.Lobby .room__list-Score:active { background-position: -712px -1578px !important; }

body.season3 #container.Lobby .room__list-Friend { background-position: -588px -1668px !important; }
body.season3 #container.Lobby .room__list-Friend:hover { background-position: -650px -1668px !important; }
body.season3 #container.Lobby .room__list-Friend:active { background-position: -712px -1668px !important; }

body.season3 #container.Lobby .room__list-Number { background-position: -588px -1713px !important; }
body.season3 #container.Lobby .room__list-Number:hover { background-position: -650px -1713px !important; }
body.season3 #container.Lobby .room__list-Number:active { background-position: -712px -1713px !important; }

body.season3 #container.Lobby #filter_boss,
body.season3 #container.Lobby #filter_jewel,
body.season3 #container.Lobby #filter_tag,
body.season3 #container.Lobby #filter_guild {
    background: linear-gradient(#eaf8ff,#79bce8) !important;
    text-shadow: 0 1px #fff !important;
}

body.season3 #container.Lobby #filter_boss:after,
body.season3 #container.Lobby #filter_jewel:after,
body.season3 #container.Lobby #filter_tag:after,
body.season3 #container.Lobby #filter_guild:after {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 700 7px/1 Arial, sans-serif;
}

body.season3 #container.Lobby #filter_boss:after { content: "BOSS"; }
body.season3 #container.Lobby #filter_jewel:after { content: "JEWEL"; }
body.season3 #container.Lobby #filter_tag:after { content: "TAG"; }
body.season3 #container.Lobby #filter_guild:after { content: "GUILD"; }

body.season3 #container.Lobby #filter_boss.selectedFilter,
body.season3 #container.Lobby #filter_jewel.selectedFilter,
body.season3 #container.Lobby #filter_tag.selectedFilter,
body.season3 #container.Lobby #filter_guild.selectedFilter {
    filter: brightness(.86) drop-shadow(0 0 3px #fff) !important;
}

body.season3 #container.Lobby #filter_same,
body.season3 #container.Lobby #filter_jewel_new,
body.season3 #container.Lobby #filter_tag_new {
    display: none !important;
}

body.season3 #container.Lobby #roomsList > .room {
    display: none;
}

body.season3 #container.Lobby .roomConnectorA,
body.season3 #container.Lobby .roomConnectorB {
    display: none !important;
}

body.season3 #container.Lobby .numPlayers,
body.season3 #container.Lobby .maxPlayers,
body.season3 #container.Lobby .numPlayers-slash {
    font: 700 10px/17px Arial, sans-serif !important;
}

body.season3 #container.Lobby .numPlayers-slash:after { content: "/"; }

body.season3 #container.Lobby .roomLock {
    display: none !important;
}

body.season3 #container.Lobby .gameMode0 { background-position: -1090px -104px !important; }
body.season3 #container.Lobby .gameMode1 { background-position: -1090px -89px !important; }
body.season3 #container.Lobby .gameMode2 { background-position: -1090px -74px !important; }
body.season3 #container.Lobby .gameMode3 { background-position: -1090px -119px !important; }

body.season3 #container.Lobby .allowWatch {
    position: absolute !important;
    text-align: center !important;
}

body.season3 #container.Lobby .roomForSale {
    position: absolute !important;
    left: 550px !important;
    bottom: -10px !important;
    transform: scale(.72) !important;
    transform-origin: left top !important;
    z-index: 10;
}

body.season3 #container.Lobby .roomBuddy,
body.season3 #container.Lobby .roomGuildMember {
   top: 10px;
   left: 310px;
    transform-origin: left top !important;
}

body.season3 #container.Lobby .room__list-left { background-position: -140px -1454px !important; }
body.season3 #container.Lobby .room__list-left:hover { background-position: -159px -1454px !important; }
body.season3 #container.Lobby .room__list-left:active { background-position: -178px -1454px !important; }
body.season3 #container.Lobby .room__list-right { background-position: -198px -1454px !important; }
body.season3 #container.Lobby .room__list-right:hover { background-position: -217px -1454px !important; }
body.season3 #container.Lobby .room__list-right:active { background-position: -236px -1454px !important; }

body.season3 #container.Lobby #channel {
    position: absolute !important;

    top: 423px !important;

    height: 87px !important;
    color: #1e4e7c !important;
    font-size: 11px !important;
    text-shadow: none !important;
    z-index: 6 !important;
}
body.season3 #container.Lobby #channel .viewport {

    height: 87px !important;
    overflow: hidden !important;
}
body.season3 #container.Lobby #channel .overview {

    color: #1f4f7d !important;
}
body.season3 #container.Lobby #channel .scrollbar {
    float: right !important;
    padding-top: 11px !important;
}

body.season3 #container.Lobby #lobby_channel {
    position: absolute !important;

    top: 518px !important;
    width: 79px !important;
    height: 21px !important;
    margin: 0 !important;
    padding: 0 15px 0 5px !important;
    border: 0 !important;
    outline: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    color: #fff !important;
    font: 700 9px/21px Arial, sans-serif !important;
    text-align: center !important;
    background-color: transparent !important;
    background-position: -140px -1543px !important;
    z-index: 8 !important;
}
body.season3 #container.Lobby #lobby_channel:hover { background-position: -140px -1565px !important; }
body.season3 #container.Lobby #lobby_channel:active { background-position: -140px -1587px !important; }

body.season3 #container.Lobby #channelInput {
    position: absolute !important;

    top: 519px !important;

    height: 15px !important;
    box-sizing: border-box !important;
    padding: 0 4px !important;
    color: #355f98 !important;
    font: 10px/15px Arial, sans-serif !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
}
body.season3 #container.Lobby #channelInput:focus {
    background-color: rgba(215,239,255,.72) !important;
}
body.season3 #container.Lobby #channelInputAlt {
    display: none !important;
}

body.season3 #container.Lobby #lobbyBcm {
    position: absolute !important;
    width: 20px !important;
    height: 19px !important;
    background-position: -140px -1504px !important;
    z-index: 8 !important;
}
body.season3 #container.Lobby #lobbyBcm:hover { background-position: -160px -1504px !important; }
body.season3 #container.Lobby #lobbyBcm:active { background-position: -180px -1504px !important; }

body.season3 #container.Lobby #myInfoBox,
body.season3 #container.Lobby #myPUGP,
body.season3 #container.Lobby #myPUG,
body.season3 #container.Lobby #myPlusGP,
body.season3 #container.Lobby #GPguild,
body.season3 #container.Lobby #GPmedalla,
body.season3 #container.Lobby #myName3 {
    display: none !important;
}

body.season3 #container.Lobby #myPhotoDiv {
    position: absolute !important;

    top: 42px !important;
    width: 35px !important;
    height: 35px !important;
    overflow: hidden !important;
    z-index: 14 !important;
}

body.season3 #container.Lobby #myGFPhotoDiv {
    position: absolute !important;

    right: auto !important;
    top: 42px !important;
    width: 35px !important;
    height: 35px !important;
    overflow: hidden !important;
    z-index: 14 !important;
}

body.season3 #container.Lobby #myGFStatus,
body.season3 #container.Lobby #myGFName {
    position: absolute !important;

    right: auto !important;
    width: 106px !important;
    margin-left: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 8px !important;
    line-height: 14px !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    z-index: 15 !important;
}

body.season3 #container.Lobby #myGFStatus {
    top: 32px !important;
}

body.season3 #container.Lobby #myGFName {
    top: 72px !important;
}

body.season3 #container.Lobby #myGFStatus .myInfoRelText {
    width: auto !important;
    margin-left: 0 !important;
    text-align: right !important;
}

body.season3 #container.Lobby #channel_player {
    position: absolute !important;

    pointer-events: none !important;
    z-index: 4 !important;
}

body.season3 #container.Lobby #myName2 {
    position: absolute !important;
    color: #fff !important;
    font-size: 10px !important;
    transform: scale(1) !important;
    transform-origin: left top !important;
    z-index: 8 !important;
}

body.season3 #container.Lobby #myGP2 {
    line-height: 15px !important;
    font-size: 9px !important;
}

body.season3 #container.Lobby #mySeasonGP {
    font-size: 8px !important;
}

body.season3 #container.Lobby #myCash2,
body.season3 #container.Lobby #myGold2 {
    position: absolute !important;

    width: 86px !important;
    z-index: 8 !important;
}

body.season3 #container.Lobby #buttonCharge2 {
    position: absolute !important;

    top: 224px !important;
    width: 78px !important;
    height: 56px !important;
    border: 0 !important;
    background-image: url(/static/images/themes/season3/iconos_mejorados.png) !important;
    background-repeat: no-repeat !important;
    background-size: 2413px 1195px !important;
    background-position: -186px -650px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    filter: none !important;
    z-index: 8 !important;
}
body.season3 #container.Lobby #buttonCharge2:hover { background-position: -186px -705px !important; }
body.season3 #container.Lobby #buttonCharge2:active { background-position: -186px -762px !important; }

body.season3 #container.Lobby #buttonAllBuddyList1,
body.season3 #container.Lobby #buttonAllBuddyList2 {
    position: absolute !important;
    top: 305px !important;
    width: 108px !important;
    height: 25px !important;
    border: 0 !important;
    z-index: 15 !important;
}

body.season3 #container.Lobby #roomsList .roomExtraInfo {
    z-index: 40 !important;
}
body.season3 #container.Lobby #roomsList .roomExtraInfoSlot {
    z-index: 41 !important;
}

body.season3 #container.Lobby #buttonAllBuddyList3 {
    position: absolute !important;
    border: 1px solid #62afe1 !important;
    border-radius: 3px !important;
    background: linear-gradient(#e8f8ff,#6bb7e6) !important;
    box-shadow: inset 0 1px #fff !important;
    z-index: 16 !important;
}
body.season3 #container.Lobby #buttonAllBuddyList3:after {
    content: "G";
    position: absolute;
    inset: 0;
    color: #2e6497;
    font: 700 8px/15px Arial,sans-serif;
    text-align: center;
}

body.season3 #container.Lobby #playersList,
body.season3 #container.Lobby #friendsList,
body.season3 #container.Lobby #guildMembersList {
    position: absolute !important;

    top: 343px !important;
    width: 184px !important;
    height: 168px !important;
    z-index: 14 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.season3 #container.Lobby #playersList .viewport,
body.season3 #container.Lobby #friendsList .viewport,
body.season3 #container.Lobby #guildMembersList .viewport {
left: 5px !important;
    top: 0 !important;
    width: 186px !important;
    height: 168px !important;
    overflow: hidden !important;
}

body.season3 #container.Lobby #playersList .overview,
body.season3 #container.Lobby #friendsList .overview,
body.season3 #container.Lobby #guildMembersList .overview {
    left: 7px !important;

    top: 0;
    width: 166px !important;
    padding-top: 8px !important;
    box-sizing: border-box !important;
}

body.season3 #container.Lobby .playerListItem,
body.season3 #container.Lobby .friendListItem,
body.season3 #container.Lobby .guildMemberListItem {
    font-size: 9px !important;
    height: 16px !important;
    margin-bottom: 3px !important;
}

body.season3 #container.Lobby .room__list-Downmenu {
    position: absolute !important;
    left: 0 !important;
    top: 559px !important;
    width: 800px !important;
    height: 41px !important;
    background-image: url(/static/images/themes/season3/iconos_mejorados.png) !important;
    background-repeat: no-repeat !important;
    /* Franja real del stuff: x=1197..2047, y=984..1020.
       Se ajusta exactamente al lobby Season 3 de 800x600. */
    background-size: 1925.2644px 1131.3784px !important;
    background-position: -1125.2644px -1090.3784px !important;
    transform: none !important;
    -webkit-transform: none !important;
    transform-origin: left top !important;
    -webkit-transform-origin: left top !important;
    pointer-events: none !important;
}

body.season3 #container.Lobby #buttonShop,
body.season3 #container.Lobby #buttonMyInfo,
body.season3 #container.Lobby #event_button,
body.season3 #container.Lobby #buttonOptions,
body.season3 #container.Lobby #buttonChannels {
    position: absolute !important;
    top: 559px !important;
    width: 46px !important;
    height: 41px !important;
    border: 0 !important;
}

body.season3 #container.Lobby #MissionsBtnLobby {

    top: 559px !important;
    transform: scale(.8) !important;
    transform-origin: left top !important;
}
body.season3 #container.Lobby #buttonRadar {

    top: 563px !important;
    transform: scale(.64) !important;
    transform-origin: left top !important;
}

body.season3 #container.Lobby.Rooms #registeredPlayersList,
body.season3 #container.Lobby.Rooms #registeredPlayersInfo,
body.season3 #container.Lobby.Rooms #tournament_info,
body.season3 #container.Lobby.Rooms #tournament_info2 {
    display: none !important;
}

body.season3 #container.Lobby #dialogCreateRoom {
    position: absolute !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    /* Crear sala del stuff iconos_mejorados.png: x=1760..2047, y=239..456.
       Se escala exactamente al cuadro actual de 341x258 para conservar
       la alineacion de inputs, flechas, modo, OK y Cancel. */
    background-image: url(/static/images/themes/season3/iconos_mejorados.png) !important;
    background-size: 2424.8889px 1208.3394px !important;
    background-position: -2083.8889px -282.8532px !important;
    background-repeat: no-repeat !important;
}

body.season3 #container.Lobby #dialogCreateRoomWarp > .AlertBoxBackground {
    background: rgba(0,28,74,.22) !important;
}

body.season3 #container.Lobby #createRoomTitle {
    position: absolute !important;
}

body.season3 #container.Lobby #CreateRoomPrivateCheckbox {
    position: absolute !important;
}

body.season3 #container.Lobby #createRoomPasswordInput {
    position: absolute !important;
}

body.season3 #container.Lobby #CreateRoomPlayers {
    position: absolute !important;
}

body.season3 #container.Lobby #CreateRoomMode {
    position: absolute !important;
}

body.season3 #container.Lobby #CreateRoomModeIcon {
    position: absolute !important;
}

body.season3 #container.Lobby #CreateRoomModeText {
    display: none !important;
}

body.season3 #container.Lobby #dialogCreateRoomButtonOK,
body.season3 #container.Lobby #dialogCreateRoomButtonCancel {
    position: absolute !important;
}

body.season3 #container.Lobby #dialog_join_room_div > .AlertBox {
    position: absolute !important;

    top: 159px !important;
    width: 216px !important;
    height: 153px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-image: url("/static/images/themes/season3/roomlist_back2.png") !important;
    background-position: -1193px -1017px !important;
    background-repeat: no-repeat !important;
}

body.season3 #container.Lobby #dialog_join_room_div .AlertBoxTitle {
    display: none !important;
}

body.season3 #container.Lobby #dialog_join_room_div .AlertBoxContent {
    position: absolute !important;
    left: 64px !important;
    top: 41px !important;
    width: 140px !important;
    height: 50px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #5a71c6 !important;
    font: 10px/20px Arial, sans-serif !important;
    text-shadow: none !important;
}

body.season3 #container.Lobby #join_room1,
body.season3 #container.Lobby #join_room2 {
    display: none !important;
}

body.season3 #container.Lobby #join_room_input,
body.season3 #container.Lobby #join_password_input {
    position: absolute !important;
    left: 0 !important;
    width: 140px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 7px !important;
    border: 0 !important;
    outline: 0 !important;
    box-sizing: border-box !important;
    color: #4a61d6 !important;
    background: transparent !important;
    font: 10px/20px Arial, sans-serif !important;
    line-height: 20px !important;
}

body.season3 #container.Lobby #join_room_input {
    top: -1px !important;
}

body.season3 #container.Lobby #join_password_input {
    top: 26px !important;
}

body.season3 #container.Lobby #channelScreen *,
body.season3 #container.Lobby #roomsList *,
body.season3 #container.Lobby .LobbyButton {
    box-sizing: border-box;
}

body.season3 #container.Lobby #dialog_join_room_div > .AlertBox,
body.season3 #container.Lobby .checkboxOff,
body.season3 #container.Lobby .checkboxOn,
body.season3 #container.Lobby .room_list-optionleft,
body.season3 #container.Lobby .room_list-optionright,
body.season3 #container.Lobby #CreateRoomMode,
body.season3 #container.Lobby #CreateRoomPlayers,
body.season3 #container.Lobby #CreateRoomModeIcon,
body.season3 #container.Lobby .New_ok,
body.season3 #container.Lobby .New_cancel,
body.season3 #container.Lobby .button_OK,
body.season3 #container.Lobby .button_Cancel,
body.season3 #container.Lobby .invite_block_on,
body.season3 #container.Lobby .invite_block_off,
body.season3 #container.Lobby .room__list-point,
body.season3 #container.Lobby .room__list-point2 {
    background-size: 2800px 1800px !important;
}

body.season3 #container.Lobby #channelName,
body.season3 #container.Lobby #prixPoints {
    display: none !important;
}

body.season3 #container.Lobby #facebook_post {
    display: none !important;
}

body.season3 .AlertBoxBackground {
	position: absolute;
    width: 960px;
    height: 600px;
    background-color: #000;
    opacity: .5;
    z-index: 997;
}

body.season3 #container.Lobby #s3MvpLabel {
    position: absolute !important;

    top: 26px !important;
    width: 34px !important;
    height: 13px !important;
    padding-left: 4px !important;
    box-sizing: border-box !important;
    border-radius: 2px !important;
    color: #fff !important;
    background: linear-gradient(#354c9c,#172b72) !important;
    font: 900 8px/13px Arial,sans-serif !important;
    text-shadow: 0 1px rgba(0,0,0,.55) !important;
    z-index: 9 !important;
    pointer-events: none !important;
}

body.season3 #container.Lobby #buttonQuickJoin {
    top: 8px !important;
}
body.season3 #container.Lobby #buttonCreateRoom {
    top: 8px !important;
}

body.season3 #container.Lobby #filter_score,
body.season3 #container.Lobby #filter_boss,
body.season3 #container.Lobby #filter_jewel,
body.season3 #container.Lobby #filter_tag,
body.season3 #container.Lobby #filter_guild {
    box-sizing: border-box !important;
    filter: none !important;
}

body.season3 #container.Lobby #filter_score::after,
body.season3 #container.Lobby #filter_boss::after,
body.season3 #container.Lobby #filter_jewel::after,
body.season3 #container.Lobby #filter_tag::after,
body.season3 #container.Lobby #filter_guild::after {
    position: absolute !important;
    inset: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    color: #174e82 !important;
    font: 900 6.8px/1 Arial,sans-serif !important;
    text-shadow: 0 1px #fff !important;
}

body.season3 #container.Lobby #filter_score.selectedFilter,
body.season3 #container.Lobby #filter_boss.selectedFilter,
body.season3 #container.Lobby #filter_jewel.selectedFilter,
body.season3 #container.Lobby #filter_tag.selectedFilter,
body.season3 #container.Lobby #filter_guild.selectedFilter {
    border-color: #287ab9 !important;
}

body.season3 #container.Lobby .room__list-color,
body.season3 #container.Lobby .room__list-nobugle {
    background-image: url("/static/images/themes/season3/roomlist_back2.png") !important;
    background-size: 2800px 1800px !important;
    background-repeat: no-repeat !important;
}

body.season3 #container.Lobby .room__list-color {
    position: absolute !important;

    top: 392px !important;
    width: 21px !important;
    height: 26px !important;
    background-position: -140px -1477px !important;
    z-index: 12 !important;
}
body.season3 #container.Lobby .room__list-nobugle {
    position: absolute !important;

    top: 397px !important;
    width: 23px !important;
    height: 18px !important;
    background-position: -140px -1524px !important;
    z-index: 12 !important;
}
body.season3 #container.Lobby #lobbyBcm {

    top: 396px !important;
}

body.season3 #container.Lobby .s3DecorOnly {
    pointer-events: none !important;
}

body.season3 #container.Lobby #s3ChannelFooter {
    position: absolute !important;

    top: 522px !important;
    width: 178px !important;
    height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    color: #4772b0 !important;
    font: 900 10px/18px Arial,sans-serif !important;
    text-shadow: 0 1px #fff !important;
    z-index: 15 !important;
}
body.season3 #container.Lobby #s3ChannelFooter .s3ChLabel {
    margin-right: 2px !important;
    color: #345f9b !important;
}

body.season3 #container.Lobby .room__list-Downmenu {
    z-index: 25 !important;
}
body.season3 #container.Lobby #buttonShop,
body.season3 #container.Lobby #buttonMyInfo,
body.season3 #container.Lobby #event_button,
body.season3 #container.Lobby #buttonOptions,
body.season3 #container.Lobby #buttonChannels,
body.season3 #container.Lobby #MissionsBtnLobby,
body.season3 #container.Lobby #buttonRadar {
    z-index: 27 !important;
}

body.season3 #container.Lobby #s3BottomMenu {
    position: absolute !important;
    top: 562px !important;
    width: 69px !important;
    height: 37px !important;
    background-image: url(/static/images/themes/season3/iconos_mejorados.png) !important;
    background-repeat: no-repeat !important;
    background-size: 2413px 1191px !important;
    background-position: -1354px -49px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    filter: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    z-index: 28 !important;
}

body.season3 #container.Lobby #s3BottomMenu:hover {
    background-position: -1354px -49px !important;
    filter: brightness(1.10) !important;
}

body.season3 #container.Lobby #s3BottomMenu:active {
    background-position: -1354px -49px !important;
    filter: brightness(.92) !important;
    transform: translateY(1px) !important;
}

body.season3 #container.Lobby #myCash2 {
    top: 247px !important;
}
body.season3 #container.Lobby #myGold2 {
    top: 265px !important;
}

body.season3 #container.Lobby #lobbyEventBadges {
    top: 379px !important;

    max-width: 150px !important;
    transform: scale(.82) !important;
    transform-origin: left top !important;
    z-index: 13 !important;
}

body.season3 #container.Lobby #roomsList {
    position: absolute !important;
    left: 16px !important;
    top: 63px !important;
    width: 540px !important;
    height: 285px !important;
    font-size: 11px !important;
    overflow: visible !important;
}

body.season3 #container.Lobby #roomsList > .room {
    position: absolute !important;
    left: 0 !important;
    width: 540px !important;
    height: 45px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    transform-origin: left top !important;
    background-size: 2580.205px 1800px !important;
    background-position: -1px -1px !important;
}
body.season3 #container.Lobby #roomsList > .room:hover {
    background-position: -1px -46px !important;
}
body.season3 #container.Lobby #roomsList > .room:active {
    background-position: -1px -91px !important;
}

body.season3 #container.Lobby #room0 { top:   0px !important; }
body.season3 #container.Lobby #room1 { top:  48px !important; }
body.season3 #container.Lobby #room2 { top:  96px !important; }
body.season3 #container.Lobby #room3 { top: 145px !important; }
body.season3 #container.Lobby #room4 { top: 192px !important; }
body.season3 #container.Lobby #room5 { top: 240px !important; }

body.season3 #container.Lobby #room6 { top: 288px !important; }
body.season3 #container.Lobby #room7 { top: 336px !important; }

body.season3 #container.Lobby .roomNumber {
    position: absolute !important;
    left: -12px !important;
    top: 10px !important;
    width: 44px !important;
    height: 18px !important;
    transform: none !important;
    transform-origin: left top !important;
    z-index: 3 !important;
}

body.season3 #container.Lobby .status {
    position: absolute !important;
    left: 59px !important;
    top: 12px !important;
    width: 16px !important;
    height: 18px !important;
    z-index: 4 !important;
}
body.season3 #container.Lobby .status-waiting { background-position: -140px -1713px !important; }
body.season3 #container.Lobby .status-playing { background-position: -157px -1713px !important; }
body.season3 #container.Lobby .status-full { background-position: -174px -1713px !important; }

body.season3 #container.Lobby .roomTitle {
    position: absolute !important;

    top: 11px !important;

    height: 22px !important;
    line-height: 22px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    color: #263f66 !important;
    font: 700 11px/22px Arial, Helvetica, sans-serif !important;
    text-shadow: 0 1px rgba(255,255,255,.98) !important;
    z-index: 3 !important;
}

body.season3 #container.Lobby .roomLock {
    position: absolute !important;

    top: 10px !important;
    width: 23px !important;
    height: 24px !important;
    background-position: -940px -1733px !important;
    z-index: 5 !important;
}
body.season3 #container.Lobby .roomLock:not(.roomLocked) {
    display: none !important;
}
body.season3 #container.Lobby .roomLock.roomLocked {
    display: block !important;
}

body.season3 #container.Lobby .numPlayers,
body.season3 #container.Lobby .numPlayers-slash,
body.season3 #container.Lobby .maxPlayers {
    position: absolute !important;
    top: 10px !important;
    height: 22px !important;
    line-height: 22px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    color: #24354f !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff !important;
    z-index: 6 !important;
}
body.season3 #container.Lobby .numPlayers {

    width: 18px !important;
    text-align: right !important;
}
body.season3 #container.Lobby .numPlayers-slash {

    width: 8px !important;
    text-align: center !important;
}
body.season3 #container.Lobby .numPlayers-slash::after { content: "/" !important; }
body.season3 #container.Lobby .maxPlayers {

    width: 18px !important;
    text-align: left !important;
}

body.season3 #container.Lobby .gameMode {
    position: absolute !important;

    top: 13px !important;
    width: 50px !important;
    height: 15px !important;
    line-height: 15px !important;
    filter: none !important;
    transform: none !important;
    z-index: 4 !important;
    pointer-events: none !important;
}

body.season3 #container.Lobby .allowWatch {

    top: 13px !important;
    width: 18px !important;
    height: 18px !important;
    color: #000;
    line-height: 18px !important;
    font-size: 12px !important;
    z-index: 7 !important;
}

body.season3 #container.Lobby #roomsPage {
    position: absolute !important;

    top: 350px !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 21px !important;
    line-height: 21px !important;
    text-align: center !important;
    background: none !important;
    color: #e4d61c !important;
    font: 900 14px/21px Arial, Helvetica, sans-serif !important;
    -webkit-text-stroke: .4px #27496f;
    text-shadow: 0 1px #fff, 1px 0 #27496f, -1px 0 #27496f, 0 -1px #27496f !important;
    z-index: 12 !important;
}

body.season3 #container.Lobby #roomsList.s3CompactRooms > .room {
    height: 34px !important;
    overflow: hidden !important;
}
body.season3 #container.Lobby #roomsList.s3CompactRooms #room0 { top:   0px !important; }
body.season3 #container.Lobby #roomsList.s3CompactRooms #room1 { top:  36px !important; }
body.season3 #container.Lobby #roomsList.s3CompactRooms #room2 { top:  72px !important; }
body.season3 #container.Lobby #roomsList.s3CompactRooms #room3 { top: 108px !important; }
body.season3 #container.Lobby #roomsList.s3CompactRooms #room4 { top: 144px !important; }
body.season3 #container.Lobby #roomsList.s3CompactRooms #room5 { top: 180px !important; }
body.season3 #container.Lobby #roomsList.s3CompactRooms #room6 { top: 216px !important; }
body.season3 #container.Lobby #roomsList.s3CompactRooms #room7 { top: 252px !important; }
body.season3 #container.Lobby #roomsList.s3CompactRooms .roomNumber { top: 7px !important; }
body.season3 #container.Lobby #roomsList.s3CompactRooms .status { top: 7px !important; }
body.season3 #container.Lobby #roomsList.s3CompactRooms .roomTitle { top: 6px !important; height: 20px !important; line-height: 20px !important; }
body.season3 #container.Lobby #roomsList.s3CompactRooms .roomLock { top: 5px !important; }
body.season3 #container.Lobby #roomsList.s3CompactRooms .numPlayers,
body.season3 #container.Lobby #roomsList.s3CompactRooms .numPlayers-slash,
body.season3 #container.Lobby #roomsList.s3CompactRooms .maxPlayers { top: 6px !important; }
body.season3 #container.Lobby #roomsList.s3CompactRooms .roomMap {
    height: 27px !important;
}
body.season3 #container.Lobby #roomsList.s3CompactRooms .gameMode { top: 8px !important; }

body.season3 #container.Lobby .roomMap {
    background-origin: padding-box !important;
    background-clip: padding-box !important;
}

body.season3 #container.Lobby .gameMode.s3LobbyModeSolo,
body.season3 #container.Lobby .gameMode.s3LobbyModeTag,
body.season3 #container.Lobby .gameMode.s3LobbyModeScore,
body.season3 #container.Lobby .gameMode.s3LobbyModeJewel {
    background-image: url("/static/images/themes/season3/roomlist_back2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 2800px 1800px !important;
    color: transparent !important;
    text-shadow: none !important;
}
body.season3 #container.Lobby .gameMode.s3LobbyModeSolo { background-position: -1090px -74px !important; }
body.season3 #container.Lobby .gameMode.s3LobbyModeTag { background-position: -1090px -89px !important; }
body.season3 #container.Lobby .gameMode.s3LobbyModeScore { background-position: -1090px -104px !important; }
body.season3 #container.Lobby .gameMode.s3LobbyModeJewel { background-position: -1090px -119px !important; }

body.season3 #container.Lobby .gameMode.s3LobbyModeText {
    background-image: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #fff !important;
    font: 900 9px/15px Arial, Helvetica, sans-serif !important;
    letter-spacing: .2px !important;
    text-align: center !important;
    text-shadow: -1px -1px 1px #52256d, 1px -1px 1px #52256d,
                 -1px 1px 1px #52256d, 1px 1px 1px #52256d,
                 0 0 3px #1d3c78 !important;
}

body.season3 #container.Lobby #roomsList > .room.roomExtraInfo,
body.season3 #container.Lobby #roomsList > .room.roomExtraInfo:hover,
body.season3 #container.Lobby #roomsList > .room.roomExtraInfo:active {
    width: 540px !important;
    height: 145px !important;
    overflow: visible !important;
    background-image: url("/static/images/themes/season3/roomlist_back2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 2580.205px 1800px !important;
    background-position: -1px -136px !important;
    z-index: 40 !important;
}

body.season3 #container.Lobby #roomsList.s3CompactRooms > .room.roomExtraInfo {
    height: 145px !important;
    overflow: visible !important;
}

body.season3 #container.Lobby .room.roomExtraInfo .roomExtraInfoSlot {
    position: absolute !important;
    width: 255px !important;
    transform: none !important;
    transform-origin: left top !important;
    z-index: 45 !important;
    color: #27384f !important;
    pointer-events: none !important;
}

body.season3 #container.Lobby .room.roomExtraInfo .roomExtraInfoSlot .playerListName {
    display: block !important;
    color: #34455f !important;
    font: 700 11px/15px Arial, Helvetica, sans-serif !important;
    text-shadow: 0 1px rgba(255,255,255,.95) !important;
}
body.season3 #container.Lobby .room.roomExtraInfo .roomExtraInfoFriend .playerListName { color: #d67b00 !important; }
body.season3 #container.Lobby .room.roomExtraInfo .roomExtraInfoGuild .playerListName { color: #416ec7 !important; }
body.season3 #container.Lobby .room.roomExtraInfo .roomExtraInfoFriend.roomExtraInfoGuild .playerListName {
    color: #c65d86 !important;
    text-shadow: 0 1px #fff !important;
}

body.season3 #container.Lobby .roomMap {
    background-image: url("/static/images/maps/minimaps.avif?3") !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
    position: absolute !important;

    top: 7px !important;
    width: 213px !important;
    height: 49px !important;
    transform: scaleX(0.4019248826) scaleY(0.5610204082) !important;
    transform-origin: left top !important;
    overflow: hidden !important;
    opacity: 1 !important;
    z-index: 2 !important;
}
body.season3 #container.Lobby #roomsList.s3CompactRooms .roomMap {
    top: 3px !important;
}
body.season3 #container.Lobby .roomMap > canvas {
    width: 213px !important;
    height: 49px !important;
    display: block !important;
    transform: none !important;
    filter: brightness(1) !important;
}

body.season3 #container.Lobby #friendsList .refresh_button_friends {
    box-sizing: border-box !important;
    display: block !important;
    position: relative !important;
    width: 132px !important;
    height: 30px !important;
    min-height: 21px !important;
    margin: 0 0 5px 0 !important;
    padding: 4px 15px !important;
    border: 1px solid #2679a7 !important;
    border-radius: 3px !important;
    background: linear-gradient(#3aa4d4, #1d638f) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .6) !important;
    color: #fff !important;
    font: 700 11px / 17px Arial, Helvetica, sans-serif !important;
    text-align: center !important;
    text-shadow: 0 1px rgba(0, 0, 0, .45) !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}
body.season3 #container.Lobby #friendsList .refresh_button_friends:hover {
    background: linear-gradient(#51b6e2, #24739f) !important;
}
body.season3 #container.Lobby #friendsList .refresh_button_friends:active {
    background: linear-gradient(#1d638f, #3aa4d4) !important;
}

body.season3 #container.Lobby #friends_list_dnd_btn {
    position: absolute !important;
    left: 138px !important;
    top: 9px !important;
    width: 25px !important;
    height: 25px !important;
    line-height: 20px !important;
    font-size: 9px !important;
    z-index: 5 !important;
}

body.season3 #container.Lobby #friendsList .friendListItem {
    position: relative !important;
    box-sizing: border-box !important;
    width: 162px !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    background-color: transparent !important;
}
body.season3 #container.Lobby #friendsList .friendListItem.odd {
    background-color: rgba(36,92,145,.16) !important;
}
body.season3 #container.Lobby #friendsList .friendListItem.selected {
    background-color: rgba(255,255,255,.48) !important;
}

body.season3 #container.Lobby #friendsList .friendListPhoto {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 40px !important;
    height: 30px !important;
    overflow: hidden !important;
}
body.season3 #container.Lobby #friendsList .friendListRank {
    position: absolute !important;
    left: 40px !important;
    top: 0 !important;
    width: 25px !important;
    height: 15px !important;
}
body.season3 #container.Lobby #friendsList .friendListName {
    position: absolute !important;
    left: 68px !important;
    top: 2px !important;
    width: 92px !important;
    height: 15px !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: 9px !important;
    line-height: 13px !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;

}
body.season3 #container.Lobby #friendsList .friendListGP,
body.season3 #container.Lobby #friendsList .friendListLocation {
    position: absolute !important;
    top: 17px !important;
    height: 12px !important;
    overflow: hidden !important;
    font-size: 8px !important;
    line-height: 11px !important;
    white-space: nowrap !important;
}
body.season3 #container.Lobby #friendsList .friendListGP {
    left: 40px !important;
    width: 62px !important;
}
body.season3 #container.Lobby #friendsList .friendListLocation {
    left: 104px !important;
    width: 56px !important;
    text-overflow: ellipsis !important;
}

body.season3 #container.Lobby #friendsList .overview {
left: 7px !important;
    top: -4px;
    width: 162px !important;
    padding-top: 7px !important;
    padding-right: 0 !important;
    overflow: visible !important;
}

body.season3 #container.Lobby #channel .scrollbar {
    position: absolute !important;

    right: auto !important;
    top: 1px !important;
    width: 13px !important;
    height: calc(100% - 26px) !important;
    padding: 13px 0 !important;
    box-sizing: content-box !important;
    z-index: 30 !important;
    overflow: visible !important;
    background-color: transparent !important;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAACEUlEQVR4nF2NTUhUURxHz//eN/NmxpnnjFo6maOGSJKU0MeyhPYt2hcEQdBG2hVt27ho4cJFtAkqAjeVBa0y29QiBZ1SJtGEMCE/Ckfn4715794WGkQHfouzOPxkbGzJHRnp959OLS1u/JSBtcXlKAhCba3By6Qa54fPxTpawvdDJ1qHH0zOpG5cOlMVgFt3nt/vHjp+Pd+ezqQSDRpKS2ChWo/M7o7Ci9g+5gUPL1zsvzvx4XtSbt+bvnmoo228d7CTnj7Xeq1JaQbqQKkM08UNU93S6qRUKH2cvTI6evmJkz9aGM/3eeHAYFabBBJYKG3XUCgSrktL4bAqST0qzu3IYCL9aP7bzifVfiRFTyHnCIhfj8gJvH71ham3X8lkgGrEnk7od81tas3r0JVdv+ikWz0TiykV+IZCi+bF9Aqf59dxHaG5M0f+VBdmE0yiiVmdw69EcSfpOioMDemsMDm1zOOJOep7PoLl5bMZTpdDUu09KCtsSdIuLK40nJg1CJp4XFha/U1vd45sNgkotrd2+bFaxukSjLW4gtSDKO4gglJCpQJXr53FKsCCjWCzBgu/4M064CgMoCIfJ94URxRYA1oBgBWwet9FwGIBwZgU5WodJzQRcTSiIKhZQrG4CkwoVGuW0Bdi5uDdwp5vcRpBA5IKEDSC0bIfWVBaUAL6b0RIZAUlIvyPPdi/vo8gwB8au9ykgbL81AAAAABJRU5ErkJggg=="), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAACDUlEQVR4nF2OO08UYRiFn/ebmV129iLgrgphUSNBTEBiIFZKAGOlEnsbC42FBbE0/gUtqIyx8B8IsddoYrDARAsvLBQGJLIgy8qy15md77WAwvgkpzhPcXLk7XJTM5kYHSlBXQhdSBqwbVirQ6EEbzZhfgvSG1Xult9jVJX/kcP82w9QFHC9mAdyoCMUGyktBRsJNlKsCpEBRBBcHFFc1zgIoBZiCSGGoIB44Kvg1iE0CnKwnYoLJqgFqFXEgLUQAVbBRhBZUAU5PGhMnUy6AxdVrFWSSeHpiyWK2xU6OxOAobSzj+0+RsfEKLQtBrBOHDcUgwJBoAye7uLD0hrNr0UEJXkkydjYAIVAMQIti3qeE7qNVtt2u55p1C0z0wNYI7xc+ELcFaZuXiA7mufTZ7BiydGQ8ZF8zK2WKibMxUmkDeu1iGuTZ1j9sUvKjzNxKc/r5QjjOZhmjXFbJtd9PHC3ftUxfrk90nXUiSccKStcvzGMwbC/D/gOqVIzmt7bkd5KUX2/57zZ3Fi//3O56Ba+/5Fgr6ExgaFsgv5snKbC7tq27ftdc26ddI3XqN7u68sVBODBw/knJ4aH7vT3ptMpPyAQR0KFejOytYoho1rq7wqfT10efLS4uJ6QubmV+OzsYOvxwuq3dlXO7aysRo1W2xEs6aQfXrl60cv3hO/OnspOPnv10b83M17/Cxti4lPZ2Ol3AAAAAElFTkSuQmCC") !important;
    background-position: center top, center bottom !important;
    background-repeat: no-repeat, no-repeat !important;
}

body.season3 #container.Lobby #playersList .scrollbar,
body.season3 #container.Lobby #friendsList .scrollbar,
body.season3 #container.Lobby #guildMembersList .scrollbar {
    position: absolute !important;
    left: 195px !important;
    right: auto !important;
    top: -1px !important;
    width: 13px !important;
    height: calc(100% - 26px) !important;
    padding: 13px 0 !important;
    box-sizing: content-box !important;
    z-index: 30 !important;
    overflow: visible !important;
    background-color: transparent !important;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAACEUlEQVR4nF2NTUhUURxHz//eN/NmxpnnjFo6maOGSJKU0MeyhPYt2hcEQdBG2hVt27ho4cJFtAkqAjeVBa0y29QiBZ1SJtGEMCE/Ckfn4715794WGkQHfouzOPxkbGzJHRnp959OLS1u/JSBtcXlKAhCba3By6Qa54fPxTpawvdDJ1qHH0zOpG5cOlMVgFt3nt/vHjp+Pd+ezqQSDRpKS2ChWo/M7o7Ci9g+5gUPL1zsvzvx4XtSbt+bvnmoo228d7CTnj7Xeq1JaQbqQKkM08UNU93S6qRUKH2cvTI6evmJkz9aGM/3eeHAYFabBBJYKG3XUCgSrktL4bAqST0qzu3IYCL9aP7bzifVfiRFTyHnCIhfj8gJvH71ham3X8lkgGrEnk7od81tas3r0JVdv+ikWz0TiykV+IZCi+bF9Aqf59dxHaG5M0f+VBdmE0yiiVmdw69EcSfpOioMDemsMDm1zOOJOep7PoLl5bMZTpdDUu09KCtsSdIuLK40nJg1CJp4XFha/U1vd45sNgkotrd2+bFaxukSjLW4gtSDKO4gglJCpQJXr53FKsCCjWCzBgu/4M064CgMoCIfJ94URxRYA1oBgBWwet9FwGIBwZgU5WodJzQRcTSiIKhZQrG4CkwoVGuW0Bdi5uDdwp5vcRpBA5IKEDSC0bIfWVBaUAL6b0RIZAUlIvyPPdi/vo8gwB8au9ykgbL81AAAAABJRU5ErkJggg=="), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAACDUlEQVR4nF2OO08UYRiFn/ebmV129iLgrgphUSNBTEBiIFZKAGOlEnsbC42FBbE0/gUtqIyx8B8IsddoYrDARAsvLBQGJLIgy8qy15md77WAwvgkpzhPcXLk7XJTM5kYHSlBXQhdSBqwbVirQ6EEbzZhfgvSG1Xult9jVJX/kcP82w9QFHC9mAdyoCMUGyktBRsJNlKsCpEBRBBcHFFc1zgIoBZiCSGGoIB44Kvg1iE0CnKwnYoLJqgFqFXEgLUQAVbBRhBZUAU5PGhMnUy6AxdVrFWSSeHpiyWK2xU6OxOAobSzj+0+RsfEKLQtBrBOHDcUgwJBoAye7uLD0hrNr0UEJXkkydjYAIVAMQIti3qeE7qNVtt2u55p1C0z0wNYI7xc+ELcFaZuXiA7mufTZ7BiydGQ8ZF8zK2WKibMxUmkDeu1iGuTZ1j9sUvKjzNxKc/r5QjjOZhmjXFbJtd9PHC3ftUxfrk90nXUiSccKStcvzGMwbC/D/gOqVIzmt7bkd5KUX2/57zZ3Fi//3O56Ba+/5Fgr6ExgaFsgv5snKbC7tq27ftdc26ddI3XqN7u68sVBODBw/knJ4aH7vT3ptMpPyAQR0KFejOytYoho1rq7wqfT10efLS4uJ6QubmV+OzsYOvxwuq3dlXO7aysRo1W2xEs6aQfXrl60cv3hO/OnspOPnv10b83M17/Cxti4lPZ2Ol3AAAAAElFTkSuQmCC") !important;
    background-position: center top, center bottom !important;
    background-repeat: no-repeat, no-repeat !important;
}

body.season3 #container.Lobby #channel .scrollbar .track,
body.season3 #container.Lobby #playersList .scrollbar .track,
body.season3 #container.Lobby #friendsList .scrollbar .track,
body.season3 #container.Lobby #guildMembersList .scrollbar .track {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 13px !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.season3 #container.Lobby #channel .scrollbar .thumb,
body.season3 #container.Lobby #playersList .scrollbar .thumb,
body.season3 #container.Lobby #friendsList .scrollbar .thumb,
body.season3 #container.Lobby #guildMembersList .scrollbar .thumb {
    position: absolute !important;
    left: 1px !important;
    top: 0;
    width: 11px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    overflow: hidden !important;
    border: 1px solid rgba(54,139,199,.86) !important;
    border-radius: 6px !important;
    background: linear-gradient(90deg,#f5fdff 0%,#c8f3ff 27%,#71daf5 57%,#16a9df 77%,#0878bd 100%) !important;
    box-shadow: inset 0 0 2px #fff, 0 0 2px rgba(26,100,165,.55) !important;
}
body.season3 #container.Lobby #channel .scrollbar .thumb:hover,
body.season3 #container.Lobby #playersList .scrollbar .thumb:hover,
body.season3 #container.Lobby #friendsList .scrollbar .thumb:hover,
body.season3 #container.Lobby #guildMembersList .scrollbar .thumb:hover {
    filter: brightness(1.08) !important;
}
body.season3 #container.Lobby #channel .scrollbar .thumb .end,
body.season3 #container.Lobby #playersList .scrollbar .thumb .end,
body.season3 #container.Lobby #friendsList .scrollbar .thumb .end,
body.season3 #container.Lobby #guildMembersList .scrollbar .thumb .end { display:none !important; }

body.season3 #container.Lobby #playersList .overview,
body.season3 #container.Lobby #friendsList .overview { max-width:162px !important; }

body.season3 #container.Lobby #guildMembersListHtml {
    box-sizing: border-box !important;
    width: 174px !important;
    padding: 0 1px !important;
    color: #fff !important;
    font: 700 10px/11px Arial, Helvetica, sans-serif !important;
    text-align: center !important;
    white-space: nowrap !important;

}

body.season3 #container.Lobby #guildMembersListHtml > br {
    display: block !important;
    content: "" !important;
    height: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
}

body.season3 #container.Lobby #guildMembersListHtml > br + br {
    display: none !important;
}

body.season3 #container.Lobby #guildMembersListHtml > br:first-child {
    display: none !important;
}

body.season3 #container.Lobby #guildMembersList #refresh_button_guildies,
body.season3 #container.Lobby #guildMembersList #open_guild_chat {
    box-sizing: border-box !important;
    display: inline-block !important;
    position: relative !important;
    top: 0 !important;
    margin: 0 3px 3px 0 !important;
    padding: 0 !important;
    height: 27px !important;
    min-height: 21px !important;
    border: 1px solid #2679a7 !important;
    border-radius: 3px !important;
    background: linear-gradient(#3aa4d4, #1d638f) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.6) !important;
    color: #fff !important;
    text-align: center !important;
    text-shadow: 0 1px rgba(0,0,0,.45) !important;
    vertical-align: top !important;
    cursor: pointer !important;
}
body.season3 #container.Lobby #guildMembersList #refresh_button_guildies {
    width: 28px !important;
    font: 700 14px/19px Arial, Helvetica, sans-serif !important;
}
body.season3 #container.Lobby #guildMembersList #open_guild_chat {
	width: 93px !important;
    font: 700 10px / 20px Arial, Helvetica, sans-serif !important;
    white-space: nowrap !important;
}
body.season3 #container.Lobby #guildMembersList #refresh_button_guildies:hover,
body.season3 #container.Lobby #guildMembersList #open_guild_chat:hover {
    background: linear-gradient(#51b6e2, #24739f) !important;
}
body.season3 #container.Lobby #guildMembersList #refresh_button_guildies:active,
body.season3 #container.Lobby #guildMembersList #open_guild_chat:active {
    background: linear-gradient(#1d638f, #3aa4d4) !important;
}

body.season3 #container.Lobby #guildMembersList #guild_leave {
    position: absolute !important;
    left: 131px !important;
    top: 50px !important;
    width: 56px !important;
    height: 36px !important;
    margin: 0 !important;
    transform: scale(.8) !important;
    transform-origin: left top !important;
    z-index: 8 !important;
}

body.season3 #container.Lobby #guildMembersListHtml > div:nth-child(4) {
    box-sizing: border-box !important;
    display: block !important;
    width: 164px !important;
    height: 22px !important;
    margin-top: 7px !important;
    min-height: 22px !important;
    margin: 3px auto !important;
    padding: 1px 5px !important;
    overflow: hidden !important;
    font: 700 10px/18px Arial, Helvetica, sans-serif !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;

}

body.season3 #container.Lobby #guildMembersListHtml > .yellowBtn {
    display: block !important;
    width: 158px !important;
    margin: 2px auto 1px !important;
}

body.season3 #container.Lobby #guildMembersListHtml #create_guild_name {
    box-sizing: border-box !important;
    display: block !important;
    width: 154px !important;
    height: 22px !important;
    margin: 1px auto 0 !important;
    padding: 2px 5px !important;
    border: 1px solid #b7c7d8 !important;
    font: 12px/16px Arial, Helvetica, sans-serif !important;
}

body.season3 #container.Lobby #guildMembersListHtml #guild_create {
    display: block !important;
    width: 71px !important;
    height: 71px !important;
    margin: 1px auto 0 !important;
    transform: none !important;
}
body.season3 #container.Lobby #guildMembersList .GuildName,
body.season3 #container.Lobby #guildMembersList .GuildName a {
    color: #e77f16 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-shadow: 0 1px #fff !important;
}

body.season3 #container.Lobby #guildMembersList .FriendRequests {
    box-sizing: border-box !important;
    width: 160px !important;
    min-height: 18px !important;
    margin: 0 0 3px 0 !important;
    padding: 2px 3px !important;
    border-radius: 3px !important;
    background: rgba(255,196,64,.22) !important;
    font: 700 8px/13px Arial, Helvetica, sans-serif !important;
    text-align: center !important;
}

body.season3 #container.Lobby #guildMembersList .guildMemberListItem {
    position: relative !important;
    box-sizing: border-box !important;
    width: 162px !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    background-color: transparent !important;
    text-align: left !important;
}
body.season3 #container.Lobby #guildMembersList .guildMemberListItem.odd {
    background-color: rgba(36,92,145,.16) !important;
}
body.season3 #container.Lobby #guildMembersList .guildMemberListItem.selected {
    background-color: rgba(255,255,255,.48) !important;
}
body.season3 #container.Lobby #guildMembersList .friendListPhoto {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 40px !important;
    height: 30px !important;
    overflow: hidden !important;
}
body.season3 #container.Lobby #guildMembersList .friendListRank {
    position: absolute !important;
    left: 40px !important;
    top: 0 !important;
    width: 25px !important;
    height: 15px !important;
}
body.season3 #container.Lobby #guildMembersList .friendListName {
    position: absolute !important;
    left: 68px !important;
    top: 2px !important;
    width: 92px !important;
    height: 15px !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: 9px !important;
    line-height: 13px !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
body.season3 #container.Lobby #guildMembersList .friendListGP,
body.season3 #container.Lobby #guildMembersList .friendListLocation {
    position: absolute !important;
    top: 17px !important;
    height: 12px !important;
    overflow: hidden !important;
    font-size: 8px !important;
    line-height: 11px !important;
    white-space: nowrap !important;
}
body.season3 #container.Lobby #guildMembersList .friendListGP {
    left: 40px !important;
    width: 62px !important;
}
body.season3 #container.Lobby #guildMembersList .friendListLocation {
    left: 104px !important;
    width: 56px !important;
    text-overflow: ellipsis !important;
}

body.season3 #container.Lobby #guildMembersList .overview {
    left: 7px !important;
    top: 0;
    width: 176px !important;
    max-width: 176px !important;
    padding-top: 7px !important;
    padding-right: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

body.season3 #container.Lobby #channel_player {
    top: 150px !important;
}

body.season3 #container.Lobby #myName2 {

    top: 175px !important;
    width: 108px !important;
    height: 17px !important;
    overflow: hidden !important;
}

body.season3 #container.Lobby #myRank2,
body.season3 #container.Lobby #mySeasonRank {
    display: block !important;
    position: absolute !important;
    left: 870px !important;
    width: 25px !important;
    height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    transform-origin: center center !important;
    background-size: 25px 15px !important;
    pointer-events: none !important;
}

body.season3 #container.Lobby #myRank2 {
    top: 175px !important;
    z-index: 13 !important;
}

body.season3 #container.Lobby #myRank2.hide {
    display: none !important;
}

body.season3 #container.Lobby #mySeasonRank {
    top: 156px !important;
    z-index: 14 !important;
}

#myGPBar,
#mySeasonGPBar,
#mySeasonTitle {
    display: none;
}

body.season3 #container.Lobby #myGPBar,
body.season3 #container.Lobby #mySeasonGPBar {
    display: block !important;
    position: absolute !important;
    left: 627px !important;
    width: 0;
    max-width: 160px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 2px !important;
    overflow: hidden !important;
    pointer-events: none !important;
    z-index: 7 !important;
    opacity: .88 !important;
    background: linear-gradient(360deg, rgba(118,113,195,1) 34%, rgba(162,176,238,1) 58%, rgba(162,176,238,1) 88%, rgba(97,141,193,1) 100%) !important;
    transition: width 220ms ease-out !important;
}

body.season3 #container.Lobby #myGPBar { top: 191px !important; }
body.season3 #container.Lobby #mySeasonGPBar { top: 207px !important; }

body.season3 #container.Lobby #myGP2,
body.season3 #container.Lobby #mySeasonGP {
    position: absolute !important;
    left: 627px !important;
    width: 158px !important;
    max-width: 200px !important;
    height: 15px !important;
    text-align: center !important;
    color: #24396f !important;
    font: 700 10px/15px Arial, sans-serif !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.95) !important;
    z-index: 9 !important;
    pointer-events: auto !important;
}

body.season3 #container.Lobby #myGP2 { top: 193px !important; }
body.season3 #container.Lobby #mySeasonGP { top: 209px !important; }

body.season3 #container.Lobby #mySeasonTitle {
    display: block !important;
    position: absolute !important;

    top: 158px !important;

    height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
    text-align: left !important;
    color: #fff !important;
    z-index: 10 !important;
    pointer-events: auto !important;
}

body.season3 #container.Lobby #mySeasonTitle > canvas.seasonTitleNameCanvas {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: scale(0.42, 0.42) !important;
    transform-origin: 0 0 !important;
    pointer-events: none !important;
}

body.season3 #container.Lobby #roomsList > .room.powerUserRoom,
body.season3 #container.Lobby #roomsList > .room.powerUserRoom2 {
    background-image: url("/static/images/themes/season3/roomlist_back2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 2580.205px 1800px !important;
    background-position: -1px -280px !important;
}

body.season3 #container.Lobby #roomsList > .room.powerUserRoom:hover,
body.season3 #container.Lobby #roomsList > .room.powerUserRoom2:hover {
    background-position: -1px -325px !important;
}

body.season3 #container.Lobby #roomsList > .room.powerUserRoom:active,
body.season3 #container.Lobby #roomsList > .room.powerUserRoom2:active {
    background-position: -1px -370px !important;
}

body.season3 #container.Lobby #roomsList > .room.powerUserRoom.roomExtraInfo,
body.season3 #container.Lobby #roomsList > .room.powerUserRoom.roomExtraInfo:hover,
body.season3 #container.Lobby #roomsList > .room.powerUserRoom.roomExtraInfo:active,
body.season3 #container.Lobby #roomsList > .room.powerUserRoom2.roomExtraInfo,
body.season3 #container.Lobby #roomsList > .room.powerUserRoom2.roomExtraInfo:hover,
body.season3 #container.Lobby #roomsList > .room.powerUserRoom2.roomExtraInfo:active {
    width: 540px !important;
    height: 145px !important;
    background-image: url("/static/images/themes/season3/roomlist_back2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 2580.205px 1800px !important;
    background-position: -1px -415px !important;
    overflow: visible !important;
    z-index: 40 !important;
}

body.season3 #container.Lobby .room.roomExtraInfo .roomExtraInfoSlot {
    height: 18px !important;
    max-height: 18px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding: 0 !important;
}

body.season3 #container.Lobby .room.roomExtraInfo .roomExtraInfoSlot0 { left: 20px !important; top: 61px !important; width: 155px !important; max-width: 155px !important; }
body.season3 #container.Lobby .room.roomExtraInfo .roomExtraInfoSlot2 { left: 205px !important; top: 61px !important; width: 105px !important; max-width: 105px !important; }
body.season3 #container.Lobby .room.roomExtraInfo .roomExtraInfoSlot4 { left: 20px !important; top: 86px !important; width: 155px !important; max-width: 155px !important; }
body.season3 #container.Lobby .room.roomExtraInfo .roomExtraInfoSlot6 { left: 205px !important; top: 86px !important; width: 105px !important; max-width: 105px !important; }
body.season3 #container.Lobby .room.roomExtraInfo .roomExtraInfoSlot1 { left: 318px !important; top: 61px !important; width: 135px !important; max-width: 135px !important; }
body.season3 #container.Lobby .room.roomExtraInfo .roomExtraInfoSlot3 { left: 447px !important; top: 61px !important; width: 125px !important; max-width: 125px !important; }
body.season3 #container.Lobby .room.roomExtraInfo .roomExtraInfoSlot5 { left: 318px !important; top: 86px !important; width: 135px !important; max-width: 135px !important; }
body.season3 #container.Lobby .room.roomExtraInfo .roomExtraInfoSlot7 { left: 447px !important; top: 86px !important; width: 125px !important; max-width: 125px !important; }

body.season3 #container.Lobby .room.roomExtraInfo .roomExtraInfoSlot .playerListRank {
    left: 0 !important;
    top: 1px !important;
    width: 25px !important;
    height: 15px !important;
    flex: 0 0 25px !important;
}

body.season3 #container.Lobby .room.roomExtraInfo .roomExtraInfoSlot .playerListName {
    left: 27px !important;
    top: 1px !important;
    width: calc(100% - 29px) !important;
    max-width: calc(100% - 29px) !important;
    height: 15px !important;
    line-height: 15px !important;
    box-sizing: border-box !important;
    padding: 0 2px 0 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

body.season3 #container.Lobby #filter_friends,
body.season3 #container.Lobby #filter_guild {
    display: block !important;
    position: absolute !important;
    top: 11px !important;
    height: 41px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-image: url("/static/images/themes/DragonBall/clasico/stuff_HD.webp?7#png") !important;
    background-repeat: no-repeat !important;
    background-size: 1000px 1500px !important;
    z-index: 20 !important;
    overflow: visible !important;
    cursor: pointer !important;
    color: transparent !important;
}

body.season3 #container.Lobby #filter_friends {
    left: 170px !important;
    width: 43px !important;
    background-position: -348.5px -63.5px !important;
}

body.season3 #container.Lobby #filter_guild {
    left: 220px !important;
    width: 44px !important;
    background-position: -393.5px -63.5px !important;
}

body.season3 #container.Lobby #filter_friends::after,
body.season3 #container.Lobby #filter_guild::after,
body.season3 #container.Lobby #filter_friends.selectedFilter::after,
body.season3 #container.Lobby #filter_guild.selectedFilter::after {
    content: none !important;
    display: none !important;
}

body.season3 #container.Lobby #filter_friends:hover,
body.season3 #container.Lobby #filter_guild:hover {
    filter: brightness(1.22) !important;
}

body.season3 #container.Lobby #filter_friends:active,
body.season3 #container.Lobby #filter_guild:active {
    transform: translateY(1px) !important;
}

body.season3 #container.Lobby #filter_friends.selectedFilter,
body.season3 #container.Lobby #filter_guild.selectedFilter {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: brightness(1.10) drop-shadow(0 0 3px #fff) drop-shadow(0 0 3px rgba(255,220,0,.9)) !important;
}

body.season3 #container.Lobby #filter_friends.selectedFilter {
    background-image: url("/static/images/themes/DragonBall/clasico/stuff_HD.webp?7#png") !important;
    background-repeat: no-repeat !important;
    background-size: 1000px 1500px !important;
    background-position: -348.5px -63.5px !important;
    width: 43px !important;
    height: 41px !important;
}

body.season3 #container.Lobby #filter_guild.selectedFilter {
    background-image: url("/static/images/themes/DragonBall/clasico/stuff_HD.webp?7#png") !important;
    background-repeat: no-repeat !important;
    background-size: 1000px 1500px !important;
    background-position: -393.5px -63.5px !important;
    width: 44px !important;
    height: 41px !important;
}

body.season3 #container.Lobby #filter_friends_count,
body.season3 #container.Lobby #filter_guild_count {
    position: absolute !important;
    right: -3px !important;
    top: -5px !important;
    z-index: 3 !important;
}

body.season3 #container.Lobby #buttonJoin {  top: 8px !important; }

body.season3 #container.Lobby #buttonMyInfo {
    display: block !important;
    position: absolute !important;

    top: 8px !important;
    width: 62px !important;
    height: 45px !important;
    z-index: 22 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-image: url(/static/images/themes/season3/iconos_mejorados.png) !important;
    background-repeat: no-repeat !important;
    background-size: 2413px 1192px !important;
    background-position: 0 -781px !important;
    filter: none !important;
    cursor: pointer !important;
}

body.season3 #container.Lobby #buttonMyInfo:hover { background-position: -62.446px -781px !important; }
body.season3 #container.Lobby #buttonMyInfo:active { background-position: -124.892px -781px !important; }

body.season3 #container.Lobby #filter_normal,
body.season3 #container.Lobby #filter_boss,
body.season3 #container.Lobby #filter_score,
body.season3 #container.Lobby #filter_tag,
body.season3 #container.Lobby #filter_jewel,
body.season3 #container.Lobby #filter_same {

    width: 39px !important;

    box-sizing: border-box !important;

    background-position: 0 0 !important;

    filter: none !important;

}

body.season3 #container.Lobby #filter_normal::after,
body.season3 #container.Lobby #filter_boss::after,
body.season3 #container.Lobby #filter_score::after,
body.season3 #container.Lobby #filter_tag::after,
body.season3 #container.Lobby #filter_jewel::after,
body.season3 #container.Lobby #filter_same::after {
    position: absolute !important;
    inset: 0 !important;

    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    color: #174e82 !important;
    font: 900 6.4px/1 Arial, Helvetica, sans-serif !important;
    text-shadow: 0 1px #fff !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

body.season3 #container.Lobby #filter_normal::after { content: "NORMAL" !important; }
body.season3 #container.Lobby #filter_boss::after   { content: "BOSS" !important; }
body.season3 #container.Lobby #filter_score::after  { content: "SCORE" !important; }
body.season3 #container.Lobby #filter_tag::after    { content: "TAG" !important; }
body.season3 #container.Lobby #filter_jewel::after  { content: "JEWEL" !important; }
body.season3 #container.Lobby #filter_same::after   { content: "SURVIVAL" !important; font-size: 5.7px !important; }

body.season3 #container.Lobby #filter_normal:hover,
body.season3 #container.Lobby #filter_boss:hover,
body.season3 #container.Lobby #filter_score:hover,
body.season3 #container.Lobby #filter_tag:hover,
body.season3 #container.Lobby #filter_jewel:hover,
body.season3 #container.Lobby #filter_same:hover {
    filter: brightness(1.07) !important;
}

body.season3 #container.Lobby #filter_normal.selectedFilter,
body.season3 #container.Lobby #filter_boss.selectedFilter,
body.season3 #container.Lobby #filter_score.selectedFilter,
body.season3 #container.Lobby #filter_tag.selectedFilter,
body.season3 #container.Lobby #filter_jewel.selectedFilter,
body.season3 #container.Lobby #filter_same.selectedFilter {
    border-color: #287ab9 !important;
    background-image: linear-gradient(#b6e3fb,#4ea5dd) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.7), 0 0 4px rgba(18,101,167,.55) !important;
}

body.season3 #container.Lobby #buttonAllBuddyList3::after {
    content: "Guild" !important;
    position: absolute !important;
    inset: 0 !important;
    color: #2e6497 !important;
    font: 700 8px/15px Arial, sans-serif !important;
    text-align: center !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

body.season3 #container.Lobby #myRankEffect {
    display: none;
    position: absolute !important;
    left: 870px !important;
    top: 175px !important;
    width: 25px !important;
    height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-size: 25px 15px !important;
    background-repeat: no-repeat !important;
    z-index: 16 !important;
    pointer-events: none !important;
}

body.season3 #container.Lobby #myRankEffect[style*="display: block"],
body.season3 #container.Lobby #myRankEffect[style*="display: inline"] {
    display: block !important;
}

body.season3 #container.Lobby #myPowerUser {
    position: absolute !important;

    top: 8px !important;

    height: auto !important;

    font-family: inherit !important;
    font-size: 10px !important;
    font-weight: normal !important;
    font-style: normal !important;
    line-height: normal !important;
    color: #fca !important;
    text-align: center !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

body.season3 #container.Lobby #myCash2,
body.season3 #container.Lobby #myGold2 {
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: normal !important;
    text-align: right !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.season3 #container.Lobby #myCash2 {
    color: #8bc2ee !important;
}

body.season3 #container.Lobby #myGold2 {
    color: #ffea4a !important;
}

body.season3 #container.Lobby #dialogCreateRoomWarp {
    z-index: 998 !important;
}

body.season3 #container.Lobby #dialogCreateRoom {

    top: 130px !important;
    width: 341px !important;
    height: 258px !important;
    overflow: visible !important;
    box-shadow: none !important;

}

body.season3 #container.Lobby #dialogCreateRoom * {
    box-sizing: border-box !important;
}

body.season3 #container.Lobby #createRoomTitle,
body.season3 #container.Lobby #createRoomPasswordInput {
    width: 164px !important;
    height: 15px !important;
    padding: 0 4px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #5a71c6 !important;
    font: 700 10px/15px Arial, Helvetica, sans-serif !important;
    text-shadow: none !important;
}
body.season3 #container.Lobby #createRoomTitle {
    left: 123px !important;
    top: 41px !important;
}
body.season3 #container.Lobby #CreateRoomPassword {
    position: absolute !important;
    left: 123px !important;
    top: 85px !important;
    width: 164px !important;
    height: 15px !important;
    display: none;
    background: none !important;
}
body.season3 #container.Lobby #createRoomPasswordInput {
    left: 123px !important;
    top: 85px !important;
    display: none;
}

body.season3 #container.Lobby #CreateRoomPrivateCheckbox {
    left: 47px !important;
    top: 63px !important;
    width: 12px !important;
    height: 12px !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 1px !important;
    background: #fff !important;
    box-shadow: inset 0 1px rgba(255,255,255,.8) !important;
}
body.season3 #container.Lobby #CreateRoomPrivateCheckbox.checkboxOn::after {
    content: "";
    position: absolute;
    left: 2px;
    top: 1px;
    width: 6px;
    height: 3px;
    border-left: 2px solid #1b58a5;
    border-bottom: 2px solid #1b58a5;
    transform: rotate(-45deg);
}

body.season3 #container.Lobby #CreateRoomNumPlayersPrev,
body.season3 #container.Lobby #CreateRoomNumPlayersNext,
body.season3 #container.Lobby #CreateRoomModePrev,
body.season3 #container.Lobby #CreateRoomModeNext {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    background-image: url(/static/images/themes/DragonBall/clasico/stuff_HD.webp?7#png) !important;
    background-repeat: no-repeat !important;
    background-size: 1000px 1500px !important;
    z-index: 4 !important;
}
body.season3 #container.Lobby #CreateRoomNumPlayersPrev,
body.season3 #container.Lobby #CreateRoomModePrev {
    background-position: -620.5px -326.5px !important;
}
body.season3 #container.Lobby #CreateRoomNumPlayersNext,
body.season3 #container.Lobby #CreateRoomModeNext {
    background-position: -640px -326.5px !important;
}
body.season3 #container.Lobby #CreateRoomNumPlayersPrev { left: 136px !important; top: 122px !important; }
body.season3 #container.Lobby #CreateRoomNumPlayersNext { left: 236px !important; top: 122px !important; }
body.season3 #container.Lobby #CreateRoomModePrev { left: 138px !important; top: 143px !important; }
body.season3 #container.Lobby #CreateRoomModeNext { left: 236px !important; top: 143px !important; }

body.season3 #container.Lobby #CreateRoomPlayers,
body.season3 #container.Lobby #CreateRoomMode {
    left: 168px !important;
    width: 58px !important;

}
body.season3 #container.Lobby #CreateRoomPlayers {
    top: 124px !important;
    color: #ffff !important;
    font-size: 11px !important;
}
body.season3 #container.Lobby #CreateRoomMode {
    top: 145px !important;
    font-size: 10px !important;
    /* En Crear Sala el nombre del modo es texto real, no un recorte del stuff. */
    background: none !important;
    background-image: none !important;
    background-position: 0 0 !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}

body.season3 #container.Lobby #CreateRoomModeIcon {
    left: 265px !important;
    top: 121px !important;
    width: 43px !important;
    height: 41px !important;
    background-image: url(/static/images/themes/DragonBall/clasico/stuff_HD.webp?7#png) !important;
    background-repeat: no-repeat !important;
    background-size: 1000px 1500px !important;
    z-index: 4 !important;
}
body.season3 #container.Lobby #CreateRoomModeIcon.iconMode0 { background-position: -166.5px -63.5px !important; filter: none !important; }
body.season3 #container.Lobby #CreateRoomModeIcon.iconMode1 { background-position: -211.5px -63.5px !important; filter: none !important; }
body.season3 #container.Lobby #CreateRoomModeIcon.iconMode2 { background-position: -257.5px -63.5px !important; filter: none !important; }
body.season3 #container.Lobby #CreateRoomModeIcon.iconMode3 { background-position: -302.5px -63.5px !important; filter: none !important; }
body.season3 #container.Lobby #CreateRoomModeIcon.iconMode4 { background-position: -257.5px -63.5px !important; filter: hue-rotate(280deg) !important; }
body.season3 #container.Lobby #CreateRoomModeIcon.iconMode5 { background-position: -302.5px -63.5px !important; filter: none !important; }
body.season3 #container.Lobby #CreateRoomModeIcon.iconMode6 { background-position: -257.5px -63.5px !important; filter: hue-rotate(340deg) saturate(2.2) !important; }
body.season3 #container.Lobby #CreateRoomModeIcon.iconMode7 { background-position: -257.5px -63.5px !important; filter: hue-rotate(180deg) saturate(2.2) brightness(1.05) !important; }

body.season3 #container.Lobby #dialogCreateLocked {
    left: 188px !important;
    top: 144px !important;
    z-index: 5 !important;
}
body.season3 #container.Lobby #dialogCreateMessage {
    left: 46px !important;
    top: 172px !important;
    width: 238px !important;
    color: #222 !important;
    font: 700 11px/13px Arial, Helvetica, sans-serif !important;
    text-shadow: 0 1px rgba(255,255,255,.52) !important;
    z-index: 4 !important;
}

body.season3 #container.Lobby #dialogCreateRoomButtonOK,
body.season3 #container.Lobby #dialogCreateRoomButtonCancel {
    top: 211px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 4 !important;
}
body.season3 #container.Lobby #dialogCreateRoomButtonOK { left: 240px !important; }
body.season3 #container.Lobby #dialogCreateRoomButtonCancel { left: 20px !important; }

body.season3 #container.Lobby #dialogCreateRoom .checkboxOff,
body.season3 #container.Lobby #dialogCreateRoom .checkboxOn {
    background-image: none !important;
}

body.season3 #container.Lobby #dialogCreateRoomWarp > .AlertBoxBackground {
    z-index: 1 !important;
    pointer-events: none !important;
}

body.season3 #container.Lobby #dialogCreateRoom {
    z-index: 50 !important;
    pointer-events: auto !important;
}

body.season3 #container.Lobby #dialogCreateRoomButtonOK,
body.season3 #container.Lobby #dialogCreateRoomButtonCancel,
body.season3 #container.Lobby #CreateRoomPrivateCheckbox,
body.season3 #container.Lobby #CreateRoomNumPlayersPrev,
body.season3 #container.Lobby #CreateRoomNumPlayersNext,
body.season3 #container.Lobby #CreateRoomModePrev,
body.season3 #container.Lobby #CreateRoomModeNext,
body.season3 #container.Lobby #createRoomTitle,
body.season3 #container.Lobby #createRoomPasswordInput {
    pointer-events: auto !important;
}

body.season3 #container.Lobby #dialogCreateMessage,
body.season3 #container.Lobby #CreateRoomModeIcon {
    pointer-events: none !important;
}

body.season3 #container.Lobby #roomsList {
    z-index: 30 !important;
}

body.season3 #container.Lobby #roomlist_zone {
    display: none !important;
}

body.season3 #container.Lobby #filter_all,
body.season3 #container.Lobby #filter_waiting {

    width: 46px !important;

    box-sizing: border-box !important;

    background-position: 0 0 !important;

}

body.season3 #container.Lobby #filter_all::after,
body.season3 #container.Lobby #filter_waiting::after {
    position: absolute !important;
    inset: 0 !important;

    align-items: center !important;
    justify-content: center !important;
    color: #184d83 !important;
    font: 900 10px/1 Arial, Helvetica, sans-serif !important;
    text-shadow: 0 1px #fff !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

body.season3 #container.Lobby #filter_all::after { content: "ALL" !important; }
body.season3 #container.Lobby #filter_waiting::after { content: "WAIT" !important; }

body.season3 #container.Lobby #filter_all:hover,
body.season3 #container.Lobby #filter_waiting:hover {
    filter: brightness(1.06) !important;
}

body.season3 #container.Lobby #filter_all.selectedFilter,
body.season3 #container.Lobby #filter_waiting.selectedFilter {
    border-color: #2a78b7 !important;

}

body.season3 #game_over.season3GameOverMode {
    width: 648px !important;
    height: 476px !important;
    left: 76px !important;
    top: 62px !important;
    overflow: hidden !important;
    background-size: 648px 476px !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
}

body.season3 #game_over.season3GameOverMode > .score {
    display: none !important;
}
body.season3 #game_over.season3GameOverMode #GameOverMyGP,
body.season3 #game_over.season3GameOverMode #GameOverMyGold,
body.season3 #game_over.season3GameOverMode #GameOverMyGPGot,
body.season3 #game_over.season3GameOverMode #GameOverMyGoldGot,
body.season3 #game_over.season3GameOverMode #GameOverMyGPNext {
    display: none !important;
}

body.season3 #game_over.season3GameOverMode #scores_lose_a,
body.season3 #game_over.season3GameOverMode #scores_lose_b {
    position: absolute !important;
    left: 35px !important;
    width: 150px !important;
    height: 31px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    font: 900 27px/31px Arial, Helvetica, sans-serif !important;
    letter-spacing: .5px !important;
    z-index: 8 !important;
    pointer-events: none !important;
}
body.season3 #game_over.season3GameOverMode #scores_lose_a { top: 55px !important; }
body.season3 #game_over.season3GameOverMode #scores_lose_b { top: 260px !important; }
body.season3 #game_over.season3GameOverMode #scores_lose_a.season3Blue,
body.season3 #game_over.season3GameOverMode #scores_lose_b.season3Blue {
    color: #398cff !important;
    -webkit-text-stroke: 1px #17386c;
    text-shadow: 0 2px 0 #102957, 1px 0 0 #102957, -1px 0 0 #102957, 0 -1px 0 #fff !important;
}
body.season3 #game_over.season3GameOverMode #scores_lose_a.season3Red,
body.season3 #game_over.season3GameOverMode #scores_lose_b.season3Red {
    color: #ff5571 !important;
    -webkit-text-stroke: 1px #6e1731;
    text-shadow: 0 2px 0 #5a1027, 1px 0 0 #5a1027, -1px 0 0 #5a1027, 0 -1px 0 #fff !important;
}

body.season3 #game_over.season3GameOverMode #season3ScoreMvpName {
    position: absolute !important;
    left: 470px !important;
    top: 58px !important;
    width: 142px !important;
    height: 20px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    color: #ffca41 !important;
    font: 700 11px/20px Arial, Helvetica, sans-serif !important;
    text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000 !important;
    z-index: 9 !important;
    pointer-events: none !important;
}
body.season3 #game_over.season3GameOverMode #season3ScoreMvpName .rank {
    position: relative !important;
    top: -2px !important;
    vertical-align: middle !important;
    transform: scale(.78) !important;
    transform-origin: left center !important;
    margin-right: -4px !important;
}

body.season3 #game_over.season3GameOverMode #season3ScoreOverlay {
    display: block;
    position: absolute !important;
    inset: 0 !important;
    width: 648px !important;
    height: 476px !important;
    z-index: 7 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}

body.season3 #game_over.season3GameOverMode .season3ScoreRowCustom {
    position: absolute !important;
    left: 29px !important;
    width: 588px !important;
    height: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    color: #233b62 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

body.season3 #game_over.season3GameOverMode .season3ScoreRowCustom.season3Mine::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 588px;
    height: 24px;
    box-sizing: border-box;
    border-top: 1px solid #ff7a2c;
    border-bottom: 1px solid #ff7a2c;
    pointer-events: none;
}

body.season3 #game_over.season3GameOverMode .season3ScoreNick,
body.season3 #game_over.season3GameOverMode .season3ScoreK,
body.season3 #game_over.season3GameOverMode .season3ScoreD,
body.season3 #game_over.season3GameOverMode .season3ScoreGP,
body.season3 #game_over.season3GameOverMode .season3ScoreGold,
body.season3 #game_over.season3GameOverMode .season3ScoreEvent {
    position: absolute !important;
    top: 4px !important;
    height: 17px !important;
    line-height: 17px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

body.season3 #game_over.season3GameOverMode .season3ScoreNick {
    left: 5px !important;
    width: 145px !important;
    color: #ffca41 !important;
    font-size: 11px !important;
    text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000 !important;
}
body.season3 #game_over.season3GameOverMode .season3ScoreNick .rank {
    position: relative !important;
    top: -2px !important;
    vertical-align: middle !important;
    transform: scale(.78) !important;
    transform-origin: left center !important;
    margin-right: -4px !important;
}
body.season3 #game_over.season3GameOverMode .season3ScoreNick .GuildName,
body.season3 #game_over.season3GameOverMode .season3ScoreNick .GuildName a,
body.season3 #game_over.season3GameOverMode #season3ScoreMvpName .GuildName,
body.season3 #game_over.season3GameOverMode #season3ScoreMvpName .GuildName a {
    color: #e4942b !important;
    text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000 !important;
    text-decoration: none !important;
}
body.season3 #game_over.season3GameOverMode .season3ScoreNick a,
body.season3 #game_over.season3GameOverMode #season3ScoreMvpName a {
    color: inherit !important;
    text-decoration: none !important;
}
body.season3 #game_over.season3GameOverMode .season3ScoreK {
    left: 155px !important;
    width: 31px !important;
    text-align: center !important;
    color: #315795 !important;
    font-size: 11px !important;
}
body.season3 #game_over.season3GameOverMode .season3ScoreD {
    left: 187px !important;
    width: 31px !important;
    text-align: center !important;
    color: #d94e24 !important;
    font-size: 11px !important;
}
body.season3 #game_over.season3GameOverMode .season3ScoreGP {
    left: 219px !important;
    width: 66px !important;
    text-align: center !important;
    color: #2d4f87 !important;
    font-size: 11px !important;
}
body.season3 #game_over.season3GameOverMode .season3ScoreGold {
    left: 286px !important;
    width: 66px !important;
    text-align: center !important;
    color: #c36a00 !important;
    font-size: 11px !important;
}
body.season3 #game_over.season3GameOverMode .season3ScoreEvent {
    left: 353px !important;
    width: 230px !important;
    padding-left: 5px !important;
    color: #465f82 !important;
    font-size: 10px !important;
    text-align: left !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.65) !important;
}

body.season3 #game_over.season3GameOverMode .season3ScoreEvent {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding-right: 3px !important;
    text-overflow: clip !important;
}
body.season3 #game_over.season3GameOverMode .season3ScoreEventText {
    display: inline-block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    flex: 0 1 auto !important;
}
body.season3 #game_over.season3GameOverMode .season3ScoreTicket,
body.season3 #game_over.season3GameOverMode .season3ScoreCafe {
    display: inline-flex !important;
    align-items: center !important;
    height: 17px !important;
    line-height: 17px !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}
body.season3 #game_over.season3GameOverMode .season3ScoreTicket {
    gap: 1px !important;
    color: #7f4a00 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
}
body.season3 #game_over.season3GameOverMode .season3ScoreTicketIcon {
    display: inline-block !important;
    font-family: Emoji, "Segoe UI Emoji", "Apple Color Emoji", sans-serif !important;
    font-size: 12px !important;
    line-height: 15px !important;
    vertical-align: middle !important;
    filter: drop-shadow(0 1px 0 rgba(0,0,0,.25));
}
body.season3 #game_over.season3GameOverMode .season3ScoreTicketCount {
    display: inline-block !important;
    color: #875200 !important;
    font-size: 9px !important;
}
body.season3 #game_over.season3GameOverMode .season3ScoreCafe {
    gap: 1px !important;
    color: #805000 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
}
body.season3 #game_over.season3GameOverMode .season3ScoreCafeIcon {
    display: inline-block !important;
    width: 31px !important;
    height: 13px !important;
    background-image: url(/static/images/cafecito.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 31px 13px !important;
    vertical-align: middle !important;
    flex: 0 0 31px !important;
}
body.season3 #game_over.season3GameOverMode .season3ScoreCafeCount {
    display: inline-block !important;
    color: #805000 !important;
    font-size: 9px !important;
}

body.season3 #game_over.season3GameOverMode .season3ScoreNick .GuildNameTeamA,
body.season3 #game_over.season3GameOverMode .season3ScoreNick .GuildNameTeamB,
body.season3 #game_over.season3GameOverMode #season3ScoreMvpName .GuildNameTeamA,
body.season3 #game_over.season3GameOverMode #season3ScoreMvpName .GuildNameTeamB {
    text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000 !important;
}
body.season3 #game_over.season3GameOverMode .season3ScoreNick .GuildNameTeamA,
body.season3 #game_over.season3GameOverMode #season3ScoreMvpName .GuildNameTeamA {
    color: #f09 !important;
}
body.season3 #game_over.season3GameOverMode .season3ScoreNick .GuildNameTeamB,
body.season3 #game_over.season3GameOverMode #season3ScoreMvpName .GuildNameTeamB {
    color: #09f !important;
}

body.season3 #game_over.season3GameOverMode .season3EventSep {
    display: inline-block !important;
    color: #6981a4 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    margin: 0 1px !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.55), -1px 0 1px rgba(0,0,0,.18) !important;
}
body.season3 #game_over.season3GameOverMode .season3EventState {
    display: inline-block !important;
    color: #516c91 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.65) !important;
}
body.season3 #game_over.season3GameOverMode .season3BonusGP {
    display: inline-block !important;
    color: #4e8dff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .1px !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.78), -1px 0 1px rgba(22,52,103,.35), 0 0 2px rgba(78,141,255,.22) !important;
}
body.season3 #game_over.season3GameOverMode .season3BonusGold {
    display: inline-block !important;
    color: #f1a12a !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .1px !important;
    text-shadow: 0 1px 0 rgba(255,251,210,.85), -1px 0 1px rgba(106,62,0,.35), 0 0 2px rgba(241,161,42,.18) !important;
}
body.season3 #game_over.season3GameOverMode .season3BonusSeasonGP {
    display: inline-block !important;
    color: #8ac65b !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.72), -1px 0 1px rgba(48,87,26,.28) !important;
}

body.season3 #roomScreen .roomPlayerName:not(:has(.s3RoomGuildLine)) {
    left: -6px !important;
    top: 30px !important;
    width: 208px !important;
    height: 18px !important;
    line-height: 15px !important;
    font-size: 12px !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-align: center !important;
    transform: scaleX(.90) !important;
    -webkit-transform: scaleX(.90) !important;
    transform-origin: center top !important;
    -webkit-transform-origin: center top !important;
}

body.season3 #roomScreen .roomPlayerName:not(:has(.s3RoomGuildLine)) .s3RoomIdentity {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: 18px !important;
    line-height: 15px !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

body.season3 #roomScreen .roomPlayerName:not(:has(.s3RoomGuildLine)) .s3RoomNickLine {
    position: static !important;
    display: block !important;
    width: 208px !important;
    height: 17px !important;
    line-height: 15px !important;
    transform: none !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

body.season3 #roomScreen .roomPlayerName:has(.s3RoomGuildLine) {
    position: absolute !important;
    left: -6px !important;
    top: 30px !important;
    right: auto !important;
    width: 208px !important;
    height: 34px !important;
    line-height: 14px !important;
    font-size: 12px !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-align: center !important;
    z-index: 40 !important;
    transform: scaleX(.90) !important;
    -webkit-transform: scaleX(.90) !important;
    transform-origin: center top !important;
    -webkit-transform-origin: center top !important;
}

body.season3 #roomScreen .roomPlayerName:has(.s3RoomGuildLine) .s3RoomIdentity {
    position: relative !important;
    display: block !important;
    width: 208px !important;
    height: 34px !important;
    line-height: 14px !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

body.season3 #roomScreen .roomPlayerName:has(.s3RoomGuildLine) .s3RoomGuildLine {
    position: absolute !important;
    left: 50% !important;
    top: -6px !important;
    width: 152px !important;
    max-width: 152px !important;
    height: 14px !important;
    line-height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.season3 #roomScreen .roomPlayerName:has(.s3RoomGuildLine) .s3RoomGuildLine a {
    display: inline !important;
    color: inherit !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    font-size: 9px;
}

body.season3 #roomScreen .roomPlayerName:has(.s3RoomGuildLine) .s3RoomNickLine {
    position: absolute !important;
    left: 0 !important;
    top: 7px !important;
    width: 208px !important;
    height: 18px !important;
    line-height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    display: block !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

body.season3 #roomScreen .roomPlayerName:has(.s3RoomGuildLine) .s3RoomNickLine > .relationshipIcon,
body.season3 #roomScreen .roomPlayerName:has(.s3RoomGuildLine) .s3RoomNickLine > .relationshipIconE,
body.season3 #roomScreen .roomPlayerName:has(.s3RoomGuildLine) .s3RoomNickLine > .relationshipIconM {
    position: absolute !important;
    left: 2px !important;
    top: -1px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.season3 #roomScreen .roomPlayerName:has(.s3RoomGuildLine) .s3RoomNickLine > .span_rank2 {
    position: absolute !important;
    left: 2px !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.season3 #roomScreen .roomPlayerName:has(.s3RoomGuildLine) .s3RoomNickLine:has(> .relationshipIcon) > .span_rank2,
body.season3 #roomScreen .roomPlayerName:has(.s3RoomGuildLine) .s3RoomNickLine:has(> .relationshipIconE) > .span_rank2,
body.season3 #roomScreen .roomPlayerName:has(.s3RoomGuildLine) .s3RoomNickLine:has(> .relationshipIconM) > .span_rank2 {
    left: 20px !important;
}

body.season3 #roomScreen .roomPlayerName:has(.s3RoomGuildLine) .s3RoomNickLine > .roomSeasonRank {
    position: absolute !important;
    left: 29px !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.season3 #roomScreen .roomPlayerName:has(.s3RoomGuildLine) .s3RoomNickLine:has(> .relationshipIcon) > .roomSeasonRank,
body.season3 #roomScreen .roomPlayerName:has(.s3RoomGuildLine) .s3RoomNickLine:has(> .relationshipIconE) > .roomSeasonRank,
body.season3 #roomScreen .roomPlayerName:has(.s3RoomGuildLine) .s3RoomNickLine:has(> .relationshipIconM) > .roomSeasonRank {
    left: 47px !important;
}

body.season3 #roomScreen .SideA:has(.s3RoomGuildLine) .roomPlayerInfo,
body.season3 #roomScreen .SideB:has(.s3RoomGuildLine) .roomPlayerInfo {
    position: absolute !important;
    left: auto !important;
    right: 2px !important;
    top: 23px !important;
    width: 43px !important;
    height: 30px !important;
    z-index: 45 !important;
    transform: scale(.65) rotate(360deg) !important;
    -webkit-transform: scale(.65) rotate(360deg) !important;
    transform-origin: center center !important;
    -webkit-transform-origin: center center !important;
}

body.season3 .s3GameGuildLine {
    position: absolute !important;
    left: -14px !important;
    top: 1px !important;
    width: 190px !important;
    height: 15px !important;
    line-height: 15px !important;
    font-family: verdana, arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    pointer-events: none !important;
    z-index: 8 !important;
    text-shadow: -1px 0 1px #000, 0 1px 1px #000, 1px 0 1px #000, 0 -1px 1px #000 !important;
}
body.season3 .s3GameGuildTeamA { color: #f09 !important; }
body.season3 .s3GameGuildTeamB { color: #09f !important; }
body.season3 .s3GameGuildNeutral { color: #f7a539 !important; }


body.season3 #container.Shop {
    width:800px!important;
    height:600px!important;
    overflow:visible!important;
}
body.season3 #container.Shop #shopScreen.season3ShopMode {
    position:relative!important;
    left:0!important;
    top:0!important;
    width:800px!important;
    height:600px!important;
    overflow:visible!important;
    transform:none!important;
    -webkit-transform:none!important;
    transform-origin:0 0!important;
    -webkit-transform-origin:0 0!important;
    background-image:url(/static/images/themes/season3/avatar_back.png)!important;
    background-repeat:no-repeat!important;
    background-position:0 0!important;
    background-size:800px 600px!important;
}
body.season3 #container.Shop #shopScreen.season3ShopMode.s3InventoryView {
    background-image:url(/static/images/themes/season3/avatar_back1.png)!important;
}
body.season3 #container.Shop #shopOverly { display:none!important; }
body:not(.season3) .s3Only { display:none!important; }
body.season3 #container.Shop .s3Only { display:block; }

body.season3 #container.Shop #shopScreen #shop_items .shop_item_icon,
body.season3 #container.Shop #shopScreen .stat_icon,
body.season3 #container.Shop #shopScreen .stat_font,
body.season3 #container.Shop #shopScreen .shop_my_item,
body.season3 #container.Shop #shopScreen .shop_my_item_cash,
body.season3 #container.Shop #shopScreen .shop_my_item_gift,
body.season3 #container.Shop #shopScreen .shop_my_item_icon,
body.season3 #container.Shop #shopScreen .shop_my_item_equip.equipped,
body.season3 #container.Shop #shopScreen .s3TopTab,
body.season3 #container.Shop #shopScreen #buttonShopBuy,
body.season3 #container.Shop #shopScreen #shop_delete_avatar,
body.season3 #container.Shop #shopScreen #buttonShopExit,
body.season3 #container.Shop #shopScreen #inven,
body.season3 #container.Shop #shopScreen #reset,
body.season3 #container.Shop #shopScreen #PetTraining {
    background-image:url(/static/images/themes/season3/avatar_back2.png)!important;
    background-repeat:no-repeat!important;
    background-size:3276.8px 1804.8px!important;
}

body.season3 #container.Shop #shopScreen .s3MainBtn {
    background-image:url(/static/images/themes/season3/iconos_mejorados.png)!important;
    background-repeat:no-repeat!important;
    background-size:2418px 1214px!important;
}

body.season3 #container.Shop #shopFilterMyAvatar {
    position:absolute!important; left:440px!important; top:11px!important; width:66px!important; height:16px!important;
    margin:0!important; padding:0!important; border:0!important; outline:0!important; background:transparent!important;
    font-size:12px!important; color:#2e4562!important; z-index:15!important;
}
body.season3 #container.Shop #shopSearchBtn { display:none!important; }
body.season3 #container.Shop #SortBtnPop { left:342px!important; top:33px!important; }
body.season3 #container.Shop #SortBtnTime { left:372px!important; top:33px!important; }
body.season3 #container.Shop #SortBtnAtk { left:402px!important; top:33px!important; }
body.season3 #container.Shop #SortBtnDef { left:432px!important; top:33px!important; }
body.season3 #container.Shop #SortBtnLife { left:462px!important; top:33px!important; }
body.season3 #container.Shop #SortBtnItem { left:482px!important; top:33px!important; }
body.season3 #container.Shop #SortBtnDig { left:502px!important; top:33px!important; }
body.season3 #container.Shop #SortBtnShld { left:522px!important; top:33px!important; }
body.season3 #container.Shop #SortBtnPop,
body.season3 #container.Shop #SortBtnTime,
body.season3 #container.Shop #SortBtnAtk,
body.season3 #container.Shop #SortBtnDef,
body.season3 #container.Shop #SortBtnLife,
body.season3 #container.Shop #SortBtnItem,
body.season3 #container.Shop #SortBtnDig,
body.season3 #container.Shop #SortBtnShld { position:absolute!important; z-index:15!important; }

body.season3 #container.Shop #buttonShopHead,
body.season3 #container.Shop #buttonShopBody,
body.season3 #container.Shop #buttonShopGlass,
body.season3 #container.Shop #buttonShopFlag,
body.season3 #container.Shop #buttonShopBackground,
body.season3 #container.Shop #buttonShopForeground {
    position:absolute!important; top:57px!important; width:70px!important; height:28px!important; margin:0!important;
    background-position:-290px -521px!important; z-index:16!important; font-size:0!important; color:transparent!important;
}
body.season3 #container.Shop #buttonShopHead { left:81px!important; }
body.season3 #container.Shop #buttonShopBody { left:150px!important; }
body.season3 #container.Shop #buttonShopGlass { left:219px!important; }
body.season3 #container.Shop #buttonShopFlag { left:288px!important; }
body.season3 #container.Shop #buttonShopBackground { left:357px!important; }
body.season3 #container.Shop #buttonShopForeground { left:426px!important; }
body.season3 #container.Shop .s3TopTab:hover { background-position:-290px -549px!important; }
body.season3 #container.Shop .s3TopTab.selected { top:52px!important; height:34px!important; background-position:-290px -577px!important; }
body.season3 #container.Shop .s3TopTab .Alt { display:none!important; }
body.season3 #container.Shop .s3TopTab:after { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font:700 11px Arial; color:#21374b; text-shadow:0 1px #fff; }
body.season3 #container.Shop #buttonShopHead:after { content:"Cabeza"; }
body.season3 #container.Shop #buttonShopBody:after { content:"Cuerpo"; }
body.season3 #container.Shop #buttonShopGlass:after { content:"Lentes"; }
body.season3 #container.Shop #buttonShopFlag:after { content:"Bandera"; }
body.season3 #container.Shop #buttonShopBackground:after { content:"Fondo"; }
body.season3 #container.Shop #buttonShopForeground:after { content:"Efecto"; }

body.season3 #container.Shop .s3MainBtn { position:absolute!important; left:465px!important; width:68px!important; height:45px!important; z-index:17!important; }
body.season3 #container.Shop #s3Special,
body.season3 #container.Shop #s3Gcoin,
body.season3 #container.Shop #s3Avatar,
body.season3 #container.Shop #s3Set,
body.season3 #container.Shop #s3GBCard { filter:grayscale(.38) saturate(.72) brightness(.94)!important; opacity:.5!important; pointer-events:none!important; cursor:default!important; }
body.season3 #container.Shop #buttonShopExItem,
body.season3 #container.Shop #buttonShopPets { filter:none!important; opacity:1!important; pointer-events:auto!important; cursor:pointer!important; }
body.season3 #container.Shop #s3Special { top:109px!important; background-position:-396px -48px!important; }
body.season3 #container.Shop #s3Gcoin { top:162px!important; background-position:-396px -93px!important; }
body.season3 #container.Shop #s3Avatar { top:215px!important; background-position:-396px -139px!important; }
body.season3 #container.Shop #s3Set { top:268px!important; background-position:-396px -185px!important; }
body.season3 #container.Shop #buttonShopExItem { top:320px!important; background-position:-396px -232px!important; }
body.season3 #container.Shop #buttonShopPets { top:374px!important; background-position:-396px -278px!important; }
body.season3 #container.Shop #s3GBCard { top:427px!important; background-position:-396px -324px!important; }
body.season3 #container.Shop #s3Special:hover { background-position:-464px -48px!important; }
body.season3 #container.Shop #s3Gcoin:hover { background-position:-464px -93px!important; }
body.season3 #container.Shop #s3Avatar:hover { background-position:-464px -139px!important; }
body.season3 #container.Shop #s3Set:hover { background-position:-464px -185px!important; }
body.season3 #container.Shop #buttonShopExItem:hover { background-position:-464px -232px!important; }
body.season3 #container.Shop #buttonShopPets:hover { background-position:-464px -278px!important; }
body.season3 #container.Shop #s3GBCard:hover { background-position:-464px -324px!important; }
body.season3 #container.Shop #s3Special.selected { background-position:-532px -48px!important; }
body.season3 #container.Shop #s3Gcoin.selected { background-position:-532px -93px!important; }
body.season3 #container.Shop #s3Avatar.selected { background-position:-532px -139px!important; }
body.season3 #container.Shop #s3Set.selected { background-position:-532px -185px!important; }
body.season3 #container.Shop #buttonShopExItem.selected { background-position:-532px -232px!important; }
body.season3 #container.Shop #buttonShopPets.selected { background-position:-532px -278px!important; }
body.season3 #container.Shop #s3GBCard.selected { background-position:-532px -324px!important; }
body.season3 #container.Shop #buttonShopExItem .Alt, body.season3 #container.Shop #buttonShopPets .Alt { display:none!important; }

body.season3 #container.Shop #buttonShopSeason { display:none!important; }
body.season3 #container.Shop #buttonShopSeason .shopSeasonIcon { font-size:18px!important; position:absolute!important; left:5px!important; top:11px!important; }
body.season3 #container.Shop #buttonShopSeason .shotBtnText, body.season3 #container.Shop #buttonShopSeason .Alt { display:none!important; }
body.season3 #container.Shop #buttonShopEvent { display:none!important; }

body.season3 #container.Shop #shop_items { position:absolute!important; left:35px!important; top:108px!important; width:424px!important; height:385px!important; z-index:10!important; }
body.season3 #container.Shop .shop_item {
    position:absolute!important;
    width:132px!important;
    height:186px!important;
    margin:0!important;
    background-image:url(/static/images/themes/season3/iconos_mejorados.png)!important;
    background-repeat:no-repeat!important;
       background-size: 2413px 1213px !important;
    background-position:0 -187px!important;
}
body.season3 #container.Shop .shop_item:hover {
    background-position:-133px -187px!important;
}
body.season3 #container.Shop .shop_item.selected {
    background-position:-263px -187px!important;
}
body.season3 #container.Shop #shop_item0, body.season3 #container.Shop .shop_item0 { left:0!important; top:0!important; }
body.season3 #container.Shop #shop_item1, body.season3 #container.Shop .shop_item1 { left:138px!important; top:0!important; }
body.season3 #container.Shop #shop_item2, body.season3 #container.Shop .shop_item2 { left:276px!important; top:0!important; }
body.season3 #container.Shop #shop_item3, body.season3 #container.Shop .shop_item3 { left:0!important; top:199px!important; }
body.season3 #container.Shop #shop_item4, body.season3 #container.Shop .shop_item4 { left:138px!important; top:199px!important; }
body.season3 #container.Shop #shop_item5, body.season3 #container.Shop .shop_item5 { left:276px!important; top:199px!important; }
body.season3 #container.Shop #shop_item6, body.season3 #container.Shop .shop_item6,
body.season3 #container.Shop #shop_item7, body.season3 #container.Shop .shop_item7,
body.season3 #container.Shop #shop_item8, body.season3 #container.Shop .shop_item8 { display:none!important; }
body.season3 #container.Shop .shop_item .shop_item_name { position:absolute!important; left:5px!important; top:4px!important; width:122px!important; color:#fff!important; font-size:10px!important; display:flex!important; justify-content:center!important; gap:4px!important; text-align:center!important; }
body.season3 #container.Shop .shop_item .shop_item_image { position:absolute!important; left:74px!important; top:117px!important; }
body.season3 #container.Shop .shop_item_timer { left:35px!important; top:24px!important; font-size:13px!important; color:#000!important; }
body.season3 #container.Shop .shop_item_cash { top:123px!important; right:10px!important; width:115px!important; font-size:10px!important; }
body.season3 #container.Shop .shop_item_gold, body.season3 #container.Shop .shop_item_event_points { top:135px!important; right:10px!important; width:115px!important; font-size:10px!important; text-align:right!important; }
body.season3 #container.Shop .shop_item_stat0 { left:110px!important; top:75px!important; }
body.season3 #container.Shop .shop_item_stat1 { left:110px!important; top:50px!important; }
body.season3 #container.Shop .shop_item_stat2 { left:110px!important; top:25px!important; }
body.season3 #container.Shop .shop_item_stat3 { left:0!important; top:75px!important; }
body.season3 #container.Shop .shop_item_stat4 { left:110px!important; top:0!important; }
body.season3 #container.Shop .shop_item_stat5 { left:0!important; top:50px!important; }
body.season3 #container.Shop .shop_item_stat6 { left:0!important; top:25px!important; }
body.season3 #container.Shop .shop_item_stat7 { left:0!important; top:0!important; }

body.season3 #container.Shop #buttonShopBuy { position:absolute!important; left:117px!important; top:506px!important; width:34px!important; height:20px!important; z-index:18!important; background-position:-107px -410px!important; }
body.season3 #container.Shop #buttonShopBuy:hover { background-position:-107px -431px!important; }
body.season3 #container.Shop #shop_delete_avatar { position:absolute!important; left:167px!important; top:506px!important; width:34px!important; height:20px!important; z-index:18!important; background-position:-177px -410px!important; }
body.season3 #container.Shop #shop_delete_avatar:hover { background-position:-177px -431px!important; }
body.season3 #container.Shop #buttonShopPrev, body.season3 #container.Shop #buttonShopNext { position:absolute!important; top:506px!important; width:19px!important; height:22px!important; z-index:18!important; }
body.season3 #container.Shop #buttonShopPrev { left:191px!important; }
body.season3 #container.Shop #shopPages { position:absolute!important; text-shadow: -1px 0 1px #493c00, 1px 0 1px #493c00, 0 -1px 1px #493c00, 0 1px 1px #493c00 !important;left:213px!important; top:511px!important; width:41px!important; color:#ffe95e!important; font:bold 12px Arial!important; text-align:center!important; z-index:18!important; }
body.season3 #container.Shop #buttonShopNext { left:257px!important; }
body.season3 #container.Shop #shop_my_items_stats { position:absolute!important; left:439px!important; top:503px!important; width:80px!important; height:30px!important; font-size:9px!important; z-index:18!important; }

body.season3 #container.Shop #shop_player { position:absolute!important; left:670px!important; top:117px!important; z-index:11!important; }
body.season3 #container.Shop #shop_my_stats { position:absolute!important; left:548px!important; top:147px!important; z-index:12!important; }
body.season3 #container.Shop #shop_my_stats .shop_item_stat0 { left:110px!important; top:75px!important; }
body.season3 #container.Shop #shop_my_stats .shop_item_stat1 { left:110px!important; top:50px!important; }
body.season3 #container.Shop #shop_my_stats .shop_item_stat2 { left:110px!important; top:25px!important; }
body.season3 #container.Shop #shop_my_stats .shop_item_stat3 { left:0!important; top:75px!important; }
body.season3 #container.Shop #shop_my_stats .shop_item_stat4 { left:110px!important; top:0!important; }
body.season3 #container.Shop #shop_my_stats .shop_item_stat5 { left:0!important; top:50px!important; }
body.season3 #container.Shop #shop_my_stats .shop_item_stat6 { left:0!important; top:25px!important; }
body.season3 #container.Shop #shop_my_stats .shop_item_stat7 { left:0!important; top:0!important; }
body.season3 #container.Shop #shop_my_Name4 { position:absolute!important; left:584px!important; top:265px!important; width:157px!important; font-size:11px!important; z-index:12!important; }
body.season3 #container.Shop #shop_my_Name2 { position:absolute!important; left:584px!important; top:283px!important; width:157px!important; font-size:10px!important; z-index:12!important; }
body.season3 #container.Shop #shop_my_GPBar { position:absolute!important; left:584px!important; top:301px!important; height:14px!important; max-width:134px!important; background:linear-gradient(180deg,#b9c4f0,#6779bd)!important; z-index:11!important; }
body.season3 #container.Shop #shop_my_GP2 { position:absolute!important; left:584px!important; top:301px!important; width:50px!important; text-align:right!important; font-size:10px!important; z-index:12!important; }
body.season3 #container.Shop #avatar_point { position:absolute!important; left:584px!important; top:319px!important; width:50px!important; text-align:right!important; font-size:10px!important; z-index:12!important; }
body.season3 #container.Shop #shop_my_GCoin, body.season3 #container.Shop #shop_my_cash, body.season3 #container.Shop #shop_my_gold { position:absolute!important; left:535px!important; width:103px!important; text-align:right!important; font-size:11px!important; z-index:12!important; }
body.season3 #container.Shop #shop_my_GCoin { top:337px!important; }
body.season3 #container.Shop #shop_my_cash { top:355px!important; }
body.season3 #container.Shop #shop_my_gold { top:373px!important; }
body.season3 #container.Shop #shop_my_event_points { position:absolute!important; left:583px!important; top:392px!important; width:160px!important; text-align:right!important; font-size:9px!important; z-index:12!important; }
body.season3 #container.Shop #buttonChargeShop1 { position:absolute!important; left:650px!important; top:315px!important; width:78px!important; height:56px!important; z-index:13!important; }
body.season3 #container.Shop #shop_security_lock { position:absolute!important; left:697px!important; top:273px!important; z-index:14!important; }

body.season3 #container.Shop #inven, body.season3 #container.Shop #reset, body.season3 #container.Shop #PetTraining { position:absolute!important; top:377px!important; width:57px!important; height:32px!important; z-index:18!important; }
body.season3 #container.Shop #inven { left:555px!important; background-position:0 -529px!important; }
body.season3 #container.Shop #reset { left:617px!important; background-position:-58px -529px!important; }
body.season3 #container.Shop #PetTraining { left:677px!important; background-position:-233px -529px!important; }
body.season3 #container.Shop #inven:hover { background-position:0 -561px!important; }
body.season3 #container.Shop #reset:hover { background-position:-58px -561px!important; }
body.season3 #container.Shop #PetTraining:hover { background-position:-232px -561px!important; }

body.season3 #container.Shop #shop_my_items_container { position:absolute!important; left:538px!important; top:446px!important; width:204px!important; height:103px!important; z-index:12!important; }
body.season3 #container.Shop #shop_my_items_container .viewport { width:204px!important; height:103px!important; overflow:hidden!important; position:relative!important; }
body.season3 #container.Shop #shop_my_items_container .overview { position:absolute!important; left:0!important; top:0; padding:0!important; margin:0!important; }
body.season3 #container.Shop #shop_my_items_container .scrollbar { position:absolute!important; left:205px!important; width:13px!important; padding-top:11px!important; }
body.season3 #container.Shop .shop_my_item { position:relative!important; width:204px!important; height:35px!important; background-position:0 -374px!important; }
body.season3 #container.Shop .shop_my_item.selected { background-position:-204px -374px!important; }
body.season3 #container.Shop .shop_my_item_icon { position:absolute!important; left:15px!important; top:4px!important; }
body.season3 #container.Shop .shop_my_item_name { position:absolute!important; left:36px!important; top:4px!important; font-size:10px!important; color:#295a9c!important; }
body.season3 #container.Shop .shop_my_item.selected .shop_my_item_name { color:#fff!important; }
body.season3 #container.Shop .shop_my_item_equip.equipped { position:absolute!important; left:-1px!important; top:7px!important; width:10px!important; height:17px!important; background-position:0 -233px!important; }
body.season3 #container.Shop #shop_my_items_number, body.season3 #container.Shop .FilterBtn { display:none!important; }

body.season3 #container.Shop #shopScreen.s3InventoryView #buttonShopBuy,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_delete_avatar,
body.season3 #container.Shop #shopScreen.s3InventoryView #buttonShopSeason { display:none!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #s3InventoryTabs {  position:absolute!important; left:81px!important; top:57px!important; z-index:18!important; }
body.season3 #container.Shop #shopScreen.s3StoreView #s3InventoryTabs { display:none!important; }
body.season3 #container.Shop .s3InvTab { width:100px!important; height:28px!important; box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:center!important; font:700 10px Arial!important; color:#25354b!important; background:linear-gradient(180deg,#fff,#d7d9f3)!important; border:1px solid #7b7fc1!important; border-radius:12px 12px 0 0!important; }
body.season3 #container.Shop .s3InvTab.selected { background:linear-gradient(180deg,#d2d5ff,#939be3)!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #inven { background-position:0 -528px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #inven:after {  position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#134b76;  text-shadow:0 1px #fff; }
body.season3 #container.Shop #shopScreen.s3StoreView #inven:after {  position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#134b76;  text-shadow:0 1px #fff; }
body.season3 #container.Shop #shopScreen.s3InventoryView #PetTraining:after { content:"ENTRENAR"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#134b76; font:bold 8px Arial; text-shadow:0 1px #fff; }
body.season3 #container.Shop #shopScreen.s3StoreView #PetTraining:after { content:"PET"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#134b76; font:bold 9px Arial; text-shadow:0 1px #fff; }

body.season3 #container.Shop #shopScreen #buttonShopExit {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:absolute!important;
    left:714px!important;
    top:559px!important;
    width:47px!important;
    height:38px!important;
    margin:0!important;
    padding:0!important;
    z-index:9999!important;
    overflow:visible!important;
    background-image:url(/static/images/themes/season3/iconos_mejorados.png)!important;
    background-repeat:no-repeat!important;
    background-size:2413px 1191px!important;
    background-position:-1830px -7px!important;
    background-color:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    cursor: pointer;
}
body.season3 #container.Shop #shopScreen #buttonShopExit:hover {
    background-position:-1830px -7px!important;
    filter:brightness(1.12)!important;
}
body.season3 #container.Shop #shopScreen #buttonShopExit:active {
    background-position:-1830px -7px!important;
    filter:brightness(.92)!important;
    transform:translateY(1px)!important;
}
body.season3 #container.Shop #shopScreen #buttonShopExit::after,
body.season3 #container.Shop #shopScreen #buttonShopExit .Alt {
    content:none!important;
    display:none!important;
}

body:not(.season3) #container.Shop #shopScreen #buttonShopOptions {
    display:none!important;
}
body.season3 #container.Shop #shopScreen #buttonShopOptions {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:absolute!important;
    left:640px!important;
    top:558px!important;
    width:42px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    z-index:10000!important;
    overflow:hidden!important;
    background-image:url(/static/images/themes/season3/iconos_mejorados.png)!important;
    background-repeat:no-repeat!important;
    background-size:2413px 1191px!important;
    background-position:-1787px -3px!important;
    background-color:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    cursor:pointer!important;
}
body.season3 #container.Shop #shopScreen #buttonShopOptions:hover {
    background-position:-1787px -3px!important;
    filter:brightness(1.12)!important;
}
body.season3 #container.Shop #shopScreen #buttonShopOptions:active {
    background-position:-1787px -3px!important;
    filter:brightness(.92)!important;
    transform:translateY(1px)!important;
}
body.season3 #container.Shop #shopScreen #buttonShopOptions::before,
body.season3 #container.Shop #shopScreen #buttonShopOptions::after,
body.season3 #container.Shop #shopScreen #buttonShopOptions > .Alt {
    content:none!important;
    display:none!important;
}

body.season3 #container.Shop #buttonChargeShop1 {
    background-image:linear-gradient(180deg,#f7f7f7 0%,#d8d8d8 52%,#b7b7b7 100%)!important;
    background-size:auto!important;
    border:1px solid #8d9299!important;
    border-radius:11px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(0,0,0,.25)!important;
}
body.season3 #container.Shop #buttonChargeShop1 .Alt { display:none!important; }
body.season3 #container.Shop #buttonChargeShop1:after {
    content:"RECARGAR";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    color:#555;font:bold 11px Arial;text-shadow:0 1px #fff;
}
body.season3 #container.Shop #buttonShopPrev,
body.season3 #container.Shop #buttonShopNext {
    background-image:none!important;background-color:transparent!important;border:0!important;
}
body.season3 #container.Shop #buttonShopPrev .Alt,
body.season3 #container.Shop #buttonShopNext .Alt { display:none!important; }
body.season3 #container.Shop #buttonShopPrev:after,
body.season3 #container.Shop #buttonShopNext:after {
    content:"";position:absolute;top:1px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;
    filter:drop-shadow(0 1px 1px rgba(0,0,0,.45));
}
body.season3 #container.Shop #buttonShopPrev:after { left:1px;border-right:17px solid #79d64b; }
body.season3 #container.Shop #buttonShopNext:after { right:1px;border-left:17px solid #79d64b; }


body.season3 #container.Shop #buttonShopBack {
    position:absolute!important;
    /* shopScreen está centrado -80px; 100px internos = 20px visibles */
    left:100px!important;
    top:548px!important;
    width:134px!important;
    height:133px!important;
    z-index:20!important;
    background-image:url(/static/images/backBtn.png)!important;
    background-repeat:no-repeat!important;
    background-position:0 0!important;
    background-size:auto!important;
    background-color:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:scale(.4)!important;
    transform-origin:left top!important;
}
body.season3 #container.Shop #buttonShopBack:after {
    content:none!important;
    display:none!important;
}
body.season3 #container.Shop #next_avatar,
body.season3 #container.Shop #next_avatar_particles {
    right:90px!important;
}
body.season3 .shop_item_note{
    left: -40px;
    top: -18px;
    -webkit-transform: rotate(-30deg);
}

body.season3 #container.Shop #shopScreen.s3StoreView .stat_icon_time {
    background-position:-1px -514px!important; width:11px!important; height:13px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .stat_icon_dig {
    background-position:-13px -513px!important; width:14px!important; height:14px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .stat_icon_atk {
    background-position:-28px -514px!important; width:11px!important; height:13px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .stat_icon_def {
    background-position:-41px -514px!important; width:12px!important; height:13px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .stat_icon_life {
    background-position:-54px -515px!important; width:13px!important; height:12px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .stat_icon_item {
    background-position:-68px -514px!important; width:11px!important; height:13px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .stat_icon_shld {
    background-position:-80px -514px!important; width:13px!important; height:13px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .stat_icon_pop {
    background-position:-94px -514px!important; width:13px!important; height:13px!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .s3CardActions {
    position:absolute!important;
    left:0!important;
    bottom:8px!important;
    width:132px!important;
    height:22px!important;
    z-index:20!important;
    pointer-events:none!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3CardBuy,
body.season3 #container.Shop #shopScreen.s3StoreView .s3CardDelete {
    position:absolute!important;
    top:1px!important;
    width:34px!important;
    height:22px!important;
    background-image:url(/static/images/themes/season3/avatar_back2.png)!important;
    background-repeat:no-repeat!important;
    background-size:3276.8px 1804.8px!important;
    pointer-events:auto!important;
    cursor:pointer!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3CardBuy {
    left:32px!important;
    background-position:-107px -410px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3CardBuy:hover {
    background-position:-107px -431px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3CardBuy:active {
    background-position:-107px -452px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3CardDelete {
    left:77px!important;
    background-position:-177px -410px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3CardDelete:hover {
    background-position:-177px -431px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3CardDelete:active {
    background-position:-177px -452px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3CardDelete.disabled {
    opacity:.32!important;
    filter:grayscale(1)!important;
    cursor:default!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView > #buttonShopBuy,
body.season3 #container.Shop #shopScreen.s3StoreView > #shop_delete_avatar {
    display:none!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item_cash {
    top:123px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item_gold,
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item_event_points {
    top:136px!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_icon,
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_font {
    background-image: url(/static/images/themes/classic/shop_stuff.png?2) !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    filter: none !important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_icon {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 14px !important;
    height: 14px !important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_font {
    position: absolute !important;
    top: 1px !important;
    width: 6px !important;
    height: 11px !important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_digit1 {
    left: 15px !important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_digit2 {
    left: 21px !important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_icon_time { background-position: 0 -173px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_icon_dig  { background-position: -14px -173px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_icon_atk  { background-position: -28px -173px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_icon_life { background-position: -42px -173px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_icon_def  { background-position: -56px -173px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_icon_item { background-position: -70px -173px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_icon_shld { background-position: -84px -173px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_icon_pop  { background-position: -98px -173px !important; }

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_icon_time- { background-position: 0 -187px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_icon_dig-  { background-position: -14px -187px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_icon_atk-  { background-position: -28px -187px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_icon_life- { background-position: -42px -187px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_icon_def-  { background-position: -56px -187px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_icon_item- { background-position: -70px -187px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_icon_shld- { background-position: -84px -187px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_icon_pop-  { background-position: -98px -187px !important; }

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_font0 { background-position: 0 -162px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_font1 { background-position: -6px -162px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_font2 { background-position: -12px -162px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_font3 { background-position: -18px -162px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_font4 { background-position: -24px -162px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_font5 { background-position: -30px -162px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_font6 { background-position: -36px -162px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_font7 { background-position: -42px -162px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_font8 { background-position: -48px -162px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .stat_font9 { background-position: -54px -162px !important; }

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .shop_item_stat {
    position: absolute !important;
    width: 29px !important;
    height: 14px !important;
    margin: 0 !important;
    z-index: 16 !important;
    pointer-events: none !important;
    transform: none !important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .shop_item_stat2 { left: 10px !important; top: 52px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .shop_item_stat6 { left: 10px !important; top: 70px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .shop_item_stat3 { left: 10px !important; top: 90px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .shop_item_stat5 { left: 10px !important; top: 108px !important; }

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .shop_item_stat4 { left: 95px !important; top: 65px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .shop_item_stat1 { left: 95px !important; top: 88px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .shop_item_stat7 { left: 95px !important; top: 82px !important; }
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .shop_item_stat0 { left: 95px !important; top: 108px !important; }

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .shop_item_image {
    z-index: 10 !important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .shop_item_stat {
    left: auto !important;
    top: auto !important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item
.shop_item_stat:has(.stat_icon_atk, .stat_icon_atk-) {
    left: 10px !important;
    top: 52px !important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item
.shop_item_stat:has(.stat_icon_dig, .stat_icon_dig-) {
    left: 10px !important;
    top: 52px !important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_atk, .stat_icon_atk-)
.shop_item_stat:has(.stat_icon_dig, .stat_icon_dig-) {
    top: 70px !important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item
.shop_item_stat:has(.stat_icon_def, .stat_icon_def-) {
    left: 10px !important;
    top: 52px !important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_atk, .stat_icon_atk-)
.shop_item_stat:has(.stat_icon_def, .stat_icon_def-),
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_dig, .stat_icon_dig-)
.shop_item_stat:has(.stat_icon_def, .stat_icon_def-) {
    top: 70px !important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_atk, .stat_icon_atk-):has(.stat_icon_dig, .stat_icon_dig-)
.shop_item_stat:has(.stat_icon_def, .stat_icon_def-) {
    top: 88px !important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item
.shop_item_stat:has(.stat_icon_item, .stat_icon_item-) {
    left: 10px !important;
    top: 52px !important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_atk, .stat_icon_atk-)
.shop_item_stat:has(.stat_icon_item, .stat_icon_item-),
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_dig, .stat_icon_dig-)
.shop_item_stat:has(.stat_icon_item, .stat_icon_item-),
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_def, .stat_icon_def-)
.shop_item_stat:has(.stat_icon_item, .stat_icon_item-) {
    top: 70px !important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_atk, .stat_icon_atk-):has(.stat_icon_dig, .stat_icon_dig-)
.shop_item_stat:has(.stat_icon_item, .stat_icon_item-),
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_atk, .stat_icon_atk-):has(.stat_icon_def, .stat_icon_def-)
.shop_item_stat:has(.stat_icon_item, .stat_icon_item-),
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_dig, .stat_icon_dig-):has(.stat_icon_def, .stat_icon_def-)
.shop_item_stat:has(.stat_icon_item, .stat_icon_item-) {
    top: 88px !important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_atk, .stat_icon_atk-):has(.stat_icon_dig, .stat_icon_dig-):has(.stat_icon_def, .stat_icon_def-)
.shop_item_stat:has(.stat_icon_item, .stat_icon_item-) {
    top: 106px !important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item
.shop_item_stat:has(.stat_icon_life, .stat_icon_life-) {
    left: 95px !important;
    top: 52px !important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item
.shop_item_stat:has(.stat_icon_time, .stat_icon_time-) {
    left: 95px !important;
    top: 52px !important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_life, .stat_icon_life-)
.shop_item_stat:has(.stat_icon_time, .stat_icon_time-) {
    top: 70px !important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item
.shop_item_stat:has(.stat_icon_shld, .stat_icon_shld-) {
    left: 95px !important;
    top: 52px !important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_life, .stat_icon_life-)
.shop_item_stat:has(.stat_icon_shld, .stat_icon_shld-),
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_time, .stat_icon_time-)
.shop_item_stat:has(.stat_icon_shld, .stat_icon_shld-) {
    top: 70px !important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_life, .stat_icon_life-):has(.stat_icon_time, .stat_icon_time-)
.shop_item_stat:has(.stat_icon_shld, .stat_icon_shld-) {
    top: 88px !important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item
.shop_item_stat:has(.stat_icon_pop, .stat_icon_pop-) {
    left: 95px !important;
    top: 52px !important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_life, .stat_icon_life-)
.shop_item_stat:has(.stat_icon_pop, .stat_icon_pop-),
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_time, .stat_icon_time-)
.shop_item_stat:has(.stat_icon_pop, .stat_icon_pop-),
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_shld, .stat_icon_shld-)
.shop_item_stat:has(.stat_icon_pop, .stat_icon_pop-) {
    top: 70px !important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_life, .stat_icon_life-):has(.stat_icon_time, .stat_icon_time-)
.shop_item_stat:has(.stat_icon_pop, .stat_icon_pop-),
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_life, .stat_icon_life-):has(.stat_icon_shld, .stat_icon_shld-)
.shop_item_stat:has(.stat_icon_pop, .stat_icon_pop-),
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_time, .stat_icon_time-):has(.stat_icon_shld, .stat_icon_shld-)
.shop_item_stat:has(.stat_icon_pop, .stat_icon_pop-) {
    top: 88px !important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.stat_icon_life, .stat_icon_life-):has(.stat_icon_time, .stat_icon_time-):has(.stat_icon_shld, .stat_icon_shld-)
.shop_item_stat:has(.stat_icon_pop, .stat_icon_pop-) {
    top: 106px !important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item .s3CardActions {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity .10s ease !important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:hover .s3CardActions,
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item.selected .s3CardActions,
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:focus-within .s3CardActions {
    opacity: 1 !important;
    visibility: visible !important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:not(:hover):not(.selected) .s3CardBuy,
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:not(:hover):not(.selected) .s3CardDelete {
    pointer-events: none !important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:hover .s3CardBuy,
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:hover .s3CardDelete,
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item.selected .s3CardBuy,
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item.selected .s3CardDelete,
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:focus-within .s3CardBuy,
body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:focus-within .s3CardDelete {
    pointer-events: auto !important;
}

body.season3 .AvNotif{
	top: -4px;
	right: 0;
    font-size: 9px;
    background: red;
    border-radius: 20px;
    min-width: 7px;
    line-height: 8px;
    padding: 2px;
}

body.season3 #container.Shop #shopScreen.s3StoreView #SortBtnPop,
body.season3 #container.Shop #shopScreen.s3StoreView #SortBtnTime,
body.season3 #container.Shop #shopScreen.s3StoreView #SortBtnAtk,
body.season3 #container.Shop #shopScreen.s3StoreView #SortBtnDef,
body.season3 #container.Shop #shopScreen.s3StoreView #SortBtnLife,
body.season3 #container.Shop #shopScreen.s3StoreView #SortBtnItem,
body.season3 #container.Shop #shopScreen.s3StoreView #SortBtnDig,
body.season3 #container.Shop #shopScreen.s3StoreView #SortBtnShld {
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #SortBtnPop,
body.season3 #container.Shop #shopScreen.s3InventoryView #SortBtnTime,
body.season3 #container.Shop #shopScreen.s3InventoryView #SortBtnAtk,
body.season3 #container.Shop #shopScreen.s3InventoryView #SortBtnDef,
body.season3 #container.Shop #shopScreen.s3InventoryView #SortBtnLife,
body.season3 #container.Shop #shopScreen.s3InventoryView #SortBtnItem,
body.season3 #container.Shop #shopScreen.s3InventoryView #SortBtnDig,
body.season3 #container.Shop #shopScreen.s3InventoryView #SortBtnShld {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #s3_try_cart_items .s3OwnedServerCartItem {
    pointer-events:none!important;
    cursor:default!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #s3_try_cart_items .s3OwnedAmount {
    color:#ffe45d!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #s3_try_cart_items .s3OwnedPetGp {
    position:absolute!important;
    right:5px!important;
    top:3px!important;
    font:bold 9px Arial!important;
    color:#2f6eb2!important;
    text-shadow:0 1px rgba(255,255,255,.9)!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .s3CartEmpty {
    width: 190px !important;
    padding-top: 36px !important;
    text-align: center !important;
    color: #4f72a6 !important;
    font: 10px Arial !important;
    text-shadow: 0 1px rgba(255,255,255,.85) !important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem {
    width:204px!important;
    height:35px!important;
    overflow:visible!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_icon,
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_font {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-repeat:no-repeat!important;
    background-size:auto!important;
    opacity:1!important;
    visibility:visible!important;
    display:block!important;
    filter:none!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_my_item_stat {
    position:absolute!important;
    width:29px!important;
    height:14px!important;
    overflow:visible!important;
    z-index:5!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_icon {
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:14px!important;
    height:14px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_font {
    position:absolute!important;
    top:1px!important;
    width:6px!important;
    height:11px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_digit1 { left:15px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_digit2 { left:21px!important; }

body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_my_item_icon {
    z-index:6!important;
    filter:none!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_item_icon_ha,
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_item_icon_hm {
    width:15px!important; height:11px!important; background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important; background-repeat:no-repeat!important; background-size:auto!important; background-position:0 -149px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_item_icon_ba,
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_item_icon_bm {
    width:18px!important; height:13px!important; background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important; background-repeat:no-repeat!important; background-size:auto!important; background-position:-15px -149px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_item_icon_ga,
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_item_icon_gm {
    width:18px!important; height:11px!important; background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important; background-repeat:no-repeat!important; background-size:auto!important; background-position:-33px -149px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_item_icon_fa {
    width:16px!important; height:13px!important; background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important; background-repeat:no-repeat!important; background-size:auto!important; background-position:-51px -149px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_item_icon_fm {
    width:16px!important; height:13px!important; background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important; background-repeat:no-repeat!important; background-size:auto!important; background-position:-51px -149px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_item_icon_ff {
    width:16px!important; height:13px!important; background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important; background-repeat:no-repeat!important; background-size:auto!important; background-position:-51px -149px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_item_icon_hf {
    width:15px!important; height:11px!important; background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important; background-repeat:no-repeat!important; background-size:auto!important; background-position:-67px -149px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_item_icon_bf {
    width:18px!important; height:13px!important; background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important; background-repeat:no-repeat!important; background-size:auto!important; background-position:-82px -149px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_item_icon_gf {
    width:18px!important; height:11px!important; background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important; background-repeat:no-repeat!important; background-size:auto!important; background-position:-100px -149px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_item_icon_xa {
    width:16px!important; height:16px!important; background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important; background-repeat:no-repeat!important; background-size:auto!important; background-position:-119px -149px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_item_icon_2a {
    width:16px!important; height:12px!important; background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important; background-repeat:no-repeat!important; background-size:auto!important; background-position:-136px -152px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_item_icon_1a {
    width:16px!important; height:12px!important; background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important; background-repeat:no-repeat!important; background-size:auto!important; background-position:-153px -152px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_my_item_icon.shop_item_icon_pa {
    width:14px!important;
    height:13px!important;
    background-image:url(/static/images/themes/iconpet.png)!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:contain!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .shop_my_item_icon {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-repeat:no-repeat!important;
    background-size:auto!important;
    opacity:1!important;
    visibility:visible!important;
    display:block!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_icon_time { background-position:0 -173px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_icon_dig  { background-position:-14px -173px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_icon_atk  { background-position:-28px -173px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_icon_life { background-position:-42px -173px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_icon_def  { background-position:-56px -173px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_icon_item { background-position:-70px -173px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_icon_shld { background-position:-84px -173px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_icon_pop  { background-position:-98px -173px!important; }

body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_icon_time- { background-position:0 -187px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_icon_dig-  { background-position:-14px -187px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_icon_atk-  { background-position:-28px -187px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_icon_life- { background-position:-42px -187px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_icon_def-  { background-position:-56px -187px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_icon_item- { background-position:-70px -187px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_icon_shld- { background-position:-84px -187px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_icon_pop-  { background-position:-98px -187px!important; }

body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_font0 { background-position:0 -162px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_font1 { background-position:-6px -162px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_font2 { background-position:-12px -162px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_font3 { background-position:-18px -162px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_font4 { background-position:-24px -162px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_font5 { background-position:-30px -162px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_font6 { background-position:-36px -162px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_font7 { background-position:-42px -162px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_font8 { background-position:-48px -162px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView .s3TryCartItem .stat_font9 { background-position:-54px -162px!important; }

body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_items_container {
    display:none!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #s3_try_cart_container {
    display:none!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #s3_try_cart_container {
    display:block!important;
    position:absolute!important;
    left:567px!important;
    top:446px!important;
    width:204px!important;
    height:105px!important;
    z-index:12!important;
    overflow:visible!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #s3_try_cart_container .viewport {
    position:relative!important;
    width:204px!important;
    height:105px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #s3_try_cart_container .viewport::-webkit-scrollbar {
    width:0!important;
    height:0!important;
    display:none!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #s3_try_cart_container .overview {
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:204px!important;
    min-height:1px!important;
    padding:0!important;
    margin:0!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #s3_try_cart_container .scrollbar {
    display:none!important;
    position:absolute!important;
    float:none!important;
    left:205px!important;
    top:11px!important;
    width:13px!important;
    height:83px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    z-index:30!important;
    overflow:hidden!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #s3_try_cart_container.s3CartNeedsScroll .scrollbar {
    display:block!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #s3_try_cart_container .scrollbar .track {
    position:relative!important;
    left:0!important;
    top:0!important;
    width:13px!important;
    height:83px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    border:0!important;
    background:linear-gradient(90deg,transparent 5px,rgba(49,145,209,.42) 5px,rgba(49,145,209,.42) 8px,transparent 8px)!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #s3_try_cart_container .scrollbar .thumb {
    position:absolute!important;
    left:1px!important;
    top:0;
    width:11px!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    cursor:pointer!important;
    overflow:hidden!important;
    border:1px solid rgba(45,125,190,.9)!important;
    border-radius:6px!important;
    background:linear-gradient(90deg,#f7fdff 0%,#c9f3ff 28%,#6fd9f5 58%,#19a9df 79%,#0878bd 100%)!important;
    box-shadow:inset 0 0 2px #fff,0 0 2px rgba(26,100,165,.55)!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #s3_try_cart_container .scrollbar .thumb:hover {
    filter:brightness(1.08)!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #s3_try_cart_container .scrollbar .thumb .end {
    display:none!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats {
    left:575px!important;
    top:147px!important;
    width:210px!important;
    height:94px!important;
    z-index:12!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .shop_item_stat {
    width:100px!important;
    height:18px!important;
    overflow:visible!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .shop_item_stat0 { left:110px!important; top:75px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .shop_item_stat1 { left:110px!important; top:50px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .shop_item_stat2 { left:110px!important; top:25px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .shop_item_stat3 { left:0!important;   top:75px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .shop_item_stat4 { left:110px!important; top:0!important; }
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .shop_item_stat5 { left:0!important;   top:50px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .shop_item_stat6 { left:0!important;   top:25px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .shop_item_stat7 { left:0!important;   top:0!important; }

body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_icon {
    position:absolute!important;
    left:0!important;
    top:2px!important;
    width:14px!important;
    height:14px!important;
    z-index:3!important;
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;

}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_digit1,
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_digit2 {
    display:none!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .s3StatValue.negative {
    background:
        linear-gradient(180deg,rgba(234,125,184,.98) 0%,rgba(207,73,147,.98) 45%,rgba(176,52,124,.98) 100%)!important;
    border-color:#a43a77!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_icon_time {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-position:0 -173px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_icon_dig {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-position:-14px -173px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_icon_atk {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-position:-28px -173px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_icon_life {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-position:-42px -173px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_icon_def {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-position:-56px -173px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_icon_item {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-position:-70px -173px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_icon_shld {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-position:-84px -173px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_icon_pop {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-position:-98px -173px!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_icon_time- { background-position:0 -187px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_icon_dig-  { background-position:-14px -187px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_icon_atk-  { background-position:-28px -187px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_icon_life- { background-position:-42px -187px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_icon_def-  { background-position:-56px -187px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_icon_item- { background-position:-70px -187px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_icon_shld- { background-position:-84px -187px!important; }
body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_icon_pop-  { background-position:-98px -187px!important; }

body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .s3StatValue {
    --s3-stat-fill:0%;
    position:absolute!important;
    left:20px!important;
    top:0!important;
    width:78px!important;
    height:17px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    isolation:isolate!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 4px!important;
    border:1px solid #7955c8!important;
    border-radius:1px!important;
    background:linear-gradient(180deg,#d8d4ef 0%,#c5c0e6 48%,#b5afd9 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.85),
        inset 0 -1px 0 rgba(85,64,143,.22),
        0 0 0 1px rgba(198,174,255,.22)!important;
    color:#fff!important;
    font:bold 11px Arial,sans-serif!important;
    line-height:15px!important;
    text-align:center!important;
    text-shadow: -1px 0 1px #24446d, 1px 0 1px #24446d, 0 -1px 1px #24446d, 0 1px 1px #24446d !important;;
    white-space:nowrap!important;
    z-index:2!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .s3StatValue::before {
    content:"";
    position:absolute;
    z-index:-1;
    left:0;
    top:0;
    bottom:0;
    width:var(--s3-stat-fill);
    max-width:100%;
    background:linear-gradient(180deg,#bd7cff 0%,#9b50e6 46%,#7b37ca 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.55),
        inset -1px 0 0 rgba(76,28,143,.32);
    pointer-events:none;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .s3StatValue.negative::before {
    background:linear-gradient(180deg,#ef86bd 0%,#cf4e93 46%,#a93678 100%);
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_my_stats .stat_icon {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    background-repeat:no-repeat!important;
    background-size:auto!important;
    filter:none!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats {
    left:575px!important;
    top:147px!important;
    width:210px!important;
    height:94px!important;
    z-index:12!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .shop_item_stat {
    width:100px!important;
    height:18px!important;
    overflow:visible!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .shop_item_stat0 { left:110px!important; top:75px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .shop_item_stat1 { left:110px!important; top:50px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .shop_item_stat2 { left:110px!important; top:25px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .shop_item_stat3 { left:0!important;   top:75px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .shop_item_stat4 { left:110px!important; top:0!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .shop_item_stat5 { left:0!important;   top:50px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .shop_item_stat6 { left:0!important;   top:25px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .shop_item_stat7 { left:0!important;   top:0!important; }

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_icon {
    position:absolute!important;
    left:0!important;
    top:2px!important;
    width:14px!important;
    height:14px!important;
    z-index:3!important;
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;

}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_digit1,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_digit2 {
    display:none!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .s3StatValue.negative {
    background:
        linear-gradient(180deg,rgba(234,125,184,.98) 0%,rgba(207,73,147,.98) 45%,rgba(176,52,124,.98) 100%)!important;
    border-color:#a43a77!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_icon_time {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-position:0 -173px!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_icon_dig {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-position:-14px -173px!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_icon_atk {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-position:-28px -173px!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_icon_life {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-position:-42px -173px!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_icon_def {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-position:-56px -173px!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_icon_item {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-position:-70px -173px!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_icon_shld {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-position:-84px -173px!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_icon_pop {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-position:-98px -173px!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_icon_time- { background-position:0 -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_icon_dig-  { background-position:-14px -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_icon_atk-  { background-position:-28px -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_icon_life- { background-position:-42px -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_icon_def-  { background-position:-56px -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_icon_item- { background-position:-70px -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_icon_shld- { background-position:-84px -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_icon_pop-  { background-position:-98px -187px!important; }

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .s3StatValue {
    --s3-stat-fill:0%;
    position:absolute!important;
    left:20px!important;
    top:0!important;
    width:78px!important;
    height:17px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    isolation:isolate!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 4px!important;
    border:1px solid #7955c8!important;
    border-radius:1px!important;
    background:linear-gradient(180deg,#d8d4ef 0%,#c5c0e6 48%,#b5afd9 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.85),
        inset 0 -1px 0 rgba(85,64,143,.22),
        0 0 0 1px rgba(198,174,255,.22)!important;
    color:#fff!important;
    font:bold 11px Arial,sans-serif!important;
    line-height:15px!important;
    text-align:center!important;
    text-shadow: -1px 0 1px #24446d, 1px 0 1px #24446d, 0 -1px 1px #24446d, 0 1px 1px #24446d !important;
    white-space:nowrap!important;
    z-index:2!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .s3StatValue::before {
    content:"";
    position:absolute;
    z-index:-1;
    left:0;
    top:0;
    bottom:0;
    width:var(--s3-stat-fill);
    max-width:100%;
    background:linear-gradient(180deg,#bd7cff 0%,#9b50e6 46%,#7b37ca 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.55),
        inset -1px 0 0 rgba(76,28,143,.32);
    pointer-events:none;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .s3StatValue.negative::before {
    background:linear-gradient(180deg,#ef86bd 0%,#cf4e93 46%,#a93678 100%);
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_stats .stat_icon {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    background-repeat:no-repeat!important;
    background-size:auto!important;
    filter:none!important;
}

body.season3 #container.Shop #shopScreen #shop_my_Name4,
body.season3 #container.Shop #shopScreen #shop_my_Name2 {
    position:absolute!important;
    left:640px!important;
    width:134px!important;
    height:16px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    z-index:14!important;
}

body.season3 #container.Shop #shopScreen #shop_my_Name4 .s3ShopInfoNameCanvas,
body.season3 #container.Shop #shopScreen #shop_my_Name2 .s3ShopInfoNameCanvas {
    display:block!important;
    max-width:134px!important;
    height:auto!important;
    margin:0!important;
}

body.season3 #container.Shop #shopScreen #shop_my_SeasonRank,
body.season3 #container.Shop #shopScreen #shop_my_Rank {
    display:block!important;
    position:absolute!important;

    margin:0!important;
    padding:0!important;
    transform:none!important;

    pointer-events:none!important;

}

body.season3 #container.Shop #shopScreen #shop_my_GPBar,
body.season3 #container.Shop #shopScreen #shop_my_SeasonGPBar {
    display:block!important;
    position:absolute!important;
    left:616px!important;
    width:0;
    max-width:157px!important;
    height:14px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:2px!important;
    overflow:hidden!important;
    pointer-events:none!important;
    z-index:11!important;
    opacity:.88!important;
    background:linear-gradient(360deg,rgba(118,113,195,1) 34%,rgba(162,176,238,1) 58%,rgba(162,176,238,1) 88%,rgba(97,141,193,1) 100%)!important;
    transition:width 220ms ease-out!important;
}

body.season3 #container.Shop #shopScreen #shop_my_GP2,
body.season3 #container.Shop #shopScreen #avatar_point {
    position:absolute!important;
    left:584px!important;
    width:157px!important;
    height:14px!important;
    text-align:center!important;
    color:#24396f!important;
    font:700 10px/14px Arial,sans-serif!important;
    text-shadow:0 1px 0 rgba(255,255,255,.95)!important;
    z-index:13!important;
    pointer-events:none!important;
}

body.season3 #container.Shop #shopScreen #shop_my_GCoin,
body.season3 #container.Shop #shopScreen #shop_my_cash,
body.season3 #container.Shop #shopScreen #shop_my_gold {
    position:absolute!important;

}
body.season3 #container.Shop #shopScreen #shop_my_GCoin {

    font:700 11px/15px Arial,sans-serif!important;
}

body.season3 #container.Shop #shopScreen #buttonChargeShop1 {
    position: absolute !important;

    top: 224px !important;
    width: 78px !important;
    height: 56px !important;
    border: 0 !important;
    background-image: url(/static/images/themes/season3/iconos_mejorados.png) !important;
    background-repeat: no-repeat !important;
    background-size: 2413px 1195px !important;
    background-position: -186px -650px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    filter: none !important;
    z-index: 8 !important;

}
body.season3 #container.Shop #shopScreen #buttonChargeShop1:hover  { background-position: -186px -705px !important; }
body.season3 #container.Shop #shopScreen #buttonChargeShop1:active { background-position: -186px -762px !important; }
body.season3 #container.Shop #shopScreen #buttonChargeShop1:after { display:none!important; }
body.season3 #container.Shop #shopScreen #buttonChargeShop1 .Alt   { display:none!important; }

body.season3 #container.Shop #shopScreen #shop_my_Name4 {
    left:640px!important;
color: rgb(255, 233, 94) !important;
    width:132px!important;
    height:15px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    z-index:14!important;
}
body.season3 #container.Shop #shopScreen #shop_my_Name4 .s3ShopSeasonTitleText {
    display:block!important;
    width:132px!important;
    height:15px!important;
    color:#fff6a7!important;
    font:700 11px/15px Arial,sans-serif!important;
    text-align:left!important;
    text-shadow:
        -1px 0 1px rgba(0,0,0,.95),
         1px 0 1px rgba(0,0,0,.95),
         0 -1px 1px rgba(0,0,0,.95),
         0 1px 1px rgba(0,0,0,.95)!important;
}

body.season3 #container.Shop #shopScreen #shop_my_Name2 {
    left:640px!important;

    white-space:nowrap!important;
    z-index:14!important;
}
body.season3 #container.Shop #shopScreen #shop_my_Name2 .s3ShopInfoNameCanvas {
    display:block!important;
    max-width:132px!important;
    height:auto!important;
    margin:0!important;
}

body.season3 #container.Shop #shopScreen #shop_my_SeasonRank,
body.season3 #container.Shop #shopScreen #shop_my_Rank {
    left:750px!important;
    width:25px!important;
    height:15px!important;
    background-size:25px 15px!important;
    z-index:15!important;
}

body.season3 #container.Shop #shopScreen #shop_my_GPBar {
    left:616px!important;
    top:301px!important;
    max-width:157px!important;
    height:14px!important;
    z-index:11!important;
}
body.season3 #container.Shop #shopScreen #shop_my_GP2 {
    left:616px!important;
    top:301px!important;
    width:157px!important;
    height:14px!important;
    text-align:center!important;
    z-index:13!important;
}

body.season3 #container.Shop #shopScreen #shop_my_SeasonGPBar {
    left:616px!important;
    top:319px!important;
    max-width:157px!important;
    height:14px!important;
    z-index:11!important;
}
body.season3 #container.Shop #shopScreen #avatar_point {
    left:616px!important;
    top:319px!important;
    width:157px!important;
    height:14px!important;
    text-align:center!important;
    z-index:13!important;
}

body.season3 #container.Shop #shopScreen #shop_my_GCoin,
body.season3 #container.Shop #shopScreen #shop_my_cash,
body.season3 #container.Shop #shopScreen #shop_my_gold {

    height:15px!important;
    padding:0 4px 0 0!important;
    box-sizing:border-box!important;

    overflow:visible!important;
    white-space:nowrap!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    z-index:14!important;
}
body.season3 #container.Shop #shopScreen #shop_my_GCoin {

    color:transparent!important;
    text-shadow:none!important;
}
body.season3 #container.Shop #shopScreen #shop_my_cash {

    color:#d9f6ff!important;
    font:700 11px/15px Arial,sans-serif!important;
    text-shadow:
        -1px 0 1px #24446d,
         1px 0 1px #24446d,
         0 -1px 1px #24446d,
         0 1px 1px #24446d!important;
}
body.season3 #container.Shop #shopScreen #shop_my_gold {

    color:#ffe33b!important;
    font:700 11px/15px Arial,sans-serif!important;
    text-shadow:
        -1px 0 1px #493c00,
         1px 0 1px #493c00,
         0 -1px 1px #493c00,
         0 1px 1px #493c00!important;
}
body.season3 #container.Shop #shopScreen #buttonChargeShop1 {

    z-index:16!important;
}
body.season3 #container.Shop #shopScreen #shop_my_event_points {
    display:none!important;
}

body.season3 #container.Shop #shopScreen #shop_my_Name4 {
    top:247px!important;
}
body.season3 #container.Shop #shopScreen #shop_my_SeasonRank {
    top:247px!important;
}
body.season3 #container.Shop #shopScreen #shop_my_Name2 {
    top:265px!important;
}
body.season3 #container.Shop #shopScreen #shop_my_Rank {
    top:265px!important;
}
body.season3 #container.Shop #shopScreen #shop_my_GPBar,
body.season3 #container.Shop #shopScreen #shop_my_GP2 {
    top:283px!important;
}
body.season3 #container.Shop #shopScreen #shop_my_SeasonGPBar,
body.season3 #container.Shop #shopScreen #avatar_point {
    top:301px!important;
}
body.season3 #container.Shop #shopScreen #shop_my_GCoin {
    top:319px!important;
}
body.season3 #container.Shop #shopScreen #shop_my_cash {
    top:337px!important;
}
body.season3 #container.Shop #shopScreen #shop_my_gold {
    top:355px!important;
}

body.season3 #container.Shop #shopScreen #shop_security_lock {
    display:none!important;
}

body.season3 #container.Shop #shopScreen #shop_my_Name2 > canvas.s3ShopInfoNameCanvas {
    display:block!important;
    width:490px!important;
    max-width:none!important;
    height:30px!important;
    margin:0!important;
    padding:0!important;
    scale:.9!important;
    transform-origin:0 0!important;
    pointer-events:none!important;
}

body.season3 #container.Shop #shopScreen #shop_my_Name2 {
    width:132px!important;
    height:15px!important;
    overflow:hidden!important;
}

body.season3 #container.Shop #shopScreen #shop_my_GCoin,
body.season3 #container.Shop #shopScreen #shop_my_cash,
body.season3 #container.Shop #shopScreen #shop_my_gold {
    left:563px!important;
    width:130px!important;
    padding-right:4px!important;
    text-align:right!important;
}

body.season3 #container.Shop #shopScreen #buttonChargeShop1 {
left: 697px !important;
    top: 315px !important;
    width: 78px !important;
    height: 56px !important;
}

body.season3 #container.Shop #shopScreen #shop_my_Name4 > canvas.seasonTitleNameCanvas,
body.season3 #container.Shop #shopScreen #shop_my_Name4 > canvas.s3ShopSeasonTitleCanvas {
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:490px!important;
    max-width:none!important;
    height:30px!important;
    margin:0!important;
    padding:0!important;
    scale:.9!important;
    transform-origin:0 0!important;
    pointer-events:none!important;
}

body.season3 #shopPowerIcon {
    position: absolute;
    display: none;
    left: 142px;
    top: -50px;
    background-image: url(/static/images/powerpotion64.png);
    width: 55px;
    height: 64px;
    transform: scale(0.3);
    z-index: 12;
}


body.season3 #shopSetBonusActiveText {
    position: absolute;
    right: 100px;
    top: 13px;
    z-index: 12;
    font-size: 10px;
    color: peachpuff;
}

body.season3 #shopSetBonusActive {
    display: none;
    position: absolute;
    left:675px!important;
    top: 12px;
    width: 20px;
    height: 14px;
    z-index: 12;
}

body.season3 #shopSetName {
    position: absolute;
    top: 10px;
    left: 170px;
    display: none;
    font-size: 12px;
    white-space: nowrap;
}

body.season3 #container.Shop #shopScreen #shop_buy_dialog .shop_item_image {
    position:absolute!important;
    left:234px!important;
    top:140px!important;
    z-index:4!important;
}
body.season3 #container.Shop #shopScreen #shop_buy_dialog .shop_item_name {
    position:absolute!important;
    left:177px!important;
    top:36px!important;
    width:auto!important;
    display:block!important;
    text-align:left!important;
    color:#fff!important;
    font-size:10px!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(> .shop_item_cash):not(:has(> .shop_item_gold)):not(:has(> .shop_item_event_points)) > .shop_item_cash {
    top:136px!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView .shop_item:has(.shop_item_icon[class*="shop_item_icon_1"]) > .shop_item_image,
body.season3 #container.Shop #shopScreen.s3InventoryView .shop_item:has(.shop_item_icon[class*="shop_item_icon_1"]) > .shop_item_image {
    transform:scale(.8)!important;
    transform-origin:0 0!important;
}
body.season3 #shopMaxStats {
    position: absolute;
    left: 0px;
    top: -120px;
    font-size: 9px;
    color: #fac;
    text-align: center;
    z-index: 12;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .shop_item .shop_item_icon {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-repeat:no-repeat!important;
    background-size:auto!important;
    opacity:1!important;
    visibility:visible!important;
    display:block!important;
    filter:none!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .shop_item .shop_item_icon_ha,
body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .shop_item .shop_item_icon_hm {
    width:15px!important;
    height:11px!important;
    background-position:0 -149px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .shop_item .shop_item_icon_hf {
    width:15px!important;
    height:11px!important;
    background-position:-67px -149px!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .shop_item .shop_item_icon_ba,
body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .shop_item .shop_item_icon_bm {
    width:18px!important;
    height:13px!important;
    background-position:-15px -149px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .shop_item .shop_item_icon_bf {
    width:18px!important;
    height:13px!important;
    background-position:-82px -149px!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .shop_item .shop_item_icon_ga,
body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .shop_item .shop_item_icon_gm {
    width:18px!important;
    height:11px!important;
    background-position:-33px -149px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .shop_item .shop_item_icon_gf {
    width:18px!important;
    height:11px!important;
    background-position:-100px -149px!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .shop_item .shop_item_icon_fa,
body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .shop_item .shop_item_icon_fm,
body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .shop_item .shop_item_icon_ff {
    width:16px!important;
    height:13px!important;
    background-position:-51px -149px!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .shop_item .shop_item_icon_1a {
    width:16px!important;
    height:12px!important;
    background-position:-153px -152px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .shop_item .shop_item_icon_2a {
    width:16px!important;
    height:12px!important;
    background-position:-136px -152px!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .shop_item .shop_item_icon_xa {
    width:16px!important;
    height:16px!important;
    background-position:-119px -149px!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .shop_item .shop_item_icon_pa {
    width:14px!important;
    height:13px!important;
    background:url(/static/images/themes/iconpet.png) no-repeat center!important;
    background-size:contain!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .ShopSetBtn,
body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .ShopSetBtn.row2 {
    left:12px!important;
    top:30px!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_items .shop_item .shop_item_name > .shop_item_icon {
    flex-shrink:0!important;
    flex-grow:0!important;
    opacity:1!important;
    visibility:visible!important;
}

body.season3 #container.Shop #shopScreen #inven,
body.season3 #container.Shop #shopScreen #reset,
body.season3 #container.Shop #shopScreen #PetTraining {
    position:absolute!important;
    top:377px!important;
    width:58px!important;
    height:32px!important;
    margin-left: 20px;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background-repeat:no-repeat!important;
    cursor:pointer!important;
    z-index:18!important;
}

body.season3 #container.Shop #shopScreen #inven,
body.season3 #container.Shop #shopScreen #reset {
    background-image:url(/static/images/themes/season3/iconos_mejorados.png)!important;
    background-size:2413px 1191px!important;
}

body.season3 #container.Shop #shopScreen #PetTraining {
    background-image:url(/static/images/themes/season3/avatar_back2.png)!important;
    background-size:3276.8px 1804.8px!important;
}

body.season3 #container.Shop #shopScreen #inven { left:555px!important; }
body.season3 #container.Shop #shopScreen #reset { left:617px!important; }
body.season3 #container.Shop #shopScreen #PetTraining { left:677px!important; display: none;}

body.season3 #container.Shop #shopScreen.s3StoreView #inven {
    background-position:-172px -518px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #inven:hover {
    background-position:-172px -550px!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView #inven:active {
    background-position:-172px -583px!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #inven,
body.season3 #container.Shop #shopScreen.s3InventoryView #inven.s3BackToStore {
    background-position:0 -518px!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #inven:hover,
body.season3 #container.Shop #shopScreen.s3InventoryView #inven.s3BackToStore:hover {
    background-position:0 -550px!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #inven:active,
body.season3 #container.Shop #shopScreen.s3InventoryView #inven.s3BackToStore:active {
    background-position:0 -583px!important;
}

body.season3 #container.Shop #shopScreen #reset {
    background-position:-57px -518px!important;
}
body.season3 #container.Shop #shopScreen #reset:hover {
    background-position:-57px -550px!important;
}
body.season3 #container.Shop #shopScreen #reset:active {
    background-position:-57px -583px!important;
}

body.season3 #container.Shop #shopScreen #PetTraining {
    background-position:-233px -529px!important;
}
body.season3 #container.Shop #shopScreen #PetTraining:hover {
    background-position:-233px -561px!important;
}
body.season3 #container.Shop #shopScreen #PetTraining:active {
    background-position:-233px -594px!important;
}

body.season3 #container.Shop #shopScreen #inven::after,
body.season3 #container.Shop #shopScreen #reset::after,
body.season3 #container.Shop #shopScreen #PetTraining::after,
body.season3 #container.Shop #shopScreen #inven .Alt,
body.season3 #container.Shop #shopScreen #reset .Alt,
body.season3 #container.Shop #shopScreen #PetTraining .Alt {
    content:none!important;
    display:none!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #s3InventoryTabs { display:none!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView .s3TopTab { display:block!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #buttonShopHead,
body.season3 #container.Shop #shopScreen.s3InventoryView #buttonShopBody,
body.season3 #container.Shop #shopScreen.s3InventoryView #buttonShopGlass,
body.season3 #container.Shop #shopScreen.s3InventoryView #buttonShopFlag,
body.season3 #container.Shop #shopScreen.s3InventoryView #buttonShopBackground,
body.season3 #container.Shop #shopScreen.s3InventoryView #buttonShopForeground { display:block!important; }

body.season3 #container.Shop #shopScreen.s3InventoryView .shop_item .shop_item_name {
    align-items:center!important;
    flex-wrap:nowrap!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView .shop_item .shop_item_icon {
    flex:0 0 auto!important;
    display:block!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView .shop_item .shop_item_stat {
    position:absolute!important;
    display:block!important;
    z-index:3!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView .shop_item .stat_icon,
body.season3 #container.Shop #shopScreen.s3InventoryView .shop_item .stat_digit1,
body.season3 #container.Shop #shopScreen.s3InventoryView .shop_item .stat_digit2 {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView .shop_item .shop_item_image { z-index:2!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView .shop_item .shop_item_cash,
body.season3 #container.Shop #shopScreen.s3InventoryView .shop_item .shop_item_gold { z-index:4!important; }

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_icon,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_icon,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_font {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-repeat:no-repeat!important;
    background-size:auto!important;
    visibility:visible!important;
    opacity:1!important;
    display:block!important;
    filter:none!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_stat {
    position:absolute!important;
    width:29px!important;
    height:14px!important;
    overflow:visible!important;

}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_icon {
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:14px!important;
    height:14px!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_font {
    position:absolute!important;
    top:1px!important;
    width:6px!important;
    height:11px!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_digit1 { left:15px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_digit2 { left:21px!important; }

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_name .shop_item_icon { flex:0 0 auto!important; margin-top:1px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_icon_ha,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_icon_hm { width:15px!important; height:11px!important; background-position:0 -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_icon_hf { width:15px!important; height:11px!important; background-position:-67px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_icon_ba,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_icon_bm { width:18px!important; height:13px!important; background-position:-15px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_icon_bf { width:18px!important; height:13px!important; background-position:-82px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_icon_ga,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_icon_gm { width:18px!important; height:11px!important; background-position:-33px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_icon_gf { width:18px!important; height:11px!important; background-position:-100px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_icon_fa,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_icon_fm,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_icon_ff { width:16px!important; height:13px!important; background-position:-51px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_icon_1a { width:16px!important; height:12px!important; background-position:-153px -152px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_icon_2a { width:16px!important; height:12px!important; background-position:-136px -152px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_icon_xa { width:16px!important; height:16px!important; background-position:-119px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_icon_pa { width:14px!important; height:13px!important; background:url(/static/images/themes/iconpet.png) no-repeat center!important; background-size:contain!important; }

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_icon_time { background-position:0 -173px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_icon_dig  { background-position:-14px -173px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_icon_atk  { background-position:-28px -173px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_icon_life { background-position:-42px -173px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_icon_def  { background-position:-56px -173px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_icon_item { background-position:-70px -173px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_icon_shld { background-position:-84px -173px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_icon_pop  { background-position:-98px -173px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_icon_time- { background-position:0 -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_icon_dig-  { background-position:-14px -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_icon_atk-  { background-position:-28px -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_icon_life- { background-position:-42px -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_icon_def-  { background-position:-56px -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_icon_item- { background-position:-70px -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_icon_shld- { background-position:-84px -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_icon_pop-  { background-position:-98px -187px!important; }

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_icon,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_font {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-repeat:no-repeat!important;
    background-size:auto!important;
    visibility:visible!important;
    opacity:1!important;
    display:block!important;
    filter:none!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item { overflow:visible!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_stat {

    width:29px!important;
    height:14px!important;
    overflow:visible!important;

}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_icon {
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:14px!important;
    height:14px!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_font {
    position:absolute!important;
    top:1px!important;
    width:6px!important;
    height:11px!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_digit1 { left:15px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_digit2 { left:21px!important; }

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon_ha,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon_hm { width:15px!important; height:11px!important; background-position:0 -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon_hf { width:15px!important; height:11px!important; background-position:-67px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon_ba,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon_bm { width:18px!important; height:13px!important; background-position:-15px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon_bf { width:18px!important; height:13px!important; background-position:-82px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon_ga,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon_gm { width:18px!important; height:11px!important; background-position:-33px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon_gf { width:18px!important; height:11px!important; background-position:-100px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon_fa,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon_fm,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon_ff { width:16px!important; height:13px!important; background-position:-51px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon_1a { width:16px!important; height:12px!important; background-position:-153px -152px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon_2a { width:16px!important; height:12px!important; background-position:-136px -152px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon_xa { width:16px!important; height:16px!important; background-position:-119px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon_pa { width:14px!important; height:13px!important; background:url(/static/images/themes/iconpet.png) no-repeat center!important; background-size:contain!important; }

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_icon_time { background-position:0 -173px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_icon_dig  { background-position:-14px -173px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_icon_atk  { background-position:-28px -173px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_icon_life { background-position:-42px -173px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_icon_def  { background-position:-56px -173px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_icon_item { background-position:-70px -173px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_icon_shld { background-position:-84px -173px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_icon_pop  { background-position:-98px -173px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_icon_time- { background-position:0 -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_icon_dig-  { background-position:-14px -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_icon_atk-  { background-position:-28px -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_icon_life- { background-position:-42px -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_icon_def-  { background-position:-56px -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_icon_item- { background-position:-70px -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_icon_shld- { background-position:-84px -187px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_icon_pop-  { background-position:-98px -187px!important; }

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_font0 { background-position: 0 -162px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_font1 { background-position: -6px -162px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_font2 { background-position: -12px -162px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_font3 { background-position: -18px -162px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_font4 { background-position: -24px -162px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_font5 { background-position: -30px -162px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_font6 { background-position: -36px -162px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_font7 { background-position: -42px -162px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_font8 { background-position: -48px -162px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .stat_font9 { background-position: -54px -162px !important; }

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_stat {
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
    z-index: 16 !important;
    pointer-events: none !important;
    transform: none !important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item
.shop_item_stat:has(.stat_icon_atk, .stat_icon_atk-) { left: 10px !important; top: 52px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item
.shop_item_stat:has(.stat_icon_dig, .stat_icon_dig-) { left: 10px !important; top: 52px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_atk, .stat_icon_atk-)
.shop_item_stat:has(.stat_icon_dig, .stat_icon_dig-) { top: 70px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item
.shop_item_stat:has(.stat_icon_def, .stat_icon_def-) { left: 10px !important; top: 52px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_atk, .stat_icon_atk-)
.shop_item_stat:has(.stat_icon_def, .stat_icon_def-),
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_dig, .stat_icon_dig-)
.shop_item_stat:has(.stat_icon_def, .stat_icon_def-) { top: 70px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_atk, .stat_icon_atk-):has(.stat_icon_dig, .stat_icon_dig-)
.shop_item_stat:has(.stat_icon_def, .stat_icon_def-) { top: 88px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item
.shop_item_stat:has(.stat_icon_item, .stat_icon_item-) { left: 10px !important; top: 52px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_atk, .stat_icon_atk-)
.shop_item_stat:has(.stat_icon_item, .stat_icon_item-),
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_dig, .stat_icon_dig-)
.shop_item_stat:has(.stat_icon_item, .stat_icon_item-),
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_def, .stat_icon_def-)
.shop_item_stat:has(.stat_icon_item, .stat_icon_item-) { top: 70px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_atk, .stat_icon_atk-):has(.stat_icon_dig, .stat_icon_dig-)
.shop_item_stat:has(.stat_icon_item, .stat_icon_item-),
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_atk, .stat_icon_atk-):has(.stat_icon_def, .stat_icon_def-)
.shop_item_stat:has(.stat_icon_item, .stat_icon_item-),
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_dig, .stat_icon_dig-):has(.stat_icon_def, .stat_icon_def-)
.shop_item_stat:has(.stat_icon_item, .stat_icon_item-) { top: 88px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_atk, .stat_icon_atk-):has(.stat_icon_dig, .stat_icon_dig-):has(.stat_icon_def, .stat_icon_def-)
.shop_item_stat:has(.stat_icon_item, .stat_icon_item-) { top: 106px !important; }

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item
.shop_item_stat:has(.stat_icon_life, .stat_icon_life-) { left: 95px !important; top: 52px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item
.shop_item_stat:has(.stat_icon_time, .stat_icon_time-) { left: 95px !important; top: 52px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_life, .stat_icon_life-)
.shop_item_stat:has(.stat_icon_time, .stat_icon_time-) { top: 70px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item
.shop_item_stat:has(.stat_icon_shld, .stat_icon_shld-) { left: 95px !important; top: 52px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_life, .stat_icon_life-)
.shop_item_stat:has(.stat_icon_shld, .stat_icon_shld-),
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_time, .stat_icon_time-)
.shop_item_stat:has(.stat_icon_shld, .stat_icon_shld-) { top: 70px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_life, .stat_icon_life-):has(.stat_icon_time, .stat_icon_time-)
.shop_item_stat:has(.stat_icon_shld, .stat_icon_shld-) { top: 88px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item
.shop_item_stat:has(.stat_icon_pop, .stat_icon_pop-) { left: 95px !important; top: 52px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_life, .stat_icon_life-)
.shop_item_stat:has(.stat_icon_pop, .stat_icon_pop-),
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_time, .stat_icon_time-)
.shop_item_stat:has(.stat_icon_pop, .stat_icon_pop-),
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_shld, .stat_icon_shld-)
.shop_item_stat:has(.stat_icon_pop, .stat_icon_pop-) { top: 70px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_life, .stat_icon_life-):has(.stat_icon_time, .stat_icon_time-)
.shop_item_stat:has(.stat_icon_pop, .stat_icon_pop-),
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_life, .stat_icon_life-):has(.stat_icon_shld, .stat_icon_shld-)
.shop_item_stat:has(.stat_icon_pop, .stat_icon_pop-),
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_time, .stat_icon_time-):has(.stat_icon_shld, .stat_icon_shld-)
.shop_item_stat:has(.stat_icon_pop, .stat_icon_pop-) { top: 88px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:has(.stat_icon_life, .stat_icon_life-):has(.stat_icon_time, .stat_icon_time-):has(.stat_icon_shld, .stat_icon_shld-)
.shop_item_stat:has(.stat_icon_pop, .stat_icon_pop-) { top: 106px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .shop_item_image { z-index: 10 !important; }

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_font0 { background-position: 0 -162px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_font1 { background-position: -6px -162px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_font2 { background-position: -12px -162px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_font3 { background-position: -18px -162px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_font4 { background-position: -24px -162px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_font5 { background-position: -30px -162px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_font6 { background-position: -36px -162px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_font7 { background-position: -42px -162px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_font8 { background-position: -48px -162px !important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .stat_font9 { background-position: -54px -162px !important; }

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container {
    position:absolute!important;
    left:567px!important;
    top:446px!important;
    width:204px!important;
    height:103px!important;
    overflow:visible!important;
    z-index:12!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .viewport {
    position:relative!important;

    height:103px!important;

    padding:0!important;
    margin:0!important;
    box-sizing:border-box!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .overview {
    position:absolute!important;

    margin:0!important;
    padding:0!important;
    list-style:none!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .s3EquippedLockerItem,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item {
    position:relative!important;
    width:204px!important;
    height:35px!important;
    margin:0!important;

    flex:none!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon {
    position:absolute!important;
    left:15px!important;
    top:4px!important;
    z-index:7!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    filter:none!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_name {
    position:absolute!important;
    left:36px!important;
    top:4px!important;
    width:120px!important;
    height:12px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    font-size:10px!important;
    line-height:12px!important;
    color:#295a9c!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item.selected .shop_my_item_name { color:#fff!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_equip.equipped {
    position:absolute!important;
    left:-1px!important;
    top:7px!important;
    z-index:8!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon {
    background-image:url(/static/images/themes/classic/shop_stuff.png?2)!important;
    background-repeat:no-repeat!important;
    background-size:auto!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon.shop_item_icon_ha,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon.shop_item_icon_hm { width:15px!important; height:11px!important; background-position:0 -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon.shop_item_icon_hf { width:15px!important; height:11px!important; background-position:-67px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon.shop_item_icon_ba,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon.shop_item_icon_bm { width:18px!important; height:13px!important; background-position:-15px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon.shop_item_icon_bf { width:18px!important; height:13px!important; background-position:-82px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon.shop_item_icon_ga,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon.shop_item_icon_gm { width:18px!important; height:11px!important; background-position:-33px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon.shop_item_icon_gf { width:18px!important; height:11px!important; background-position:-100px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon.shop_item_icon_fa,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon.shop_item_icon_fm,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon.shop_item_icon_ff { width:16px!important; height:13px!important; background-position:-51px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon.shop_item_icon_1a { width:16px!important; height:12px!important; background-position:-153px -152px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon.shop_item_icon_2a { width:16px!important; height:12px!important; background-position:-136px -152px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon.shop_item_icon_xa { width:16px!important; height:16px!important; background-position:-119px -149px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_icon.shop_item_icon_pa { width:14px!important; height:13px!important; background:url(/static/images/themes/iconpet.png) no-repeat center!important; background-size:contain!important; }

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_stat { position:absolute!important; z-index:6!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_stat0 { left:166px!important; top:18px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_stat1 { left:136px!important; top:18px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_stat2 { left:106px!important; top:18px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_stat3 { left:76px!important; top:18px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_stat4 { left:46px!important; top:18px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_stat5 { left:16px!important; top:18px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_stat6 { left:172px!important; top:1px!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .shop_my_item_stat7 { left:142px!important; top:1px!important; }

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container > .scrollbar {
    position:absolute!important;
    left:205px!important;
    top:0!important;
    width:13px!important;
    height:103px!important;
    padding-top:11px!important;
    margin:0!important;
    box-sizing:border-box!important;

    overflow:hidden!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container > .scrollbar.disable { display:none!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container > .scrollbar .track {
    position:relative!important;
    left:0!important;
    width:13px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    border:0!important;
    overflow:hidden!important;
    background:linear-gradient(90deg,transparent 5px,rgba(49,145,209,.42) 5px,rgba(49,145,209,.42) 8px,transparent 8px)!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container > .scrollbar .thumb {
    position:absolute!important;
    left:1px!important;
    width:11px!important;
    min-height:24px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    cursor:pointer!important;
    overflow:hidden!important;
    border:1px solid rgba(45,125,190,.9)!important;
    border-radius:6px!important;
    background:linear-gradient(90deg,#f7fdff 0%,#c9f3ff 28%,#6fd9f5 58%,#19a9df 79%,#0878bd 100%)!important;
    box-shadow:inset 0 0 2px #fff,0 0 2px rgba(26,100,165,.55)!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container > .scrollbar .thumb:hover { filter:brightness(1.08)!important; }
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container > .scrollbar .thumb .end { display:none!important; }

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .s3EquippedLockerItem {
    cursor: pointer !important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .s3EquippedLockerItem.selected {
    background-position:0 -374px!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .s3EquippedLockerItem.selected .shop_my_item_name {
    color:#295a9c!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView
#shop_my_items_container > .s3LockerSlotTeeth {
    display:none!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView
#shop_my_items_container > .s3LockerSlotTeeth {
    position:absolute!important;

    flex-direction:column!important;
    gap:1px!important;
    align-items:center!important;
    left:-5px!important;
    top:0!important;
    width:204px!important;
    height:103px!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none!important;
    z-index:1!important;
    overflow:visible!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView
#shop_my_items_container > .s3LockerSlotTeeth .avatar___list-Bar1 {
    display:block!important;
    flex:0 0 35px!important;
    width:204px!important;
    height:35px!important;
    margin:0!important;
    padding:0!important;
    background-image:url(/static/images/themes/season3/avatar_back2.png)!important;
    background-repeat:no-repeat!important;
    background-size:3276.8px 1804.8px!important;
    background-position:0 -374px!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView
#shop_my_items_container > .viewport {
    z-index:2!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView
#shop_my_items_container > .scrollbar {
    z-index:4!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView
#shop_my_items_container > .s3LockerSlotTeeth {
    display:none!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView
#shop_my_items_container .s3EquippedLockerItem .shop_my_item_equip.equipped,
body.season3 #container.Shop #shopScreen.s3InventoryView
#shop_my_items_container .shop_my_item .shop_my_item_equip.equipped {
    display:block!important;
    position:absolute!important;

    top:2px!important;
    width:27px!important;
    height:30px!important;
    margin:0!important;
    padding:0!important;

    pointer-events:none!important;
    visibility:visible!important;
    opacity:1!important;
    background-image:url(/static/images/themes/season3/iconos_mejorados.png)!important;
    background-repeat:no-repeat!important;
    background-size:2413px 1191px!important;
    background-position:-1273px -52px!important;
    filter:none!important;
    transform:rotate(90deg) scale(.78)!important;
    -webkit-transform:rotate(60deg) scale(.78)!important;
    transform-origin:center center!important;
    -webkit-transform-origin:center center!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView
#shop_my_items_container .s3EquippedLockerItem,
body.season3 #container.Shop #shopScreen.s3InventoryView
#shop_my_items_container .shop_my_item {
    overflow:visible!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item {
    background-image:url(/static/images/themes/season3/iconos_mejorados.png)!important;
    background-repeat:no-repeat!important;
    background-size:2413px 1213px!important;
    background-position:0 0!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:hover {
    background-position:-132px 0!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item.selected,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item:active {
    background-position:-263px 0!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView
#shop_my_items_container .viewport {
    left:-14px!important;
    width:218px!important;
    overflow:hidden!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView
#shop_my_items_container .overview {
    left:14px!important;
    width:204px!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView
#shop_my_items_container .s3EquippedLockerItem .shop_my_item_equip.equipped,
body.season3 #container.Shop #shopScreen.s3InventoryView
#shop_my_items_container .shop_my_item .shop_my_item_equip.equipped {
    left:-12px!important;
    z-index:50!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .shop_item .s3InventoryPetGpStat {
    position:absolute!important;
    left:12px!important;
    top:120px!important;
    z-index:18!important;
    min-width:42px!important;
    height:14px!important;
    line-height:14px!important;
    color:#fff!important;
    font:bold 10px Arial,sans-serif!important;
    text-align:left!important;
    white-space:nowrap!important;
    text-shadow:-1px 0 2px #000,0 1px 2px #000,1px 0 2px #000,0 -1px 2px #000!important;
    pointer-events:none!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_my_items_container .s3LockerPetGpStat {
    position:absolute!important;
    left:11px!important;
    top:22px!important;
    z-index:9!important;
    height:12px!important;
    line-height:12px!important;
    color:#fff!important;
    font:bold 9px Arial,sans-serif!important;
    white-space:nowrap!important;
    text-shadow:-1px 0 2px #000,0 1px 2px #000,1px 0 2px #000,0 -1px 2px #000!important;
    pointer-events:none!important;
}

body.season3 #buttonShopEvent {
    display: none !important;
    position: absolute;
    left:225px!important;
    top: 560px;
    width: 57px;
    height: 31px;
    text-align: center;
    background-image: none !important;
    z-index: 20;

}

body.season3 #container.Shop #shopScreen.s3InventoryView #buttonShopEvent {
    display: none !important;
}

body:not(.season3) #container.Shop #shopScreen .s3StatValue,
body:not(.season3) #container.Shop #shopScreen .s3CardActions,
body:not(.season3) #container.Shop #shopScreen .s3InventoryPetGpStat,
body:not(.season3) #container.Shop #shopScreen .s3LockerPetGpStat,
body:not(.season3) #container.Shop #shopScreen .s3LockerSlotTeeth,
body:not(.season3) #container.Shop #shopScreen #s3_try_cart_container {
    display:none!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .s3InventoryCard > .s3InventoryOriginIcon {
    position:absolute!important;
    left:auto!important;
    right:5px!important;
    top:157px!important;
    width:36px!important;
    height:27px!important;
    background-image:url(/static/images/themes/DragonBall/clasico/stuff_HD.webp?7#png)!important;
    background-repeat:no-repeat!important;
    background-size:1000px 1500px!important;
    z-index:8!important;
    pointer-events:none!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .s3InventoryCard > .shop_my_item_gift.s3InventoryOriginIcon {
    background-position:-878px -878px!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .s3InventoryCard > .shop_my_item_cash.s3InventoryOriginIcon {
    background-position:-915.5px -878px!important;
}

body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .s3InventoryCard.selected > .shop_my_item_gift.s3InventoryOriginIcon {
    background-position:-878px -906.5px!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_items .s3InventoryCard.selected > .shop_my_item_cash.s3InventoryOriginIcon {
    background-position:-915.5px -906.5px!important;
}

body.season3 #container.Room #buttonShopFromRoom {
    display:block!important;
    position:absolute!important;
    left:590px!important;
    top:554px!important;
    bottom:auto!important;
    width:52px!important;
    height:46px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    filter:none!important;
    transform:none!important;
    transform-origin:initial!important;
    background-image:url(/static/images/themes/season3/iconos_mejorados.png)!important;
    background-repeat:no-repeat!important;
    background-size:2413px 1191px!important;
    background-position:-1263px -1px!important;
    z-index:25!important;
}
body.season3 #container.Room #buttonShopFromRoom:hover {
    background-position:-1263px -1px!important;
    filter:brightness(1.12)!important;
}
body.season3 #container.Room #buttonShopFromRoom:active {
    background-position:-1263px -1px!important;
    filter:brightness(.92)!important;
    transform:translateY(1px)!important;
}
body.season3 #container.Room #buttonShopFromRoom > .Alt {
    display:none!important;
}

body.season3 #container.Shop #shopScreen.s3StoreView #shop_security_lock,
body.season3 #container.Shop #shopScreen.s3InventoryView #shop_security_lock {
    display:block!important;
    position:absolute!important;
    left:720px!important;
    right:auto!important;
    top:378px!important;
    width:22px!important;
    height:24px!important;
    line-height:24px!important;
    margin:0!important;
    padding:0!important;
    font-size:20px!important;
    text-align:center!important;
    cursor:pointer!important;
    z-index:24!important;
}

.AvatarMountLayer{pointer-events:none!important}


#BrokerScreen.Season3ServerList > .AlertBoxBackground {

    background:
        radial-gradient(circle at 17% 17%, rgba(255,255,255,.95) 0 2px, transparent 3px),
        radial-gradient(circle at 83% 24%, rgba(255,255,255,.72) 0 2px, transparent 3px),
        radial-gradient(circle at 74% 74%, rgba(255,255,255,.58) 0 1px, transparent 2px),
        radial-gradient(circle at 28% 78%, rgba(255,255,255,.50) 0 1px, transparent 2px),
        radial-gradient(ellipse at 50% 42%, #7fd2ff 0, #489ce3 34%, #2b78c5 67%, #155396 100%) !important;

}

#BrokerScreen.Season3ServerList #BrokerWindow {
    position: absolute !important;

    transform: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    z-index: 999 !important;
}

#BrokerScreen.Season3ServerList #BrokerPlayer,
#BrokerScreen.Season3ServerList #BrokerTotalPlayers,
#BrokerScreen.Season3ServerList #BrokerHelp {
    display: none !important;
}

#BrokerScreen.Season3ServerList #BrokerTitle {
    position: absolute !important;

    line-height: 34px !important;
    box-sizing: border-box !important;

    color: #657897 !important;

    text-align: center !important;
    text-shadow: 0 1px 0 #fff !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border: 2px solid rgba(255,255,255,.95) !important;

    background: linear-gradient(#ffffff 0%,#edf8ff 45%,#c9e7fb 100%) !important;
    box-shadow:
        0 0 0 1px #7aa6cc inset,
        0 2px 5px rgba(16,65,117,.36),
        0 0 10px rgba(255,255,255,.8) !important;
    z-index: 40 !important;
}

#BrokerScreen.Season3ServerList #BrokerTitle::before,
#BrokerScreen.Season3ServerList #BrokerTitle::after {
    content: "";
    position: absolute;

    border-radius: 50%;
    background: linear-gradient(#78dcff,#309aca);
    box-shadow: 0 0 0 1px #397ba3, 0 0 0 2px #d8f4ff;
}

#BrokerScreen.Season3ServerList #BrokerChannels {
    position: absolute !important;

    background-image: url(/static/images/themes/season3/serverlist_back2.png) !important;
    background-repeat: no-repeat !important;

    background-position: 0 0 !important;
    z-index: 1 !important;
    pointer-events: auto !important;
}

#BrokerScreen.Season3ServerList .BrokerChannel {
    position: absolute !important;

    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-image: url(/static/images/themes/season3/serverlist_back2.png) !important;
    background-repeat: no-repeat !important;

    box-shadow: none !important;
    overflow: hidden !important;
    opacity: 1 !important;
    z-index: 10 !important;
    cursor: pointer !important;
    transition: filter .12s ease, transform .12s ease !important;
}
#BrokerScreen.Season3ServerList .BrokerChannel:hover {
    filter: brightness(1.05) saturate(1.04) !important;
    transform: translateX(2px) !important;
}
#BrokerScreen.Season3ServerList .BrokerChannel:not(.BrokerChannelOnline) {
    cursor: default !important;
    filter: grayscale(.18) !important;
}

/* Rena */

/* Observer */

/* Nyxberry */

/* Xoya */

#BrokerScreen.Season3ServerList #BrokerChannel2,
#BrokerScreen.Season3ServerList #BrokerChannel6,
#BrokerScreen.Season3ServerList #BrokerChannel12,
#BrokerScreen.Season3ServerList #BrokerChannel13,
#BrokerScreen.Season3ServerList #BrokerChannel14 {
    display: none !important;
}

#BrokerScreen.Season3ServerList #BrokerChannel5.Event400Plus::before {
    display: none !important;
}

#BrokerScreen.Season3ServerList .BrokerChannelName {
    position: absolute !important;

    z-index: 20 !important;
}

#BrokerScreen.Season3ServerList .BrokerNumPlayers2 {
    position: absolute !important;

}

#BrokerScreen.Season3ServerList .BrokerRanks {
    position: absolute !important;

    transform-origin: left top !important;
    z-index: 21 !important;
}

#BrokerScreen.Season3ServerList .GPEventIndicator,
#BrokerScreen.Season3ServerList .GPEventIndicator200,
#BrokerScreen.Season3ServerList .GPEventIndicator300 {

    transform-origin: left top !important;
    z-index: 25 !important;
}
#BrokerScreen.Season3ServerList .Alt {
    display: none !important;
}

#BrokerScreen.Season3ServerList #S3BrokerPager {
    position: absolute !important;

    z-index: 30 !important;

}
#BrokerScreen.Season3ServerList #S3BrokerPrev,
#BrokerScreen.Season3ServerList #S3BrokerNext {
    position: absolute !important;

}

#BrokerScreen.Season3ServerList #S3BrokerPage {
    position: absolute !important;

}

#BrokerScreen.Season3ServerList #S3BrokerEnter,
#BrokerScreen.Season3ServerList #BrokerLogout {
    position: absolute !important;

    border: 0 !important;
    border-radius: 0 !important;
    background-image: url(/static/images/themes/season3/serverlist_back2.png) !important;
    background-repeat: no-repeat !important;

    box-shadow: none !important;
    transform: none !important;
    z-index: 35 !important;
    cursor: pointer !important;
}

#BrokerScreen.Season3ServerList #BrokerLogout {

    right: auto !important;
    bottom: auto !important;

}
#BrokerScreen.Season3ServerList #S3BrokerEnter:hover,
#BrokerScreen.Season3ServerList #BrokerLogout:hover {
    filter: brightness(1.08) !important;
}
#BrokerScreen.Season3ServerList #S3BrokerEnter:active,
#BrokerScreen.Season3ServerList #BrokerLogout:active {
    transform: translateY(1px) !important;
}
#BrokerScreen.Season3ServerList #S3BrokerEnter.disabledBtn {
    opacity: .38 !important;
    filter: grayscale(1) !important;
}
#BrokerScreen.Season3ServerList #BrokerLogout .Alt {
    display: none !important;
}

#BrokerScreen.Season3ServerList #BrokerRefresh {
    position: absolute !important;

    border-radius: 50% !important;
    background: linear-gradient(#f9fdff,#c9e8fb) !important;
    border: 1px solid #83afd1 !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.9),0 1px 3px rgba(27,80,124,.28) !important;
    z-index: 45 !important;
}
#BrokerScreen.Season3ServerList #BrokerRefresh::after {
    content: "↻";
    position: absolute;
    left: 0;
    top: 0;

    color: #4f8cb8;

    text-align: center;
    text-shadow: 0 1px 0 #fff;
}
#BrokerScreen.Season3ServerList #BrokerRefresh .Alt { display: none !important; }


#container.Season3BrokerCanvas {
    width:800px !important;
    height:600px !important;
}
#BrokerScreen.Season3ServerList {
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:800px !important;
    height:600px !important;
    overflow:hidden !important;
}

#BrokerScreen.Season3ServerList #BrokerWindow {
    left:79px !important;
    top:15px !important;
    width:642px !important;
    height:570px !important;
    margin-left:0 !important;
}
#BrokerScreen.Season3ServerList #BrokerTitle {
    left:171px !important;
    top:0 !important;
    width:300px !important;
    height:40px !important;
    padding:0 26px !important;
    border-radius:22px !important;
    font:700 18px/38px Arial,sans-serif !important;
}
#BrokerScreen.Season3ServerList #BrokerTitle::before,
#BrokerScreen.Season3ServerList #BrokerTitle::after {
    top:12px !important;
    width:12px !important;
    height:12px !important;
}
#BrokerScreen.Season3ServerList #BrokerTitle::before { left:10px !important; }
#BrokerScreen.Season3ServerList #BrokerTitle::after { right:10px !important; }

#BrokerScreen.Season3ServerList #BrokerChannels {
    left:15px !important;
    top:72px !important;
    width:632px !important;
    height:425px !important;
    /* El atlas tiene 8 fondos exactos de 256px de alto.
       3456 / 2048 = 1.6875 => cada fondo queda en 432px exactos.
       Así todos los personajes mantienen la misma altura y no "saltan" al seleccionarlos. */
    background-size:951px 3456px !important;
    border-radius:14px !important;
    overflow:hidden !important;
    clip-path:inset(0 round 14px) !important;
}
#BrokerScreen.Season3ServerList #BrokerChannels[data-s3-preview="0"] { background-position:0 0 !important; }
#BrokerScreen.Season3ServerList #BrokerChannels[data-s3-preview="1"] { background-position:0 -432px !important; }
#BrokerScreen.Season3ServerList #BrokerChannels[data-s3-preview="2"] { background-position:0 -864px !important; }
#BrokerScreen.Season3ServerList #BrokerChannels[data-s3-preview="3"] { background-position:0 -1296px !important; }
#BrokerScreen.Season3ServerList #BrokerChannels[data-s3-preview="4"] { background-position:0 -1728px !important; }
#BrokerScreen.Season3ServerList #BrokerChannels[data-s3-preview="5"] { background-position:0 -2160px !important; }
#BrokerScreen.Season3ServerList #BrokerChannels[data-s3-preview="6"] { background-position:0 -2592px !important; }
#BrokerScreen.Season3ServerList #BrokerChannels[data-s3-preview="7"] { background-position:0 -3024px !important; }

#BrokerScreen.Season3ServerList .BrokerChannel {
    width:312px !important;
    height:78px !important;
    background-size:951px 3451px !important;
}
#BrokerScreen.Season3ServerList .BrokerChannel[data-s3-char="0"] { background-position:-638px -2260px !important; }
#BrokerScreen.Season3ServerList .BrokerChannel[data-s3-char="0"]:hover { background-position:-638px -2335px !important; }
#BrokerScreen.Season3ServerList .BrokerChannel[data-s3-char="0"].S3BrokerSelected { background-position:-638px -2408px !important; }
#BrokerScreen.Season3ServerList .BrokerChannel[data-s3-char="0"]:not(.BrokerChannelOnline) { background-position:-638px -2482px !important; }
#BrokerScreen.Season3ServerList .BrokerChannel[data-s3-char="1"] { background-position:-638px -2557px !important; }
#BrokerScreen.Season3ServerList .BrokerChannel[data-s3-char="1"]:hover { background-position:-638px -2631px !important; }
#BrokerScreen.Season3ServerList .BrokerChannel[data-s3-char="1"].S3BrokerSelected { background-position:-638px -2705px !important; }
#BrokerScreen.Season3ServerList .BrokerChannel[data-s3-char="1"]:not(.BrokerChannelOnline) { background-position:-638px -2780px !important; }
#BrokerScreen.Season3ServerList .BrokerChannel[data-s3-char="2"] { background-position:-638px -2853px !important; }
#BrokerScreen.Season3ServerList .BrokerChannel[data-s3-char="2"]:hover { background-position:-638px -2927px !important; }
#BrokerScreen.Season3ServerList .BrokerChannel[data-s3-char="2"].S3BrokerSelected { background-position:-638px -3002px !important; }
#BrokerScreen.Season3ServerList .BrokerChannel[data-s3-char="2"]:not(.BrokerChannelOnline) { background-position:-638px -3076px !important; }
#BrokerScreen.Season3ServerList .BrokerChannel[data-s3-char="3"] { background-position:-638px -3149px !important; }
#BrokerScreen.Season3ServerList .BrokerChannel[data-s3-char="3"]:hover { background-position:-638px -3224px !important; }
#BrokerScreen.Season3ServerList .BrokerChannel[data-s3-char="3"].S3BrokerSelected { background-position:-638px -3298px !important; }
#BrokerScreen.Season3ServerList .BrokerChannel[data-s3-char="3"]:not(.BrokerChannelOnline) { background-position:-638px -3372px !important; }

#BrokerScreen.Season3ServerList .BrokerChannelName {

    font:700 14px/20px Arial,sans-serif !important;
}

#BrokerScreen.Season3ServerList .BrokerRanks {
    left: 24px !important;
    top: 50px !important;
    width: 95px !important;
    height: 28px !important;
    transform: scale(1) !important;
}
#BrokerScreen.Season3ServerList .PrixTimer,
#BrokerScreen.Season3ServerList .TorneoTimerServers,
#BrokerScreen.Season3ServerList .Torneo2TimerServers {

    font:700 12px/15px Arial,sans-serif !important;
}
#BrokerScreen.Season3ServerList .GPEventIndicator,
#BrokerScreen.Season3ServerList .GPEventIndicator200,
#BrokerScreen.Season3ServerList .GPEventIndicator300 {
    transform:scale(.82) !important;
}

#BrokerScreen.Season3ServerList #S3BrokerPager {

    font:700 13px/28px Arial,sans-serif !important;
}

#BrokerScreen.Season3ServerList #S3BrokerEnter,
#BrokerScreen.Season3ServerList #BrokerLogout {
    top: 518px !important;
    width: 107px !important;
    height: 45px !important;
    background-size: 951px 3451px !important;
}
#BrokerScreen.Season3ServerList #S3BrokerEnter {
    left:202px !important;
    background-position:-844px 0 !important;
}
#BrokerScreen.Season3ServerList #BrokerLogout {
    left:333px !important;
    background-position:-736px 0 !important;
}
#BrokerScreen.Season3ServerList #BrokerRefresh {
    right:1px !important;
    top:4px !important;
    width:34px !important;
    height:34px !important;
}
#BrokerScreen.Season3ServerList #BrokerRefresh::after {
    width:34px !important;
    height:34px !important;
    font:700 23px/33px Arial,sans-serif !important;
}

@font-face {
    font-family: "S3ServerName";
    src: url("/static/images/font/GunboundS3.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}


#BrokerScreen.Season3ServerList .BrokerRanks {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    font-size: 0 !important;
    white-space: nowrap !important;
}

#BrokerScreen.Season3ServerList .BrokerRanks .InlineRank {
    position: relative !important;
    top: 0 !important;
    margin: 0 !important;
    vertical-align: middle !important;
    flex: 0 0 25px !important;
}

#BrokerScreen.Season3ServerList .BrokerRanks .S3BrokerRankArrow {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    vertical-align: middle !important;
    background-image: url(/static/images/themes/season3/serverlist_back2.png) !important;
    scale: 1.5;
    background-repeat: no-repeat !important;
    background-size: 564px 2048px !important;
    pointer-events: none !important;
    flex: 0 0 10px !important;
}

#BrokerScreen.Season3ServerList .BrokerRanks .S3BrokerRankArrowUp {
	margin-left: 2px !important;
    margin-right: -1px !important;
    position: relative;
    left: 15px;
    z-index: 10;
    background-position: -438px -80px !important;
}

#BrokerScreen.Season3ServerList .BrokerRanks .S3BrokerRankArrowDown {
    margin-left: -1px !important;
    margin-right: 2px !important;
    position: relative;
    left: -15px;
    background-position: -448px -80px !important;
}


#BrokerScreen.Season3ServerList .BrokerMaxPlayers2 {
    left: 122px !important;
    top: 60px !important;
    width: 82px !important;
    height: 10px !important;
    border: 1px solid rgba(93,151,190,.52) !important;
    border-radius: 7px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: linear-gradient(180deg,
        rgba(255,255,255,.98) 0%,
        rgba(228,244,253,.98) 18%,
        rgba(183,218,238,.98) 55%,
        rgba(218,240,252,.98) 100%) !important;
    box-shadow:
        inset 0 1px 2px rgba(255,255,255,.95),
        inset 0 -1px 2px rgba(79,137,177,.28),
        0 1px 2px rgba(56,113,157,.20) !important;
    z-index: 18 !important;
}

#BrokerScreen.Season3ServerList .BrokerNumPlayers2 {
    left: 122px !important;
    top: 60px !important;
    height: 10px !important;
    max-width: 82px !important;
    min-width: 0 !important;
    transform: none !important;
    transform-origin: left center !important;
    border: 1px solid rgba(39,137,201,.40) !important;
    border-radius: 7px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: linear-gradient(180deg,
        #c9f7ff 0%,
        #7de0ff 22%,
        #2eb7f1 55%,
        #72d7ff 100%) !important;
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.95),
        inset 0 -1px 1px rgba(26,126,190,.45),
        0 0 4px rgba(57,178,239,.48) !important;
    z-index: 19 !important;
}

#BrokerScreen.Season3ServerList .BrokerNumPlayers2::after {
    content: "" !important;
    position: absolute !important;
    left: 3px !important;
    right: 3px !important;
    top: 1px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: rgba(255,255,255,.70) !important;
    pointer-events: none !important;
}

#BrokerScreen.Season3ServerList .BrokerMaxPlayers2 {
    position: absolute !important;
    isolation: isolate !important;
}

#BrokerScreen.Season3ServerList .BrokerMaxPlayers2::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: var(--s3-server-fill, 0%) !important;
    min-width: 0 !important;
    border-radius: inherit !important;
    background: linear-gradient(180deg,
        #c9f7ff 0%,
        #7de0ff 22%,
        #2eb7f1 55%,
        #72d7ff 100%) !important;
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.95),
        inset 0 -1px 1px rgba(26,126,190,.45),
        0 0 4px rgba(57,178,239,.48) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}


#BrokerScreen.Season3ServerList .BrokerMaxPlayers2[data-players]:not([data-players="0"])::before {
    min-width: 2px !important;
}

#BrokerScreen.Season3ServerList .BrokerMaxPlayers2::after {
    content: "" !important;
    position: absolute !important;
    left: 3px !important;
    top: 1px !important;
    width: calc(var(--s3-server-fill, 0%) - 6px) !important;
    max-width: calc(100% - 6px) !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: rgba(255,255,255,.70) !important;
    z-index: 2 !important;
    pointer-events: none !important;
}


#BrokerScreen.Season3ServerList .BrokerNumPlayers2 {
    display: none !important;
}


#BrokerScreen.Season3ServerList .S3BrokerServerNumber {
    position: absolute !important;

    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 24 !important;

    pointer-events: none !important;
}


@font-face {
    font-family: "EthnocentricS3";
    src: url("/static/images/font/Ethnocentric-Regular.otf") format("opentype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

/* Nombre del servidor: usamos la fuente real, sin inventar formas con stroke. */
#BrokerScreen.Season3ServerList .BrokerChannelName {
    left: 39px !important;
    top: 8px !important;
    width: 215px !important;
    height: 20px !important;
    line-height: 20px !important;

    font-family: "EthnocentricS3", "S3ServerName", Arial, sans-serif !important;

    font-style: normal !important;
    font-weight: normal !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;

    color: #f7fbff !important;
    -webkit-text-stroke: 0 !important;
    paint-order: normal !important;
    text-shadow:
        -1px 0 0 #446b93,
         1px 0 0 #446b93,
         0 -1px 0 #446b93,
         0 1px 0 #446b93,
         1px 1px 1px rgba(22,59,94,.48) !important;

    transform: none !important;
    transform-origin: left center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


#BrokerScreen.Season3ServerList .S3BrokerServerNumber {
    left: 7px !important;
    top: 7px !important;
    width: 23px !important;
    height: 23px !important;
    line-height: 23px !important;

    font-family: "EthnocentricS3", "S3ServerName", Arial, sans-serif !important;

    font-style: normal !important;
    font-weight: normal !important;
    letter-spacing: -1px !important;
    text-align: center !important;

    color: #f7fbff !important;
    -webkit-text-stroke: 0 !important;
    paint-order: normal !important;
    text-shadow:
        -1px 0 0 #52779c,
         1px 0 0 #52779c,
         0 -1px 0 #52779c,
         0 1px 0 #52779c,
         1px 1px 1px rgba(30,63,96,.45) !important;
}


#BrokerScreen.Season3ServerList .BrokerChannelName {
    font-size: 11.5px !important;
}

#BrokerScreen.Season3ServerList .S3BrokerServerNumber {
    font-size: 14px !important;
}


#BrokerScreen.Season3ServerList .PrixTimer,
#BrokerScreen.Season3ServerList .TorneoTimerServers,
#BrokerScreen.Season3ServerList .Torneo2TimerServers {
    position: absolute !important;
    left: 70px !important;
    top: 33px !important;

    width: auto !important;
    min-width: 88px !important;
    max-width: 135px !important;
    height: 19px !important;
    line-height: 17px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 7px 0 23px !important;

    border: 1px solid rgba(99,219,255,.92) !important;
    border-radius: 5px !important;

    background:
        linear-gradient(180deg,
            #1a6591 0%,
            #124d79 43%,
            #0b365f 100%) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        inset 0 -1px 0 rgba(2,30,57,.55),
        0 0 4px rgba(46,189,244,.38) !important;

    color: #d9f8ff !important;
    font-family: Consolas, "Lucida Console", monospace !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .15px !important;
    text-transform: uppercase !important;
    text-align: left !important;
    text-shadow:
        0 0 2px rgba(120,235,255,.65),
        0 1px 0 rgba(0,28,55,.95) !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    z-index: 24 !important;
}


#BrokerScreen.Season3ServerList .PrixTimer::before,
#BrokerScreen.Season3ServerList .TorneoTimerServers::before,
#BrokerScreen.Season3ServerList .Torneo2TimerServers::before {
    content: "" !important;
    position: absolute !important;
    left: 6px !important;
    top: 4px !important;
    width: 9px !important;
    height: 9px !important;
    box-sizing: border-box !important;
    border: 1.4px solid #d8f8ff !important;
    border-radius: 50% !important;
    box-shadow: 0 0 2px rgba(103,228,255,.65) !important;
    pointer-events: none !important;
}


#BrokerScreen.Season3ServerList .PrixTimer::after,
#BrokerScreen.Season3ServerList .TorneoTimerServers::after,
#BrokerScreen.Season3ServerList .Torneo2TimerServers::after {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    top: 6px !important;
    width: 1px !important;
    height: 4px !important;
    background: #e9fcff !important;
    box-shadow: 2px 3px 0 -0.2px #e9fcff !important;
    transform-origin: bottom center !important;
    pointer-events: none !important;
}


#BrokerScreen.Season3ServerList #BrokerChannel3 .BrokerChannelName,
#BrokerScreen.Season3ServerList #BrokerChannel8 .BrokerChannelName {
    top: 7px !important;
    text-shadow:
        -1px 0 0 #446b93,
         1px 0 0 #446b93,
         0 -1px 0 #446b93,
         0 1px 0 rgba(68,107,147,.48),
         1px 1px 1px rgba(22,59,94,.18) !important;
}

#BrokerScreen.Season3ServerList #S3BrokerPager {
    left: 370px !important;
    top: 461px !important;
    width: 150px !important;
    height: 24px !important;
    color: #58799d !important;
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    text-align: center !important;
}

#BrokerScreen.Season3ServerList #S3BrokerPrev,
#BrokerScreen.Season3ServerList #S3BrokerNext {
    top: 2px !important;
    width: 24px !important;
    height: 18px !important;
    line-height: 16px !important;

    border: 1px solid #a9c7df !important;
    border-radius: 4px !important;

    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #f7fbfe 52%,
        #eaf4fb 100%
    ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 1px 1px rgba(70,115,150,.12) !important;

    color: transparent !important;
    font-size: 0 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    cursor: pointer !important;
}

#BrokerScreen.Season3ServerList #S3BrokerPrev {
    left: 4px !important;
}

#BrokerScreen.Season3ServerList #S3BrokerNext {
    right: 4px !important;
}

/* Chevrons simples como en la referencia */
#BrokerScreen.Season3ServerList #S3BrokerPrev::after,
#BrokerScreen.Season3ServerList #S3BrokerNext::after {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 22px !important;
    height: 16px !important;
    line-height: 16px !important;

    color: #5d89ad !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-shadow: none !important;
}

#BrokerScreen.Season3ServerList #S3BrokerPrev::after {
    content: "<" !important;
}

#BrokerScreen.Season3ServerList #S3BrokerNext::after {
    content: ">" !important;
}

#BrokerScreen.Season3ServerList #S3BrokerPage {
    left: 42px !important;
    top: 0 !important;
    width: 66px !important;
    height: 22px !important;
    line-height: 22px !important;

    color: #58799d !important;
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

/* Hover muy discreto */
#BrokerScreen.Season3ServerList #S3BrokerPrev:not(.disabledBtn):hover,
#BrokerScreen.Season3ServerList #S3BrokerNext:not(.disabledBtn):hover {
    background: #eef8ff !important;
    border-color: #7eafd2 !important;
}

/* Desactivado limpio, sin cambiar la geometría */
#BrokerScreen.Season3ServerList #S3BrokerPrev.disabledBtn,
#BrokerScreen.Season3ServerList #S3BrokerNext.disabledBtn {
    opacity: .38 !important;
}


#BrokerScreen.Season3ServerList > .AlertBoxBackground {
    width: 800px !important;
    height: 600px !important;
    opacity: 1 !important;

    background-image: url("/static/images/themes/season3/serverlist_back.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-color: #000 !important;

    z-index: 997 !important;
}

#BrokerScreen.Season3ServerList #BrokerTitle {
    display: none !important;
}



body.season3 #container.Lobby #filter_all,
body.season3 #container.Lobby #filter_waiting {
    display: block !important;
    position: absolute !important;
    top: 7px !important;
    height: 45px !important;
    z-index: 14 !important;

    /* Stuff real del tema normal / ClassicHD */
    background-image: url("/static/images/themes/DragonBall/clasico/stuff_HD.webp?7#png") !important;
    background-repeat: no-repeat !important;
    background-size: 1000px 1500px !important;

    /* quitar completamente el botón ALL/WAIT dibujado por Season 3 */
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
    overflow: visible !important;
    filter: none !important;
}

/* mismas coordenadas del botón clásico HD */
body.season3 #container.Lobby #filter_all {

    width: 45.5px !important;
    background-position: 0 -63.5px !important;
}

body.season3 #container.Lobby #filter_waiting {

    width: 46px !important;
    background-position: -47.5px -63.5px !important;
}

/* eliminar los textos artificiales ALL / WAIT */
body.season3 #container.Lobby #filter_all::after,
body.season3 #container.Lobby #filter_waiting::after {
    content: none !important;
    display: none !important;
}

/* comportamiento clásico de selección */
body.season3 #container.Lobby #filter_all.selectedFilter,
body.season3 #container.Lobby #filter_waiting.selectedFilter {
    background-image: url("/static/images/themes/DragonBall/clasico/stuff_HD.webp?7#png") !important;
    box-shadow: none !important;
    border: 0 !important;
    filter: drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow) !important;
}

body.season3 #container.Lobby #filter_all.light_button:hover,
body.season3 #container.Lobby #filter_waiting.light_button:hover {
    filter: brightness(1.15) !important;
}

body.season3 #container.Lobby #filter_all.selectedFilter.light_button:hover,
body.season3 #container.Lobby #filter_waiting.selectedFilter.light_button:hover {
    filter: brightness(1.15) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow) !important;
}


body.season3 #container.Lobby #filter_normal,
body.season3 #container.Lobby #filter_boss,
body.season3 #container.Lobby #filter_score,
body.season3 #container.Lobby #filter_tag,
body.season3 #container.Lobby #filter_jewel,
body.season3 #container.Lobby #filter_same {
    display: block !important;
    position: absolute !important;

    height: 41px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
    overflow: visible !important;
    cursor: pointer !important;
    z-index: 14 !important;

    /* mismo stuff que usa el tema normal */
    background-image: url("/static/images/themes/DragonBall/clasico/stuff_HD.webp?7#png") !important;
    background-repeat: no-repeat !important;
    background-size: 1000px 1500px !important;
}

/* posiciones dentro del footer de Season 3 */
body.season3 #container.Lobby #filter_normal {  width: 43px !important; }
body.season3 #container.Lobby #filter_boss   {  width: 44px !important; }
body.season3 #container.Lobby #filter_score  {  width: 43px !important; }
body.season3 #container.Lobby #filter_tag    {  width: 43px !important; }
body.season3 #container.Lobby #filter_jewel  {  width: 43px !important; }
body.season3 #container.Lobby #filter_same   {  width: 43px !important; }

/* sprites reales ClassicHD */
body.season3 #container.Lobby #filter_normal {
    background-position: -166.5px -63.5px !important;
    filter: none !important;
}

body.season3 #container.Lobby #filter_boss {
    background-position: -211.5px -63.5px !important;
    filter: none !important;
}

body.season3 #container.Lobby #filter_score {
    background-position: -302.5px -63.5px !important;
    filter: none !important;
}

body.season3 #container.Lobby #filter_tag {
    background-position: -257.5px -63.5px !important;
    filter: hue-rotate(340deg) saturate(2.2) !important;
}

body.season3 #container.Lobby #filter_jewel {
    background-position: -257.5px -63.5px !important;
    filter: hue-rotate(280deg) !important;
}


body.season3 #container.Lobby #filter_same {
    background-position: -257.5px -63.5px !important;
    filter: hue-rotate(180deg) saturate(2.2) brightness(1.05) !important;
}


body.season3 #container.Lobby #filter_normal::after,
body.season3 #container.Lobby #filter_boss::after,
body.season3 #container.Lobby #filter_score::after,
body.season3 #container.Lobby #filter_tag::after,
body.season3 #container.Lobby #filter_jewel::after,
body.season3 #container.Lobby #filter_same::after {
    content: none !important;
    display: none !important;
}

/* Hover clásico */
body.season3 #container.Lobby #filter_normal.light_button:hover,
body.season3 #container.Lobby #filter_boss.light_button:hover,
body.season3 #container.Lobby #filter_score.light_button:hover {
    filter: brightness(1.3) !important;
}

body.season3 #container.Lobby #filter_tag.light_button:hover {
    filter: brightness(1.3) hue-rotate(340deg) saturate(2.2) !important;
}

body.season3 #container.Lobby #filter_jewel.light_button:hover {
    filter: brightness(1.3) hue-rotate(280deg) !important;
}

body.season3 #container.Lobby #filter_same.light_button:hover {
    filter: brightness(1.3) hue-rotate(180deg) saturate(2.2) !important;
}

/* Selección clásica: glow amarillo */
body.season3 #container.Lobby #filter_normal.selectedFilter,
body.season3 #container.Lobby #filter_boss.selectedFilter,
body.season3 #container.Lobby #filter_score.selectedFilter {
    filter: drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow) !important;
}

body.season3 #container.Lobby #filter_tag.selectedFilter {
    filter: hue-rotate(340deg) saturate(2.2)
            drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow) !important;
}

body.season3 #container.Lobby #filter_jewel.selectedFilter {
    filter: hue-rotate(280deg)
            drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow) !important;
}

body.season3 #container.Lobby #filter_same.selectedFilter {
    filter: hue-rotate(180deg) saturate(2.2) brightness(1.05)
            drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow) !important;
}

/* Seleccionado + hover */
body.season3 #container.Lobby #filter_normal.selectedFilter.light_button:hover,
body.season3 #container.Lobby #filter_boss.selectedFilter.light_button:hover,
body.season3 #container.Lobby #filter_score.selectedFilter.light_button:hover {
    filter: brightness(1.3)
            drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow) !important;
}

body.season3 #container.Lobby #filter_tag.selectedFilter.light_button:hover {
    filter: brightness(1.3) hue-rotate(340deg) saturate(2.2)
            drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow) !important;
}

body.season3 #container.Lobby #filter_jewel.selectedFilter.light_button:hover {
    filter: brightness(1.3) hue-rotate(280deg)
            drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow) !important;
}

body.season3 #container.Lobby #filter_same.selectedFilter.light_button:hover {
    filter: brightness(1.3) hue-rotate(180deg) saturate(2.2)
            drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow) !important;
}

body.season3 #container.Lobby #filter_normal,
body.season3 #container.Lobby #filter_boss,
body.season3 #container.Lobby #filter_score,
body.season3 #container.Lobby #filter_tag,
body.season3 #container.Lobby #filter_jewel,
body.season3 #container.Lobby #filter_same {
    top: 337px !important;
    transform: scale(.82) !important;
    transform-origin: center bottom !important;
}

body.season3 #container.Lobby {
    width: 800px !important;
    height: 600px !important;
}
body.season3 #container.Lobby #channelScreen {
    width: 800px !important;
    height: 600px !important;
    transform: none !important;
    -webkit-transform: none !important;
    transform-origin: 0 0 !important;
    -webkit-transform-origin: 0 0 !important;
    background-size: 800px 600px !important;
    background-position: 0 0 !important;
    overflow: visible !important;
}
body.season3 #container.Lobby > .AlertBoxBackground,
body.season3 #container.Lobby #channelScreen > .AlertBoxBackground {
    width: 800px !important;
    height: 600px !important;
}

/* Cabecera */
body.season3 #container.Lobby #filter_all { left: 16px !important; }
body.season3 #container.Lobby #filter_waiting { left: 67px !important; }
body.season3 #container.Lobby #buttonQuickJoin { left: 285px !important; }
body.season3 #container.Lobby #buttonCreateRoom { left: 355px !important; }
body.season3 #container.Lobby #buttonMyInfo { left: 425px !important; }
body.season3 #container.Lobby #buttonJoin { left: 495px !important; }
body.season3 #container.Lobby #s3MvpLabel { left: 580px !important; }

/* Lista de salas */

body.season3 .powerUserRoom2::before {
	content: "";
    position: absolute;
    width: 22px;
    height: 18px;
    background-image: url(/static/images/season2/gamelist_cafe.png);
    background-position: 0 -30px;
    left: 250px;
    top: 7px;
    z-index: 100;
}

body.season3 #container.Lobby .roomTitle { left: 97px !important; width: 217px !important; }
body.season3 #container.Lobby .roomLock { left: 307px !important; }
body.season3 #container.Lobby .allowWatch { left: 344px !important; }
body.season3 #container.Lobby .numPlayers { left: 380px !important; }
body.season3 #container.Lobby .numPlayers-slash { left: 400px !important; }
body.season3 #container.Lobby .maxPlayers { left: 410px !important; }
body.season3 #container.Lobby .roomMap { left: 447px !important; }
body.season3 #container.Lobby .gameMode { left: 460px !important; }
body.season3 #container.Lobby .gameMode.s3LobbyModeText { left: 460px !important; width: 60px !important; }

/* Filtros inferiores */
body.season3 #container.Lobby #filter_normal { left: 345px !important; }
body.season3 #container.Lobby #filter_boss { left: 380px !important; }
body.season3 #container.Lobby #filter_score { left: 415px !important; }
body.season3 #container.Lobby #filter_tag { left: 450px !important; }
body.season3 #container.Lobby #filter_jewel { left: 485px !important; }
body.season3 #container.Lobby #filter_same { left: 520px !important; }
body.season3 #container.Lobby .room__list-color { left: 92px !important; }
body.season3 #container.Lobby #lobbyBcm { left: 138px !important; }
body.season3 #container.Lobby .room__list-nobugle { left: 177px !important; }
body.season3 #container.Lobby #lobbyEventBadges { left: 208px !important; }

/* Chat */
body.season3 #container.Lobby #channel { left: 20px !important; width: 518px !important; }
body.season3 #container.Lobby #channel .viewport { width: 443px !important; }
body.season3 #container.Lobby #channel .overview { width: 425px !important; max-width: 425px !important; }
body.season3 #container.Lobby #channel .scrollbar { left: 522px !important; }
body.season3 #container.Lobby #lobby_channel { left: 35px !important; }
body.season3 #container.Lobby #channelInput { left: 120px !important; width: 410px !important; }

/* Panel derecho */
body.season3 #container.Lobby #myPhotoDiv { left: 583px !important; }
body.season3 #container.Lobby #myGFPhotoDiv { left: 758px !important; }
body.season3 #container.Lobby #myGFStatus,
body.season3 #container.Lobby #myGFName { left: 684px !important; }
body.season3 #container.Lobby #channel_player { left: 680px !important; }
body.season3 #container.Lobby #myPowerUser { left: 615px !important; width: 176px !important; }
body.season3 #container.Lobby #myName2 { left: 650px !important; }
body.season3 #container.Lobby #myRank2,
body.season3 #container.Lobby #mySeasonRank,
body.season3 #container.Lobby #myRankEffect { left: 761px !important; }
body.season3 #container.Lobby #mySeasonTitle { left: 650px !important; width: 92px !important; }
body.season3 #container.Lobby #myCash2,
body.season3 #container.Lobby #myGold2 { left: 610px !important; }
body.season3 #container.Lobby #buttonCharge2 { left: 712px !important; }
body.season3 #container.Lobby #playersList,
body.season3 #container.Lobby #friendsList,
body.season3 #container.Lobby #guildMembersList { left: 580px !important; }
body.season3 #container.Lobby #s3ChannelFooter { left: 587px !important; }

body.season3 #container.Lobby .room__list-Downmenu {
    width: 800px !important;
    transform: none !important;
    -webkit-transform: none !important;
    transform-origin: left top !important;
    -webkit-transform-origin: left top !important;
}
body.season3 #container.Lobby #s3BottomMenu { left: 7px !important; }
body.season3 #container.Lobby #buttonShop { left: 135px !important; }
body.season3 #container.Lobby #event_button { left: 268px !important; }
body.season3 #container.Lobby #MissionsBtnLobby { left: 448px !important; }
body.season3 #container.Lobby #buttonRadar { left: 485px !important; }
body.season3 #container.Lobby #buttonOptions { left: 640px !important; }
body.season3 #container.Lobby #buttonChannels { left: 717px !important; }

body.season3 #footballEventButton{
	display: none !important;
}

body.season3 #container.Lobby #dialogCreateRoom { left: 230px !important; }
body.season3 #container.Lobby #dialog_join_room_div > .AlertBox { left: 292px !important; }

body.season3 #itemsSelection.InRoom #itemDualP.grayscale,
body.season3 #itemsSelection.InRoom #itemTeleport.grayscale,
body.season3 #itemsSelection.InRoom #itemSlot0.grayscale,
body.season3 #itemsSelection.InRoom #itemSlot2.grayscale,
body.season3 #itemsSelection.InRoom #itemSlot4.grayscale {
    -webkit-filter: grayscale(100%) brightness(.85) !important;
    filter: grayscale(100%) brightness(.85) !important;
    opacity: .9 !important;
}

body.season3 #container.Lobby #buttonShop,
body.season3 #container.Lobby #event_button,
body.season3 #container.Lobby #buttonOptions,
body.season3 #container.Lobby #buttonChannels {
    position: absolute !important;
    background-image: url(/static/images/themes/season3/iconos_mejorados.png) !important;
    background-repeat: no-repeat !important;
    background-size: 2413px 1191px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    
    filter: none !important;
    transform: none !important;
    -webkit-transform: none !important;
}

body.season3 #container.Lobby #buttonShop > .Alt,
body.season3 #container.Lobby #event_button > .Alt,
body.season3 #container.Lobby #buttonOptions > .Alt,
body.season3 #container.Lobby #buttonChannels > .Alt {
    display: none !important;
}

body.season3 #container.Lobby #buttonShop {
    top: 554px !important;
    width: 52px !important;
    height: 46px !important;
    background-position: -1263px -1px !important;
}
body.season3 #container.Lobby #buttonShop:hover {
    background-position: -1263px -1px !important;
    filter: brightness(1.12) !important;
}
body.season3 #container.Lobby #buttonShop:active {
    background-position: -1263px -1px !important;
    filter: brightness(.92) !important;
    transform: translateY(1px) !important;
}

body.season3 #container.Lobby #event_button {
    top: 556px !important;
    width: 48px !important;
    height: 44px !important;
    background-position: -1353px -1px !important;
}
body.season3 #container.Lobby #event_button:hover {
    background-position: -1353px -1px !important;
    filter: brightness(1.12) !important;
}
body.season3 #container.Lobby #event_button:active {
    background-position: -1353px -1px !important;
    filter: brightness(.92) !important;
    transform: translateY(1px) !important;
}

body.season3 #container.Lobby #buttonOptions {
    top: 558px !important;
    width: 40px !important;
    height: 40px !important;
    background-position: -1787px -3px !important;
}
body.season3 #container.Lobby #buttonOptions:hover {
    background-position: -1787px -3px !important;
    filter: brightness(1.12) !important;
}
body.season3 #container.Lobby #buttonOptions:active {
    background-position: -1787px -3px !important;
    filter: brightness(.92) !important;
    transform: translateY(1px) !important;
}

body.season3 #container.Lobby #buttonChannels {
    top: 559px !important;
    width: 49px !important;
    height: 38px !important;
    background-position: -1830px -7px !important;
}
body.season3 #container.Lobby #buttonChannels:hover {
    background-position: -1830px -7px !important;
    filter: brightness(1.12) !important;
}
body.season3 #container.Lobby #buttonChannels:active {
    background-position: -1830px -7px !important;
    filter: brightness(.92) !important;
    transform: translateY(1px) !important;
}

body.season3 #container.Lobby #buttonRoomsListUp,
body.season3 #container.Lobby #buttonRoomsListDown {
    position: absolute !important;
    top: 346px !important;
    width: 27px !important;
    height: 30px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-image: url(/static/images/themes/season3/iconos_mejorados.png) !important;
    background-repeat: no-repeat !important;
    background-size: 2413px 1191px !important;
    overflow: hidden !important;
    box-shadow: none !important;
    filter: none !important;
    transform: scale(.88) !important;
    -webkit-transform: scale(.88) !important;
    transform-origin: center center !important;
    -webkit-transform-origin: center center !important;
    z-index: 12 !important;
}

body.season3 #container.Lobby #buttonRoomsListUp > .Alt,
body.season3 #container.Lobby #buttonRoomsListDown > .Alt {
    display: none !important;
}

body.season3 #container.Lobby #buttonRoomsListUp {
    background-position: -1273px -52px !important;
}
body.season3 #container.Lobby #buttonRoomsListUp:hover {
    background-position: -1273px -52px !important;
    filter: brightness(1.12) !important;
}
body.season3 #container.Lobby #buttonRoomsListUp:active {
    background-position: -1273px -52px !important;
    filter: brightness(.92) !important;
    transform: scale(.88) translateY(1px) !important;
}

body.season3 #container.Lobby #buttonRoomsListDown {
    background-position: -1313px -52px !important;
}
body.season3 #container.Lobby #buttonRoomsListDown:hover {
    background-position: -1313px -52px !important;
    filter: brightness(1.12) !important;
}
body.season3 #container.Lobby #buttonRoomsListDown:active {
    background-position: -1313px -52px !important;
    filter: brightness(.92) !important;
    transform: scale(.88) translateY(1px) !important;
}

body.season3 #container.Lobby #buttonRoomsListUp {
    left: 239px !important;
}
body.season3 #container.Lobby #roomsPage {
    left: 265px !important;
}
body.season3 #container.Lobby #buttonRoomsListDown {
    left: 291px !important;
}

body.season3 #container.Lobby #buttonAllBuddyList1,
body.season3 #container.Lobby #buttonAllBuddyList2,
body.season3 #container.Lobby #buttonAllBuddyList3 {
    position: absolute !important;
    top: 305px !important;
    height: 27px !important;
    background-image: url(/static/images/themes/season3/iconos_mejorados.png) !important;
    background-repeat: no-repeat !important;
    background-size: 2413px 1196px !important;
    transform: none !important;
    -webkit-transform: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    outline: 0 !important;
    -webkit-filter: none !important;
    filter: none !important;
    z-index: 16 !important;
}

body.season3 #container.Lobby #buttonAllBuddyList1::after,
body.season3 #container.Lobby #buttonAllBuddyList2::after,
body.season3 #container.Lobby #buttonAllBuddyList3::after {
    content: none !important;
    display: none !important;
}

/* Estado ALL: fila 1 del stuff. */
body.season3 #container.Lobby #buttonAllBuddyList1 {
    left: 582px !important;
    width: 72px !important;
    background-position: 0 -919px !important;
}
body.season3 #container.Lobby #buttonAllBuddyList2 {
    left: 654px !important;
    width: 72px !important;
    background-position: -72px -919px !important;
}
body.season3 #container.Lobby #buttonAllBuddyList3 {
    left: 726px !important;
    width: 71px !important;
    background-position: -144px -919px !important;
}

/* Estado FRIENDS: fila 2 del stuff. */
body.season3 #container.Lobby #buttonAllBuddyList1.BuddyList {
    width: 72px !important;
    background-position: 0 -946px !important;
}
body.season3 #container.Lobby #buttonAllBuddyList2.BuddyList {
    left: 654px !important;
    width: 72px !important;
    background-position: -72px -946px !important;
}
body.season3 #container.Lobby #buttonAllBuddyList3.BuddyList {
    left: 726px !important;
    width: 71px !important;
    background-position: -144px -946px !important;
}

body.season3 #container.Lobby #buttonAllBuddyList1.Guild {
    width: 72px !important;
    background-position: 0 -973px !important;
}
body.season3 #container.Lobby #buttonAllBuddyList2.Guild,
body.season3 #container.Lobby #buttonAllBuddyList2.buttonAllBuddyList2.Guild,
body.season3 #container.Lobby #buttonAllBuddyList2.room_item_buddy_tab2.Guild {
    left: 654px !important;
    width: 72px !important;
    background-position: -72px -973px !important;
}
body.season3 #container.Lobby #buttonAllBuddyList3.Guild {
    left: 726px !important;
    width: 71px !important;
    background-position: -144px -973px !important;
}

body.season3 #container.Lobby #buttonAllBuddyList1:hover,
body.season3 #container.Lobby #buttonAllBuddyList2:hover,
body.season3 #container.Lobby #buttonAllBuddyList3:hover,
body.season3 #container.Lobby #buttonAllBuddyList1:active,
body.season3 #container.Lobby #buttonAllBuddyList2:active,
body.season3 #container.Lobby #buttonAllBuddyList3:active {
    -webkit-filter: none !important;
    filter: none !important;
    transform: none !important;
    -webkit-transform: none !important;
}


body.season3 #container.Shop #shopScreen.s3StoreView .s3CardDelete {
    display:none!important;
    pointer-events:none!important;
}
body.season3 #container.Shop #shopScreen.s3StoreView .s3CardBuy {
    left:49px!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView .s3InventoryDelete {
    position:absolute!important;
    left:49px!important;
    bottom:8px!important;
    width:34px!important;
    height:22px!important;
    z-index:22!important;
    background-image:url(/static/images/themes/season3/avatar_back2.png)!important;
    background-repeat:no-repeat!important;
    background-size:3276.8px 1804.8px!important;
    background-position:-177px -410px!important;
    cursor:pointer!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .10s ease!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView .s3InventoryCard:hover .s3InventoryDelete,
body.season3 #container.Shop #shopScreen.s3InventoryView .s3InventoryCard.selected .s3InventoryDelete,
body.season3 #container.Shop #shopScreen.s3InventoryView .s3InventoryCard:focus-within .s3InventoryDelete {
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView .s3InventoryDelete:hover {
    background-position:-177px -431px!important;
}
body.season3 #container.Shop #shopScreen.s3InventoryView .s3InventoryDelete:active {
    background-position:-177px -452px!important;
}


#LoginWindow {
    width: 780px !important;
    height: 580px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border: 2px solid rgba(255,255,255,.92) !important;
    border-radius: 3px !important;
    background:
        linear-gradient(180deg,#ff9a20 0,#ef5a00 52%,#e84a00 100%) 14px 12px / calc(100% - 28px) 30px no-repeat,
        linear-gradient(180deg,#ff6a00 0,#f35800 52%,#df4300 100%) !important;
    box-shadow:
        0 14px 36px rgba(0,0,0,.72),
        inset 0 0 0 1px rgba(121,43,0,.34),
        inset 0 1px 0 rgba(255,255,255,.45) !important;
    color: #fff !important;
    font-family: Arial, Verdana, sans-serif !important;
}

#LoginWindow::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 54px;
    width: 740px;
    height: 286px;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 0;
    border: 2px solid rgba(255,255,255,.96);
    background:
        radial-gradient(circle at 50% 72%,rgba(255,255,255,.96) 0 4%,rgba(126,231,255,.75) 5% 12%,transparent 26%),
        radial-gradient(circle at 22% 26%,rgba(255,255,255,.58),transparent 23%),
        radial-gradient(circle at 76% 18%,rgba(255,178,255,.54),transparent 25%),
        linear-gradient(145deg,#0f74c8 0%,#5324aa 37%,#d229ac 55%,#35c9ee 78%,#1457b7 100%);
    box-shadow:
        inset 0 0 38px rgba(0,0,70,.58),
        inset 0 0 0 1px rgba(59,78,132,.42),
        0 1px 0 rgba(118,38,0,.55);
}


#LoginWindow::after {
    content: "GBLATINO";
    position: absolute;
    left: 0;
    top: 139px;
    width: 100%;
    pointer-events: none;
    z-index: 1;
    color: #fff36b;
    font: 900 50px/1 Arial Black, Impact, sans-serif;
    letter-spacing: -3px;
    text-align: center;
    text-shadow:
        -3px 0 0 #17264f,
        3px 0 0 #17264f,
        0 -3px 0 #17264f,
        0 3px 0 #17264f,
        0 7px 0 #12913c,
        0 10px 10px rgba(0,0,0,.55);
}

#LoginWindow > * {
    z-index: 2;
}

/* Cabeceras de las dos zonas inferiores. */
#LoginWindow #loginTitle,
#LoginWindow #registerTitle {
    top: 354px !important;
    height: 29px !important;
    box-sizing: border-box !important;
    color: #fff !important;
    font: 700 20px/27px Arial, sans-serif !important;
    text-align: center !important;
    text-shadow: 0 2px 2px rgba(92,25,0,.92) !important;
}

#LoginWindow #loginTitle {
    left: 28px !important;
    width: 342px !important;
}

#LoginWindow #registerTitle {
    left: 397px !important;
    width: 350px !important;
}

/* Separador central de la zona de formularios. */
#LoginWindow #registerTitle::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 31px;
    width: 1px;
    height: 176px;
    background: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.92),rgba(120,38,0,.4));
    box-shadow: 1px 0 0 rgba(125,36,0,.45);
    pointer-events: none;
}

/* Acceso con Google, separador y formulario de ingreso. */
#LoginWindow #ConnectWithGoogle {
    left: 76px !important;
    top: 393px !important;
    width: 246px !important;
    height: 40px !important;
    border: 1px solid rgba(122,48,5,.48) !important;
    border-radius: 3px !important;
    box-shadow: 0 1px 2px rgba(75,25,0,.38) !important;
    overflow: hidden !important;
}

#LoginWindow #LoginOR1 {
    left: 75px !important;
    top: 437px !important;
    width: 248px !important;
    color: #fff7df !important;
    font: 700 16px/20px Arial, sans-serif !important;
    text-shadow: 0 1px 1px rgba(90,26,0,.9) !important;
}

#LoginWindow #LoginPart {
    left: 49px !important;
    top: 461px !important;
    width: 310px !important;
}

/* Registro a la derecha. */
#LoginWindow #RegisterPart {
    left: 415px !important;
    top: 388px !important;
    width: 318px !important;
}

/* Inputs tipo launcher antiguo: blancos, rectos y con relieve discreto. */
#LoginWindow .inputField,
#LoginWindow #LoginUsername,
#LoginWindow #LoginPass,
#LoginWindow #name,
#LoginWindow #password,
#LoginWindow .RegisterSelect {
    box-sizing: border-box !important;
    border: 1px solid #8b4a21 !important;
    border-top-color: #6d3518 !important;
    border-radius: 2px !important;
    background: linear-gradient(180deg,#fff 0,#fff8ee 100%) !important;
    color: #3d3028 !important;
    box-shadow:
        inset 0 1px 2px rgba(0,0,0,.16),
        0 1px 0 rgba(255,255,255,.42) !important;
    outline: 0 !important;
}

#LoginWindow .inputField:focus,
#LoginWindow #LoginUsername:focus,
#LoginWindow #LoginPass:focus,
#LoginWindow #name:focus,
#LoginWindow #password:focus {
    border-color: #ffd071 !important;
    box-shadow:
        inset 0 1px 2px rgba(0,0,0,.14),
        0 0 0 2px rgba(255,211,102,.34) !important;
}

#LoginWindow #LoginUsername {
    width: 260px !important;
}

#LoginWindow #LoginPass {
    width: 184px !important;
}

#LoginWindow #name,
#LoginWindow #password {
    width: 286px !important;
}


#LoginWindow .blueBtn,
#LoginWindow .registerButton,
#LoginWindow .yellowBtn {
    border: 1px solid #a63b18 !important;
    border-radius: 3px !important;
    background: linear-gradient(180deg,#ffb162 0%,#ff7138 45%,#dc3d20 100%) !important;
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(76,20,0,.95) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.65),
        inset 0 -1px 0 rgba(123,25,0,.34),
        0 1px 2px rgba(82,22,0,.42) !important;
}

#LoginWindow .blueBtn:hover,
#LoginWindow .registerButton:hover,
#LoginWindow .yellowBtn:hover {
    background: linear-gradient(180deg,#ffc47b 0%,#ff8044 45%,#e64a27 100%) !important;
    filter: brightness(1.04) !important;
}

#LoginWindow .blueBtn:active,
#LoginWindow .registerButton:active,
#LoginWindow .yellowBtn:active {
    background: linear-gradient(180deg,#d83c20 0%,#ef5b2d 58%,#ff9c56 100%) !important;
    transform: translateY(1px) !important;
}

/* Links inferiores más acordes al estilo naranja. */
#LoginWindow .resetPass a,
#LoginWindow a {
    color: #fff4d6 !important;
    text-shadow: 0 1px 1px rgba(100,28,0,.85) !important;
}

#LoginWindow .resetPass a:hover,
#LoginWindow a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}


#LoginWindow #LoginMute,
#LoginWindow #LoginLang {
    left: 17px !important;
    width: 27px !important;
    height: 25px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(110,35,0,.8) !important;
    border-radius: 2px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55),0 1px 2px rgba(76,22,0,.36) !important;
}

#LoginWindow #LoginMute {
    top: 393px !important;
    background-color: #ffd451 !important;
}

#LoginWindow #LoginLang {
    top: 424px !important;
    padding-top: 4px !important;
    background: linear-gradient(180deg,#ff8b43,#cf3b22) !important;
    color: #fff !important;
    font-weight: 700 !important;
}

#LoginWindowBG {
    background: rgba(0,0,0,.62) !important;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
}

#LoginWindow.InFacebookCanvas {
    width: 350px !important;
    height: 200px !important;
    margin-left: -184px !important;
    border-radius: 10px !important;
}
#LoginWindow.InFacebookCanvas::before,
#LoginWindow.InFacebookCanvas::after {
    display: none !important;
}


#LoginWindow:not(.InFacebookCanvas) {
    position: absolute !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    transform-origin: 0 0 !important;
    -webkit-transform-origin: 0 0 !important;
}

#LoginWindow.InFacebookCanvas {
    margin-left: 0 !important;
    margin-top: 0 !important;
}


#season3GameStartPreview {
    display: none;
}

body.season3 #season3GameStartPreview {
    position: absolute;
    left: 0;
    top: 420px;
    width: 800px;
    height: 180px;
    z-index: 100000;
    overflow: hidden;
    pointer-events: none;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    background: transparent;
    border-radius: 8px;
}


body.season3 #season3GameStartPreview.s3GameStartVisible {
    display: block;
    opacity: 1;
}

body.season3 #season3GameStartPreview.s3GameStartClosing {
    opacity: 0;
    transition: opacity .28s ease-out;
}

body.season3 #season3GameStartPreview .season3GameStartBackdrop,
body.season3 #season3GameStartTitle,
body.season3 #season3GameStartSubtitle,
body.season3 #season3GameStartMapName,
body.season3 #season3GameStartLegend,
body.season3 #season3GameStartWait {
    display: none !important;
}

body.season3 #season3GameStartPreview .season3GameStartPanel {
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
}

body.season3 #season3GameStartMapFrame {
    position: absolute;
    left: 10px;
    top: 7px;
    width: 780px;
    height: 173px;
    overflow: hidden;
    box-sizing: border-box;
    border: 0;
    border-radius: 7px;
    margin: 0;
    background: #102d48;
    box-shadow: none;
    transition: none;
}

body.season3 #season3GameStartMapSprite {
    position: absolute;
    left: 0 !important;
    top: 0 !important;
    width: 780px !important;
    height: 173px !important;
    overflow: hidden;
    background: #123f67;
    image-rendering: auto;
    z-index: 1;
}

body.season3 #season3GameStartMapSprite .season3GameStartMapBg {
    position: absolute;
    inset: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

body.season3 #season3GameStartMapSprite .season3GameStartGround {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
    transition: opacity .12s linear;
}

body.season3 #season3GameStartMapSprite img.season3GameStartGround {
    pointer-events: none;
}

body.season3 #season3GameStartMapFrame:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 28px;
    pointer-events: none;
    border-radius: 0 0 7px 7px;
    background: linear-gradient(180deg, transparent, rgba(6,25,48,.42));
    z-index: 2;
}

body.season3 #season3GameStartMarkers {
    position: absolute;
    left: 0 !important;
    top: 0 !important;
    width: 780px !important;
    height: 173px !important;
    z-index: 4;
    pointer-events: none;
}

body.season3 .season3GameStartMarker {
    position: absolute;
    width: 0;
    height: 0;
    z-index: 5;
}

body.season3 .season3GameStartMarkerPin {
    position: absolute;
    left: -4px;
    top: -4px;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,.95);
    border-radius: 1px;
    box-shadow: 0 0 0 1px rgba(8,40,78,.62), 0 1px 3px rgba(0,0,0,.72);
}

body.season3 .season3GameStartMarkerA .season3GameStartMarkerPin {
    background: #ff8d64;
}

body.season3 .season3GameStartMarkerB .season3GameStartMarkerPin {
    background: #6ab6ff;
}

body.season3 .season3GameStartMarkerFFA .season3GameStartMarkerPin {
    background: #b787ff;
}

body.season3 .season3GameStartMarkerMe .season3GameStartMarkerPin {
    left: -6px;
    top: -6px;
    width: 12px;
    height: 12px;
    border-width: 2px;
    border-color: #ffe86a;
    background: #ffd84a;
    box-shadow: 0 0 0 1px rgba(40,26,0,.74), 0 0 7px rgba(255,235,114,.72);
}

body.season3 .season3GameStartMarkerMe .season3GameStartMarkerPin:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-left: -11px;
    margin-top: -11px;
    border: 2px solid rgba(255,232,106,.95);
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(255,240,130,.68);
    animation: season3GameStartMePulse .95s ease-out infinite;
}

body.season3 .season3GameStartMarkerName {
    position: absolute;
    left: 0;
    bottom: 5px;
    transform: translateX(-50%);
    width: auto;
    max-width: 121px;
    height: 15px;
    padding: 0;
    margin: 0;
    overflow: visible;
    box-sizing: border-box;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #ffca41;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    white-space: nowrap;
    text-overflow: clip;
    text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000;
}


body.season3 .season3GameStartMarkerA .season3GameStartMarkerName {
    color: #f7a539;
}

body.season3 .season3GameStartMarkerB .season3GameStartMarkerName {
    color: #8cb5de;
}

body.season3 .season3GameStartMarkerFFA .season3GameStartMarkerName {
    color: #ff6b6b;
}

body.season3 .season3GameStartMarkerMe .season3GameStartMarkerName {
    color: #ffca41;
}


body.season3 .season3GameStartMarker.s3MarkerLabelLevel1 .season3GameStartMarkerName,
body.season3 .season3GameStartMarker.s3MarkerLabelLevel2 .season3GameStartMarkerName,
body.season3 .season3GameStartMarker.s3MarkerLabelBelow .season3GameStartMarkerName {
    bottom: 5px !important;
    top: auto !important;
}

body.season3 #season3GameStartCountdown {
    position: absolute;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    z-index: 60;
    min-width: 20px;
    color: #fff;
    font-family: Arial Black, Impact, sans-serif;
    font-size: 24px;
    font-weight: 900;
    line-height: 24px;
    text-shadow: 0 2px 0 #14385d, 0 0 5px rgba(0,0,0,.65);
}

body.season3 #season3GameStartProgress {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 4px;
    height: 8px;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 55;
    border: 1px solid rgba(255,255,255,.78);
    border-radius: 4px;
    background: rgba(8,28,49,.42);
    box-shadow: 0 0 0 1px rgba(0,0,0,.18), inset 0 1px 2px rgba(0,0,0,.35);
}

body.season3 #season3GameStartProgress > i {
    display: block;
    width: 0;
    height: 100%;
    background: linear-gradient(180deg, #fff1a4, #f6bf2e);
    box-shadow: 0 0 4px rgba(255,224,91,.66);
}

body.season3 #season3GameStartProgress > i.s3GameStartProgressRun {
    animation-name: season3GameStartProgressFill;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

@keyframes season3GameStartMePulse {
    0% { transform: scale(.42); opacity: 1; }
    100% { transform: scale(1.35); opacity: 0; }
}

@keyframes season3GameStartProgressFill {
    from { width: 0; }
    to { width: 100%; }
}

body.season3 #season3GameStartPreview {
    left: 0 !important;
    top: 0 !important;
    width: 800px !important;
    height: 600px !important;
    border-radius: 0 !important;
    background: #cfd9e6 !important;
    overflow: hidden !important;
}


body.season3 #season3GameStartPreview .season3GameStartBackdrop {
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 796px;
    height: 445px;
    margin: 2px;
    z-index: 0;
    pointer-events: none;
    background-image: url(/static/images/themes/season3/redi.png) !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
    background-color: #18b9f2;
}

body.season3 #season3GameStartPreview .season3GameStartPanel {
    z-index: 1;
}

body.season3 #season3GameStartPreview .season3GameStartPanel:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 445px;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    background-image: url(/static/images/themes/season3/grapy.png) !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
}

body.season3 #season3GameStartMapFrame {
    left: 26px !important;
    top: 452px !important;
    width: 574px !important;
    height: 140px !important;
    margin: 0 !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.38) !important;
    background: #102d48 !important;
}

body.season3 #season3GameStartMapSprite,
body.season3 #season3GameStartMarkers {
    width: 574px !important;
    height: 140px !important;
}

body.season3 #season3GameStartMapFrame:after {
    height: 20px !important;
    border-radius: 0 !important;
}

body.season3 #season3GameStartCountdown {
    display: none !important;
}

body.season3 #season3GameStartProgress {
    left: 100px !important;
    right: 35px !important;
    top: 48px !important;
    bottom: auto !important;
    height: 7px !important;
    z-index: 65 !important;
}

body.season3 #season3GameStartParticipants {
    position: absolute;
    left: 615px;
    top: 454px;
    width: 172px;
    height: 136px;
    z-index: 70;
    box-sizing: border-box;
    padding: 2px 3px;
    overflow: hidden;
    pointer-events: none;
    font-family: Arial, Helvetica, sans-serif;
}

body.season3 #season3GameStartParticipants[aria-hidden="true"] {
    display: none;
}

body.season3 .season3GameStartParticipant {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 16px;
    min-height: 16px;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
}

body.season3 .season3GameStartParticipantRank {
    position: relative;
    flex: 0 0 25px;
    width: 25px !important;
    height: 15px !important;
    margin-right: 3px;
    transform: scale(.82);
    transform-origin: center center;
}

body.season3 .season3GameStartParticipantLabel {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 9px;
    line-height: 15px;
    color: #fff;
    text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000;
}

body.season3 .season3GameStartParticipantGuild {
    color: #ffd257;
    font-weight: 700;
    text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000;
}

body.season3 .season3GameStartParticipantName {
    color: #fff;
    font-weight: 400;
}



body.season3 #season3GameStartMapFrame {
    border: 0 !important;
}

body.season3 #season3GameStartMapFrame::before {
    content: "";
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    border: 2px solid #000 !important;
    z-index: 100;
    pointer-events: none;
}

body.season3 #season3GameStartMapName {
    display: block !important;
    position: absolute;
    left: 140px;
    top: 456px;
    width: 574px;
    height: 18px;
    z-index: 72;
    overflow: hidden;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    letter-spacing: .2px;
    text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000;
    pointer-events: none;
}