html, body {
	/*If we push things like the announcement off screen,
	it can still be grabbed by VoiceOver. This prevents
	scrolling to it.*/
	margin: 0;
	overflow: hidden;
}
svg {
    width: 100%;
    height: 100%;
	pointer-events: none;
}

ul {
    width: 90%;
    margin: 3.5rem auto 5.5rem auto;
    position: relative;
}

li {
    margin-bottom: 2.5rem;
    list-style-type: none;
    font-size: 4rem;
}

table .break {
    height: 1.5rem;
}

#screenReaderOnly {
    position: fixed;
    height: 1px;
    width: 1px;
    overflow: hidden;
    opacity: 0;
    user-select: none;
	z-index: -1000;
	top: 3000px;
	left: 3000px;
}

.small-desc-text {
    margin: 0 auto 3rem;
    font-size: 1.7rem;
}

* {
	user-select: none;
	-webkit-user-select: none;
}

button:hover, [role='button']:hover {
	transform: translateY(-5px);
}

*:focus {
	outline: solid 5px transparent;
}

.cursorNav *:focus {
	outline: solid 5px #ff3939;
}

#safeArea {
	overflow-y: scroll;
    scrollbar-width: none;
}

.section {
    position: relative;
    margin-top: -200px;
	height: 100%
}

.section h3 {
    margin: 0 0 1rem 0;
    font-size: 3rem;
}

.section h2 {
    font-size: 5rem;
}

.section hr {
    margin: 1.5rem 0 2rem 0;
}

.back-button {
    position: absolute !important;
    top: 23px !important;
    left: 5px !important;
    width: 100px !important;
    height: 144px !important;
    font-size: 5rem !important;
    background: none !important;
    border: none !important;
	padding: 20px;
/*    margin-left: 100px !important;*/
}

.flex-horizontal {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
}

.plus-button {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 80px !important;
    height: 80px !important;
    font-size: 5rem !important;
    background: none !important;
    border: none !important;
    margin-right: 100px !important;
}

.split-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto auto 3rem auto;
    padding: 0 3rem;
}

.split-container button {
    width: 50%;
    height: 100px;
    font-size: 3rem;
    background-color: #cacaca;
    border-radius: 10px;
}

.btn-blue, .highContrast .btn-blue {
    background-color: #2c75b9;
    color: #fff;
}

.btn-red, .highContrast .btn-red {
    background-color: #c75343;
    color: #fff;
}

.btn-orange {
	margin: 0;
    background-color: #FCE5CD;
    border: 1px solid #cfc2b5   
}

.plus {
    line-height: 0;
    font-size: 5.5rem;
    vertical-align: sub;
}

.modal-text {
	margin: 0.25rem 1rem 0.75rem;
    text-align: center;
}
#createGameOpponentInformation {
    font-weight: bold;
    text-shadow: 1px 1px black;
    font-size: large;
}
#createGameSubscriptionInformation {
    font-style: italic;
}

/************************************************************************************
* MENU
************************************************************************************/

#wordvoyanceMenuHeader {
	display: flex;
    position: relative;
    height: 144px;
    align-items: center;
    justify-content: space-between;
    user-select: none;
	margin-bottom: 32px;
	padding: 0px 5px;
}

#menuSpacer {
	background-color: transparent;
    color: black;
    border-radius: 20px;
    height: 100%;
    width: 100px;
    display: flex;
	position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#btn-account {
    height: 100%;
    width: 400px;
    display: flex;
	position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    background-color: #58458f;
	color: white;
    border-radius: 20px;
    padding: 10px;
}

#btn-account-welcome-message {
    font-size: 24px;
	pointer-events: none;
}

#btn-account-name-area {
    font-size: 36px;
	pointer-events: none;
}

#btn-account-status-area {
    font-size: 24px;
	pointer-events: none;
}

#gameLogoTextMenu {
    width: 400px;
    height: 144px;
    background-image: url('/wordvoyance/res/img/board-header-logo.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.dark #gameLogoTextMenu {
    background-image: url('/wordvoyance/res/img/inverted/board-header-logo.png');
}
.news-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	text-align: center;
/*    margin: 2rem 0 0 0;*/
	height: 104px;
}

#expiry-message {
	margin-top: 32px;
	margin-bottom: 32px;
}

#main-window.section {
    margin-top: 0;
    height: 82%;
	height: calc(100% - 196px);
}

#actionButtons {
    display: block;
	width: 90%;
    margin: auto;
	padding: 0;
}
.action-buttons button {
    display: flex;
	align-items: center;
	justify-content: center;
    margin: 2rem auto;
    width: 100%;
	height: 125px;
	box-shadow: 0 1px 5px rgb(0 0 0 / 25%);
    overflow: hidden;
}
.btn-container {
    position: relative;
}
.btn-suggested {
    background-color: #58458F;
    color: white;
    height: 160px !important;
}
.btn-suggested-type {
    position: absolute;
    top: 5px;
    font-size: 30px;
}
.btn-suggested-title {
    font-size: 42px;
}
.btn-suggested-explanation {
    position: absolute;
    bottom: 0;
    font-size: 33px;
    background-color: white;
    color: #58458F;
    width: 100%;
    height: 40px;
}
.btn-title {
    width: 200px;
	pointer-events: none;
}
.linkButton {
    display: block;
    background-color: white;
    width: 400px;
    margin: 0 auto;
    padding: 0.5em;
    border-radius: 15px;
    text-decoration: none;
    color: black;
}
.dark #safeAreaWrapper .linkButton {
    background-color: #29292A;
    color: white;
}
.highContrast #safeAreaWrapper .linkButton {
    background-color: black;
    color: white;
}
.dark.highContrast #safeAreaWrapper .linkButton {
    background-color: #D3D3D3;
    color: black;
}
#game-buttons {
	display: flex;
	gap: 3rem;
/*	margin-bottom: 3rem;*/
}
#suggestions {
    display: flex;
    gap: 3rem;
    margin-bottom: 4rem;
    height: 160px;
}
#game-buttons #btn-new-game, #game-buttons .btn-container {
	width: calc(50% - 1.5rem);
	height: 500px;
}
.suggestion-container {
	width: calc(50% - 1.5rem);
}
#game-buttons button {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: 0;
	border-radius: 20px;
}
#actionButtons #btn-load-game {
	height: 100%;
	font-size: 50px;
}
#actionButtons img {
	width: auto;
	height: 85px;
	margin-right: 1rem;
	pointer-events: none;
}
#game-buttons img {
	width: 55%;
	height: auto;
	margin: 0 0 2.5rem 0;
	pointer-events: none;
}

.badge {
    position: absolute;
    right: -30px;
    top: -20px;
    padding: 10px 20px;
    background-color: #ff3939;
    border-radius: 30px;
    color: white;
    z-index: 100;
}

.game-version {
    font-size: 30px;
    cursor: pointer;
}

#inactive-warning {
    font-size: 1.6rem;
    margin-top: 1rem;
}

.menu-bottom-links {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
	display: flex;
	gap: 1.5rem;
	align-items: center;
	width: 90%;
	margin: auto;
}
.menu-bottom-links button {
	flex-grow: 1;
}
.menu-bottom-links a {
	flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
	color: inherit;
	cursor: default;
	text-decoration: none;
}

/************************************************************************************
* LOGIN WINDOW
************************************************************************************/
.login-window {
    display: flex;
	flex-direction: column;
    max-height: 100vh;
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: auto;
    top: 0;
    left: 0;
    text-align: center;
/*    justify-content: center;*/
    align-items: center;
	background-color: #EFEFEF;
}

.login-window-content {
    display: flex;
    flex-direction: column;
/*    max-height: 100%;*/
/*    height: fit-content;*/
    background-color: #F3F3F3;
    margin: auto 2rem;
    width: 90%;
    padding: 1rem;
    border-radius: .5rem;
    max-width: 500px;
    filter: drop-shadow(0px 3px 6px rgba(0,0,0,0.25));
}

.login-window h3 {
    margin: 0.5rem 0 1.5rem 0;
    font-size: 1.5rem;
}

.login-window a {
    color: #2c75b9;
}

.login-window p {
    margin: 0.5rem auto;
    width: fit-content;
    padding: 5px;
}

.login-label {
	margin-bottom: 0.5rem;
}

.login-window button {
	display: block;
    height: 40px;
    width: 187px;
	margin: 0.5rem auto 0;
    font-size: inherit;
    border-radius: .5rem;
    cursor: pointer;
	background-color: #ffffff;
	border: 1px solid #e9e9e9;
}

.login-window .btn-blue {
	background-color: #2c75b9;
	color: #fff;
}

.login-window #error-message {
    color: #cb2f28;
    text-align: left;
}

input {
	caret-color: black;
	user-select: auto;
	-webkit-user-select: auto;
}

.login-window input {
    display: block;
    margin: auto auto 1rem;
    padding: .5rem;
    border-radius: .5rem;
    width: 250px;
    font-size: 1rem;
    border: 1px solid #e5e5e5;
}

.login-window #login-content, .login-window #create-account-content {
    margin: auto auto 0rem;
}

.login-window .or-divider {
	max-width: 377px;
    margin: 1.5rem auto 0.25rem auto;
    text-align: center;
    display: flex;
    align-items: center;
}
.login-window .or-divider::before {
    content: "";
    display: inline-block;
    border: 1px solid #d5d5d5;
    width: 100%;
    margin-right: 1rem;
}
.login-window .or-divider::after {
    content: "";
    display: inline-block;
    border: 1px solid #d5d5d5;
    width: 100%;
    margin-left: 1rem;
}
.login-window #login-option-set {
	margin: 0 auto 0.75rem auto;
}

.login-window .error-input {
    border: 7px solid #cb2f28;
}

.login-window .login-window-link {
	width: auto;
    background: none;
    border: none;
    color: #00519d;
    font-size: 1rem;
    text-decoration: underline;
}

#permanent-username-login-option-set {
	margin-top: 1.25rem;
}

#altLoginButtons2 {
	margin-top: 1.5rem;
}

/************************************************************************************
* NEW GAME
************************************************************************************/
#new-game-window li button, #bot-game-window li button {
    width: 100%;
    font-size: 50px;
    border-radius: 15px;
}
.btn-single-player-span {
    display: block;
    font-size: 28px;
}
#new-game-friend-ul li {
    margin-bottom: 1.5rem;
}

#in-queue-notice {
    margin: -3rem auto 2rem;
    text-align: justify;
    padding: 0 1rem;
}
#in-queue-notice::before {
    content: "NOTICE";
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 36px;
}
#new-game-locked a {
    text-decoration: none;
    padding: 1rem;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.free-game-notice {
    margin-bottom: 1em;
}

/************************************************************************************
* LOAD GAME
************************************************************************************/
#load-game-window button {
    border: none;
    background-color: none;
    width: 100%;
    height: 100%;
}

#load-game-window li {
    filter: none !important;
    position: relative;
	display: flex;
}

#load-game-window li button {
    padding: 1.5rem;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.25);
	display: flex;
	flex-direction: column;
}

.load-game-name-container {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-grow: 1;
	pointer-events: none;
}

.load-game-name-space { /* Space so name doesn't go past active game color marker */
	min-width: 70px;
}

.load-game-name {
    display: block;
    font-size: 68px;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-grow: 1;
    max-width: 650px;
/*    overflow: hidden;*/ /*Safari VoiceOver does NOT like this.*/
    text-align: left;
}

.time-ago {
    color: #101010;
    font-size: 2rem;
	white-space: nowrap;
}

.dark .time-ago {
    color: #efefef;
}

.load-game-score-header, .load-game-scores {
	display: flex;
	justify-content: space-between;
	font-size: 3rem;
	margin-top: 0.25rem;
	width: 100%;
	pointer-events: none;
}

.load-game-score-header span:first-child {
	color: #2c75b9;
}
.load-game-score-header span:last-child {
	color: #cc4842;
}

.game-type-free.active-player-you button {
	background: linear-gradient(135deg, rgba(44,117,185,1) 10%, rgba(255,255,255,1) 10%) !important;
}
.game-type-free.active-player-opponent button {
	background: linear-gradient(135deg, rgba(204,72,66,1) 10%, rgba(255,255,255,1) 10%) !important;
}
.game-type-pro.active-player-you button {
    background: linear-gradient(135deg, rgba(44,117,185,1) 10%, rgba(255,255,255,1) 10%);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAUVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////9jlXTzAAAAG3RSTlMAFUie/7I/2JAHx/BsdgLkIIIMNvm+VS3QqGC3ycOAAAADw0lEQVR4Ae2Y27ajIBBEVUuNYgQVr///obMac4wYnIzmEB6G/ZIVc6Hpri5aA48dPB6Px+PxeDwej8cTRlHocvkYAJLU2foZFm65k/XzAgBjAFA4qUMJ4F5VKQeQie+vX3GgpteGMpF9PwctIJuAaBKqwtd1cAe6HzVQBPG3A4ipAg9UFfpf0LVoh3+uZQKU6xvBAPahDIZ6lADAuno4FwDRA5g+Wj7BhrGvTpVgiQft9ZaqJXSK4yyIVAm+1nUnJFBcXV/1EeRURm0blTFX7+aD5ZOH+mdg3FyngBBdWj7tRwDs3qz5iFRAtXF9io6pogHYyq5hFNl5qlBlfwr1oDLy2eCVQh0+6ocMmPcpGC5EIGBaK48BlCb7Q9eustN0H7JLblRFZhejDcnUcJGTBB8iYM32wxtdOB8AJZsJUwSG69Mm2FDuajCALpylB9EddHp37D7q83EvkOTs+vSXtTRH3ozb5ZQ1dUCvCSLdnU8yP2v/DCyvD4x8kM+idmxewk21HXf7GqTneyAJ8sycO5LVbf0e7T3WzCbaew+nfjpFNShVtebTlDqLNavN8Caote9RRbJ8p9HzGZiWrXJTEW6rCnpJ3tjr5jDQxf2Qco5GIqMXboydElRsfEGItSbPi63WUmNwkg6FXk4dvhp+wylZXD/y8hHg4ungFwIYYvHT1LwxekG/cYw22TUaFWFs1gAunkdKb5yyaxr+b5uuK+77RFFY3erOn8ymvXGkiTYN2gKIX8K8b+6MJtLoZaa1p3RvGbc9Qd1YvXQK+Jwv6ZLXJ9MqZEBtaFPqkqcODWZHEYAnU6ZGhetQBeXwmoFMtz5DmWeGBdLjJ3TAuMtvChT6Zk1pFrEEkXx4ayDYi5fP+tjTZDDPamGZdHH08Q0vqUgYpn+978Fzcyt/TrU/YMkJo33XUa/ZYpDav1ctwHI9xm5JgSX2g2D8qnnBrKYgHzfWVwlpcMfebgq02aQzTkqTagRr3J4DYmlwpse5xUJ7Rch+Wr8/ukGMlOdaI33MJr08fPQUq5PTGstsUkINO0YaDoz2dKgGRFIaGw6zZLcIERQs/YtUbRYhjUFkwxupjpWd7Y9QFPk/+IUFZjyQw1vTTmwEoPY/tQlQVO9Me7TyCFhmtaC7wrd2O/Da2pP4x4AoAndUdBB1gUsEo2PfJXc1mzhkGRBdMqiHVy6prQ4eZwdEJyyG75Ll4ZVDlgHRJWpA/L+L0HDnRXDfCc7tKHNuR9J1EWrgFrgkL+hUdEnldDD5nYdgHo/H4/F4PB6Px+P5A9asKmUx1cKUAAAAAElFTkSuQmCC'), linear-gradient(135deg, rgba(44,117,185,1) 10%, rgba(255,255,255,1) 10%);
    background-size: 70px, 100%;
    background-position: 12px 12px, 0;
    background-repeat: no-repeat;
}
.game-type-guest.active-player-you button {
    background: linear-gradient(135deg, rgba(155,155,155,1) 10%, rgba(255,255,255,1) 10%);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAXVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+EHRzTAAAAH3RSTlMAkdAh9//JA3VZ8Lto/AnewoWbTKwP57SkGNg5LkN8USKkAwAABo5JREFUeAHtWut2gyoTreqWgIL3K+r7P+Z3NMSgoQlpQ13fWWf+1Ga1YWT2zOzZ8PWf/avN84NzHQgRkVMd8IGLeqQsPsGBBAivQbgAXPy9AyIFsuUhB1CcEYMSQHJdPxOnoKACWJADiOpzYFg3QAMgXt//rCAA1YnZ2ALoTlz/AgDZeevnAOdAclozADjNAdafh8DkSwxAd8r6JAG8f35KDpSneND7HVGRSM8qBFtP8NTzaWDg45++chI3rB13PcH/w2o0Dlisqe9oYHdu4t4ChquNO27Cgr/KvgFAU1VZrn+YAe0fOUABVOIhLBygf+NAZ876XIHCvcXmpBepzgsn6nQHKtPnE4DphlMO6pSMjy9iU7osjXUIpL2RIG5tUQKtWxaUSlMQtkwYndIkEgPgXmDKBBUd6cKBWo63pwwAwkI+uBYBzbjgxEEI5iX0Cbku5HEsls7BY5Vm9GtsPg/CGavFtSp8La6WJfUOBiGAhq9T60dt5FAekNvLeqonhZ2elGWI1ZLPV59hGqvdFEzKgimvNBdkCoB/en3Crs3X06rdYqLsVh94Ie6fUc8bP05BgEE1gmN+CeoDgN+7Jn3tNfIh8PB6kw/AF+4dWKwwcS+SA8hdOjAB0fZUmbM0rF3SUCBVVXBxxczTEpc8nAP1TRwczHOyW5kq3dIvRGpskY5JaXcDmQB886TudEQmFBhuaIhNMWqcTCb93N86MFf5nwCeeYcwutj4TY1uFci6I/2nbOjmGG4gEGlqNMDqtSnw/sjSVwsDNxpcQxQKUmBWFekI/8W4HQ2XeRtFsUd7axEM9L4Qqw2VmJQtA4+lVUX3oYzHpWUFRqyR7pw0gGGra2JFKjvo5lv4LBiAURtIkn0ECK3fSKlhhUrUtgO/7oJF+yo0CiQG4CBK5m9Av08BDFSsz0mExXorJZAHWkDAhLYBDVLrUhYBKO6hkhW36Z+EAehM+6HGj+idcWreU/jZJnEKaAJYnaq54/0OWDPbXlHT+hiD+2uOIdDcs2CwF0USa/miQHzMA20ZCm0ynlZE2NdUa/1jOnQZ3fkLgCHY/tQ6AgvirPcqfjyTKXbFsZHqL60b4GTfq8QAlPsYMK7tCvEA8G6S3uqXfQ7M9gx8D5cKvNh9dOFQNtRvnGyU75wFVntZMNkfSUhfrW/fgDvLaE2JGn6oFoMQrdyrkIS2IRpPvHXAGdjN4FQ13l7/51DkANu/gniX0wZ2/KNSQ0a7iwEVw++Gv8LKAQmAEXUIlOiyXLXUwN/Q7twKAxkAyBW0Oy0yRijWCnT5jbJXWrVetYhI9R1PgHKNDy9/MdwmNscAm/wguUb/+/W59jcgvm/LV1jUYNaH4PUmim3vO6y8o2+AZvrhyVCzL/DfzlbZLd9JpJ3BeFcMjw0AtORnBJ+RlzhtxPLi1SY5bmNRuURw8yD4IQqfhy8IgWTNxFDcW3+xRfC6gUEE85vYpPjlVa0cyJUD0m1PNuimt2UJ7cqf6nzxqxQsj52o3bhQtW0g+fGc+5SRiK34JprYVA9AOCkU0t/qbE+/Yt6ob69X4aABmFwg9HsRTjC0TxHo3dljdG+P7Fp8Lh9Q3zvw/kkXVIynXtbSEkaGAJu+ig84MH3LykQCIGSMAwBnALy9/s9j/gEBiKRIjRCmDfa2Z/tSKfLyE0ce1OBXAYMlOkAyfEYA6jkiUwVerPUSWk7/WEkvPnDQQssqysVntMbJgH8A7cMcPTkSnGPT8Iumfzgeil0de0uDBIPSIDpKR6J/ZmBhhYmcVk62IAPKBwgOj/hqXN3KkcfLNpn5JL5ytgXxgZym6+/m3BwdJUJT75Kg+4Y/uTp+6PZdhYzfEThXidAzG3h5YP7SlR0YuQAReZ0t0QRH14LEAMyvL4kUC0dIhaNqxOXLq1J0LcizExwWQFq/uLUf1tcJOXB1/bF6wV+rVVx1lYqSA/nzKXnTAUtn94CSZ0NivDpCfGd3VasnHki+VYrJ2Zm88L/96l6/gFM5wqE6PikM21v7en8OQkfcSB0g+Q9vJ/b9WaHFjQcRAJaQ/YfZoQAT393FdVEAgD/pzToFcHlI2crZ5VS2upDUKuAFx2P19eDurirpOwAAj7x5LnwACKmpbjburgjJlkOzSOHPfRD0w7s4VMfvR/XHfRCUCUmThErxhEEsmXCejWs5OtPmtRydaCSzvzrv7j5/dmoQ6NlB+OrODkKdnh0EyQF5bi6e7QCZc/L1/2j/2f8ADh9aTOegFlsAAAAASUVORK5CYII='), linear-gradient(135deg, rgba(155,155,155,1) 10%, rgba(255,255,255,1) 10%);
    background-size: 70px, 100%;
    background-position: 12px 12px, 0;
    background-repeat: no-repeat;
}
.game-type-bot.active-player-you button {
    background: linear-gradient(135deg, rgba(155,155,155,1) 10%, rgba(255,255,255,1) 10%);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAWlBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9f0VzKAAAAHnRSTlMADZFqif+A+jMG29I+mSnkyQJJdaMS670hXhmw81NOXIiLAAAE0UlEQVR4Ae2a6XKrOBSE2T6EwGCxb/L7v+adKRwC8nKJM4KqKfonduLDWbuP5Jw4ceLEz+F6/rEGBBAeakAIIjrSABlDIo+04MLRQUhBZIfWwRVUfqQFBVAeGoTq4CDkdQPtm0Lx1VUFnU0TeuBlQxwSAERgs1hH0C9e0U24I7HohEHD+LJKSQs/Bq4WW6YP9M/yo7tHxx0BbdECBc3wfFaoyRQPaOxFIRPPg6C+0zMAEteaBSVwe3wsIFumQ2VvLCZwrc2nNTC/dN5ORlpCJJ68XwcsiqWBprZJjijeeWDqWJ5VbnJ13+TAP2itjo0LkBrP4nXUsylOtuABl4cm7RmTE3sucGOIpdmIklVWCkjtcpPgISyD4QJd2ySIBkvPG4MuZdNwsIX6arL0dBoGq0JQlgliaMYgMtlLtidBTIzCczWUlgnikqXnPYjOqMzWsYibwdJlDJVBXnT+oylTel55kdsJ4joIeW9kQfazJOhjANDV1j96CIJaV0auodjc20a+MQ6fsfRIQLhmSf3Wl0mAOPD9sBWA9yFLD0BcFh9vbkVSge4nbw6eINhYCYMhlaRa8dFqswdCaKJFMrqfSqWugbiePbA1BwYBF2cbCq8Ks9dBuAiI7w/yK2zLpnIzeRhaANpuyf5a0ydN8fVvk825VGzrfjETdP9Sr/oCaPuoqLaPQwXdVktpvQQgeKlXb5ovqHyzB6KfrEh6DaTLIKx+qGsBAFVv59n+RkOnXLnohQ/MmfDv55WGJpSbZ/s26iDF7KmoWajkCnRmfjfLfjCHZLNJSUWL6Rbp70lU/359FsL1rxWb30Ct8kHJJ+woL9zPVoDJsKHttSujCZ9Q1OCTjW5eAHH2dw+0674vsoVOcOf2d/lQcOrbXxVZYgzf8UExFx9SUVkBVPU7D2Qg8jURn1+2/Gp746dkPE8BmlJuKsN5ZdYu+Vk/NYXi0y2kBohv+buW7RvFQ7SiNIrfKMJhBCDuX3nBMyZfrRdjdLgCQCt/I/wVANeyftUxxWCkrpi/2iUAo/tLxdUCoNPoWRKYWqdbTVx5S73iP1h/tACgfPeZJo53EKBRqgHQXvY4DbiY/GewIb7LGADamzTqwEhDAb1jA/mUDGZCFqYLWou7qMy7RyKsVy5QD6sha3D9BADty+UaojcqM7eqwRUAyez3ar2uH4Da8mGdAuDrJKg2OKiAzrGJ3HGKBEBNv5MbG7oGOsc2pK+B5h6GYNX+NMgdTgyHFhDFfBog+q8P4OrsglLM2t9VwJ30h0YfsJgKNwE6+5aISe86dWA0Jqu4iXkFNCgANMDo7Ibym4jLYNafrrMfFOivJpRVGiB1nR2RiWULcAu/H/a/xdEcepElM0j3/kggdaxjTOo3MUj2uDDUvxHIQu5wWaZ/Y5z94debBpgb+B0M8F9NhGgPAwoo352SuDskofdmmRQ7ttG9OWtSe/SBXC8k73tpZgnjyySY9i/W4RtH4zP6nfiPq58XYqR3IoB5YG7g5/1wvA//qJsnN5EKbfOC1ONOlHZlgQwFNNGe1IckW7g/Aa473qaULaCD4b58GgHUrgRQjgAkY1opASBCuf9d7gXGAy6zRi13NOlBd2k7Px1Hr7zkTu4chNz5n+LEiRMnTpw4ceLEiRN/ADCvQwlF1kkNAAAAAElFTkSuQmCC'), linear-gradient(135deg, rgba(88,69,143,1) 10%, rgba(255,255,255,1) 10%);
    background-size: 70px, 100%;
    background-position: 12px 12px, 0;
    background-repeat: no-repeat;
}
.game-type-pro.active-player-opponent button {
    background: linear-gradient(135deg, rgba(204,72,66,1) 10%, rgba(255,255,255,1) 10%);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAUVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////9jlXTzAAAAG3RSTlMAFUie/7I/2JAHx/BsdgLkIIIMNvm+VS3QqGC3ycOAAAADw0lEQVR4Ae2Y27ajIBBEVUuNYgQVr///obMac4wYnIzmEB6G/ZIVc6Hpri5aA48dPB6Px+PxeDwej8cTRlHocvkYAJLU2foZFm65k/XzAgBjAFA4qUMJ4F5VKQeQie+vX3GgpteGMpF9PwctIJuAaBKqwtd1cAe6HzVQBPG3A4ipAg9UFfpf0LVoh3+uZQKU6xvBAPahDIZ6lADAuno4FwDRA5g+Wj7BhrGvTpVgiQft9ZaqJXSK4yyIVAm+1nUnJFBcXV/1EeRURm0blTFX7+aD5ZOH+mdg3FyngBBdWj7tRwDs3qz5iFRAtXF9io6pogHYyq5hFNl5qlBlfwr1oDLy2eCVQh0+6ocMmPcpGC5EIGBaK48BlCb7Q9eustN0H7JLblRFZhejDcnUcJGTBB8iYM32wxtdOB8AJZsJUwSG69Mm2FDuajCALpylB9EddHp37D7q83EvkOTs+vSXtTRH3ozb5ZQ1dUCvCSLdnU8yP2v/DCyvD4x8kM+idmxewk21HXf7GqTneyAJ8sycO5LVbf0e7T3WzCbaew+nfjpFNShVtebTlDqLNavN8Caote9RRbJ8p9HzGZiWrXJTEW6rCnpJ3tjr5jDQxf2Qco5GIqMXboydElRsfEGItSbPi63WUmNwkg6FXk4dvhp+wylZXD/y8hHg4ungFwIYYvHT1LwxekG/cYw22TUaFWFs1gAunkdKb5yyaxr+b5uuK+77RFFY3erOn8ymvXGkiTYN2gKIX8K8b+6MJtLoZaa1p3RvGbc9Qd1YvXQK+Jwv6ZLXJ9MqZEBtaFPqkqcODWZHEYAnU6ZGhetQBeXwmoFMtz5DmWeGBdLjJ3TAuMtvChT6Zk1pFrEEkXx4ayDYi5fP+tjTZDDPamGZdHH08Q0vqUgYpn+978Fzcyt/TrU/YMkJo33XUa/ZYpDav1ctwHI9xm5JgSX2g2D8qnnBrKYgHzfWVwlpcMfebgq02aQzTkqTagRr3J4DYmlwpse5xUJ7Rch+Wr8/ukGMlOdaI33MJr08fPQUq5PTGstsUkINO0YaDoz2dKgGRFIaGw6zZLcIERQs/YtUbRYhjUFkwxupjpWd7Y9QFPk/+IUFZjyQw1vTTmwEoPY/tQlQVO9Me7TyCFhmtaC7wrd2O/Da2pP4x4AoAndUdBB1gUsEo2PfJXc1mzhkGRBdMqiHVy6prQ4eZwdEJyyG75Ll4ZVDlgHRJWpA/L+L0HDnRXDfCc7tKHNuR9J1EWrgFrgkL+hUdEnldDD5nYdgHo/H4/F4PB6Px+P5A9asKmUx1cKUAAAAAElFTkSuQmCC'), linear-gradient(135deg, rgba(204,72,66,1) 10%, rgba(255,255,255,1) 10%);
    background-size: 70px, 100%;
    background-position: 12px 12px, 0;
    background-repeat: no-repeat;
}
.game-type-guest.active-player-opponent button {
    background: linear-gradient(135deg, rgba(155,155,155,1) 10%, rgba(255,255,255,1) 10%);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAXVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+EHRzTAAAAH3RSTlMAkdAh9//JA3VZ8Lto/AnewoWbTKwP57SkGNg5LkN8USKkAwAABo5JREFUeAHtWut2gyoTreqWgIL3K+r7P+Z3NMSgoQlpQ13fWWf+1Ga1YWT2zOzZ8PWf/avN84NzHQgRkVMd8IGLeqQsPsGBBAivQbgAXPy9AyIFsuUhB1CcEYMSQHJdPxOnoKACWJADiOpzYFg3QAMgXt//rCAA1YnZ2ALoTlz/AgDZeevnAOdAclozADjNAdafh8DkSwxAd8r6JAG8f35KDpSneND7HVGRSM8qBFtP8NTzaWDg45++chI3rB13PcH/w2o0Dlisqe9oYHdu4t4ChquNO27Cgr/KvgFAU1VZrn+YAe0fOUABVOIhLBygf+NAZ876XIHCvcXmpBepzgsn6nQHKtPnE4DphlMO6pSMjy9iU7osjXUIpL2RIG5tUQKtWxaUSlMQtkwYndIkEgPgXmDKBBUd6cKBWo63pwwAwkI+uBYBzbjgxEEI5iX0Cbku5HEsls7BY5Vm9GtsPg/CGavFtSp8La6WJfUOBiGAhq9T60dt5FAekNvLeqonhZ2elGWI1ZLPV59hGqvdFEzKgimvNBdkCoB/en3Crs3X06rdYqLsVh94Ie6fUc8bP05BgEE1gmN+CeoDgN+7Jn3tNfIh8PB6kw/AF+4dWKwwcS+SA8hdOjAB0fZUmbM0rF3SUCBVVXBxxczTEpc8nAP1TRwczHOyW5kq3dIvRGpskY5JaXcDmQB886TudEQmFBhuaIhNMWqcTCb93N86MFf5nwCeeYcwutj4TY1uFci6I/2nbOjmGG4gEGlqNMDqtSnw/sjSVwsDNxpcQxQKUmBWFekI/8W4HQ2XeRtFsUd7axEM9L4Qqw2VmJQtA4+lVUX3oYzHpWUFRqyR7pw0gGGra2JFKjvo5lv4LBiAURtIkn0ECK3fSKlhhUrUtgO/7oJF+yo0CiQG4CBK5m9Av08BDFSsz0mExXorJZAHWkDAhLYBDVLrUhYBKO6hkhW36Z+EAehM+6HGj+idcWreU/jZJnEKaAJYnaq54/0OWDPbXlHT+hiD+2uOIdDcs2CwF0USa/miQHzMA20ZCm0ynlZE2NdUa/1jOnQZ3fkLgCHY/tQ6AgvirPcqfjyTKXbFsZHqL60b4GTfq8QAlPsYMK7tCvEA8G6S3uqXfQ7M9gx8D5cKvNh9dOFQNtRvnGyU75wFVntZMNkfSUhfrW/fgDvLaE2JGn6oFoMQrdyrkIS2IRpPvHXAGdjN4FQ13l7/51DkANu/gniX0wZ2/KNSQ0a7iwEVw++Gv8LKAQmAEXUIlOiyXLXUwN/Q7twKAxkAyBW0Oy0yRijWCnT5jbJXWrVetYhI9R1PgHKNDy9/MdwmNscAm/wguUb/+/W59jcgvm/LV1jUYNaH4PUmim3vO6y8o2+AZvrhyVCzL/DfzlbZLd9JpJ3BeFcMjw0AtORnBJ+RlzhtxPLi1SY5bmNRuURw8yD4IQqfhy8IgWTNxFDcW3+xRfC6gUEE85vYpPjlVa0cyJUD0m1PNuimt2UJ7cqf6nzxqxQsj52o3bhQtW0g+fGc+5SRiK34JprYVA9AOCkU0t/qbE+/Yt6ob69X4aABmFwg9HsRTjC0TxHo3dljdG+P7Fp8Lh9Q3zvw/kkXVIynXtbSEkaGAJu+ig84MH3LykQCIGSMAwBnALy9/s9j/gEBiKRIjRCmDfa2Z/tSKfLyE0ce1OBXAYMlOkAyfEYA6jkiUwVerPUSWk7/WEkvPnDQQssqysVntMbJgH8A7cMcPTkSnGPT8Iumfzgeil0de0uDBIPSIDpKR6J/ZmBhhYmcVk62IAPKBwgOj/hqXN3KkcfLNpn5JL5ytgXxgZym6+/m3BwdJUJT75Kg+4Y/uTp+6PZdhYzfEThXidAzG3h5YP7SlR0YuQAReZ0t0QRH14LEAMyvL4kUC0dIhaNqxOXLq1J0LcizExwWQFq/uLUf1tcJOXB1/bF6wV+rVVx1lYqSA/nzKXnTAUtn94CSZ0NivDpCfGd3VasnHki+VYrJ2Zm88L/96l6/gFM5wqE6PikM21v7en8OQkfcSB0g+Q9vJ/b9WaHFjQcRAJaQ/YfZoQAT393FdVEAgD/pzToFcHlI2crZ5VS2upDUKuAFx2P19eDurirpOwAAj7x5LnwACKmpbjburgjJlkOzSOHPfRD0w7s4VMfvR/XHfRCUCUmThErxhEEsmXCejWs5OtPmtRydaCSzvzrv7j5/dmoQ6NlB+OrODkKdnh0EyQF5bi6e7QCZc/L1/2j/2f8ADh9aTOegFlsAAAAASUVORK5CYII='), linear-gradient(135deg, rgba(155,155,155,1) 10%, rgba(255,255,255,1) 10%);
    background-size: 70px, 100%;
    background-position: 12px 12px, 0;
    background-repeat: no-repeat;
}
.game-type-bot.active-player-opponent button {
    background: linear-gradient(135deg, rgba(155,155,155,1) 10%, rgba(255,255,255,1) 10%);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAWlBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9f0VzKAAAAHnRSTlMADZFqif+A+jMG29I+mSnkyQJJdaMS670hXhmw81NOXIiLAAAE0UlEQVR4Ae2a6XKrOBSE2T6EwGCxb/L7v+adKRwC8nKJM4KqKfonduLDWbuP5Jw4ceLEz+F6/rEGBBAeakAIIjrSABlDIo+04MLRQUhBZIfWwRVUfqQFBVAeGoTq4CDkdQPtm0Lx1VUFnU0TeuBlQxwSAERgs1hH0C9e0U24I7HohEHD+LJKSQs/Bq4WW6YP9M/yo7tHxx0BbdECBc3wfFaoyRQPaOxFIRPPg6C+0zMAEteaBSVwe3wsIFumQ2VvLCZwrc2nNTC/dN5ORlpCJJ68XwcsiqWBprZJjijeeWDqWJ5VbnJ13+TAP2itjo0LkBrP4nXUsylOtuABl4cm7RmTE3sucGOIpdmIklVWCkjtcpPgISyD4QJd2ySIBkvPG4MuZdNwsIX6arL0dBoGq0JQlgliaMYgMtlLtidBTIzCczWUlgnikqXnPYjOqMzWsYibwdJlDJVBXnT+oylTel55kdsJ4joIeW9kQfazJOhjANDV1j96CIJaV0auodjc20a+MQ6fsfRIQLhmSf3Wl0mAOPD9sBWA9yFLD0BcFh9vbkVSge4nbw6eINhYCYMhlaRa8dFqswdCaKJFMrqfSqWugbiePbA1BwYBF2cbCq8Ks9dBuAiI7w/yK2zLpnIzeRhaANpuyf5a0ydN8fVvk825VGzrfjETdP9Sr/oCaPuoqLaPQwXdVktpvQQgeKlXb5ovqHyzB6KfrEh6DaTLIKx+qGsBAFVv59n+RkOnXLnohQ/MmfDv55WGJpSbZ/s26iDF7KmoWajkCnRmfjfLfjCHZLNJSUWL6Rbp70lU/359FsL1rxWb30Ct8kHJJ+woL9zPVoDJsKHttSujCZ9Q1OCTjW5eAHH2dw+0674vsoVOcOf2d/lQcOrbXxVZYgzf8UExFx9SUVkBVPU7D2Qg8jURn1+2/Gp746dkPE8BmlJuKsN5ZdYu+Vk/NYXi0y2kBohv+buW7RvFQ7SiNIrfKMJhBCDuX3nBMyZfrRdjdLgCQCt/I/wVANeyftUxxWCkrpi/2iUAo/tLxdUCoNPoWRKYWqdbTVx5S73iP1h/tACgfPeZJo53EKBRqgHQXvY4DbiY/GewIb7LGADamzTqwEhDAb1jA/mUDGZCFqYLWou7qMy7RyKsVy5QD6sha3D9BADty+UaojcqM7eqwRUAyez3ar2uH4Da8mGdAuDrJKg2OKiAzrGJ3HGKBEBNv5MbG7oGOsc2pK+B5h6GYNX+NMgdTgyHFhDFfBog+q8P4OrsglLM2t9VwJ30h0YfsJgKNwE6+5aISe86dWA0Jqu4iXkFNCgANMDo7Ibym4jLYNafrrMfFOivJpRVGiB1nR2RiWULcAu/H/a/xdEcepElM0j3/kggdaxjTOo3MUj2uDDUvxHIQu5wWaZ/Y5z94debBpgb+B0M8F9NhGgPAwoo352SuDskofdmmRQ7ttG9OWtSe/SBXC8k73tpZgnjyySY9i/W4RtH4zP6nfiPq58XYqR3IoB5YG7g5/1wvA//qJsnN5EKbfOC1ONOlHZlgQwFNNGe1IckW7g/Aa473qaULaCD4b58GgHUrgRQjgAkY1opASBCuf9d7gXGAy6zRi13NOlBd2k7Px1Hr7zkTu4chNz5n+LEiRMnTpw4ceLEiRN/ADCvQwlF1kkNAAAAAElFTkSuQmCC'), linear-gradient(135deg, rgba(88,69,143,1) 10%, rgba(255,255,255,1) 10%);
    background-size: 70px, 100%;
    background-position: 12px 12px, 0;
    background-repeat: no-repeat;
}

/************************************************************************************
* FRIENDS
************************************************************************************/
#btn-add-friend, #btn-friend-share {
    width: 500px;
    margin: 0 0 4rem 0;
}

#friends-window ul {
	text-align: left;
    padding-bottom: 5em;
}

#friends-window li + li {
	padding-top: 2.5rem;
	border-top: 1px solid #b7b3b3;
}

.friend-accept-buttons {
    position: absolute;
    right: 20px;
/*    top: 30px;*/
	display: inline-flex;
}
.activityIndicator[data-activity=active] {
    display: block;
    width: 20px;
    height: 20px;
    background-color: #67DB5C;
    border-radius: 100%;
    align-self: center;
    margin-right: 10px;
}
.activityIndicator[data-activity=idle] {
    display: block;
    width: 20px;
    height: 20px;
    background-color: #F2D64B;
    border-radius: 100%;
    align-self: center;
    margin-right: 10px;
}
.activityIndicator[data-activity=inactive] {
    display: block;
    width: 20px;
    height: 20px;
    background-color: #E0E0E0;
    border-radius: 100%;
    align-self: center;
    margin-right: 10px;
}
.friendRequestActionButton {
    font-size: 4rem;
    width: 77px;
    height: 77px;
    cursor: pointer;
    background-size: contain;
}
.friendRequestActionButton:last-child {
    margin-left: 30px;
}
.friendRequestRemoveImage {
	background-image: url('/_res/img/icon_trash.png');
}
.friendRequestAcceptImage {
	background-image: url('/_res/img/icon_checkmark.png');
}
.friendRequestDeclineImage {
	background-image: url('/_res/img/icon_trash.png');
}
.dark .friendRequestRemoveImage {
	background-image: url('/_res/img/inverted/icon_trash.png');
}
.dark .friendRequestAcceptImage {
	background-image: url('/_res/img/inverted/icon_checkmark.png');
}
.dark .friendRequestDeclineImage {
	background-image: url('/_res/img/inverted/icon_trash.png');
}
#friends-ul li {
    display: flex;
    justify-content: space-between;
}
#friends-ul li div {
    display: flex;
    flex-grow: 1;
}
#friends-ul li div:last-of-type {
    display: flex;
    flex-grow: 0;
}
.friends-delete-button {
/*    position: absolute;*/
/*    right: 20px;*/
/*    top: 30px;*/
    width: 77px;
    height: 77px;
    font-size: 4rem;
    cursor: pointer;
}

/************************************************************************************
* ADD FRIEND
************************************************************************************/
.add-friend-button {
    width: 91%;
    height: 100px;
    font-size: 3rem;
    background-color: #cacaca;
}

.add-friend-form {
    display: flex;
    flex-flow: column;
    width: 100%;
    margin: auto;
}
.add-friend-form input {
    font-size: 5rem;
    padding: 1rem;
    margin-bottom: 2.5rem;
    border-radius: 15px;
    border: 2px solid #bfbfbf;
}

.add-friend-form button[type=submit] {
    margin: auto;
    width: 100%;
}

#add-friend-error {
    color: #cb2f28;
    font-size: 2.5rem;
    margin: 2rem 0;
    text-align: left;
}

#add-friend-window > .share-btn {
    width: 100%;
}

/************************************************************************************
* OPTIONS
************************************************************************************/
.options-div {
    margin: auto auto 2rem;
    width: 450px;
    color: black;
}

.options-div label {
    font-weight: bold;
}

.options-div button {
    height: 80px;
    font-size: 48px;
    margin-bottom: 2rem;
}

/************************************************************************************
* CHANGELOG
************************************************************************************/
details {
    width: 95%;
    background-color: white;
    margin: 2rem auto;
    padding: 1rem;
    text-align: left;
    border-radius: 10px;
    filter: drop-shadow(0px 0px 2px black);
}

details summary {
    cursor: pointer;
}

details label {
    display: block;
    margin-top: 2rem;
    font-size: 40px;
    font-weight: bold;
}

details ul {
    margin: 1rem;
}

details ul li {
    font-size: 32px;
    list-style-type: circle;
    margin-left: 1rem;
}

/************************************************************************************
* ACCOUNT
************************************************************************************/
#account-window {
	display: flex;
	align-items: center;
	flex-direction: column;
}
#account-name {
	font-size: 4rem;
}
#account-status {
	font-size: 2.25rem;
}

#stats-title {
	margin-top: 4rem;
}
#stats-container { 
	display: flex;
	flex-flow: column;
	margin: 0.5rem auto auto auto;
	padding: 3rem;
	font-size: 2.5rem;
	border-radius: 10px;
	background-color: #e4e4e4;
}
#stats-container > div {
	display: grid;
	gap: 0.75rem;
	grid-template-columns: 1fr 1fr;
	width: 100%;
}
#stats-container > div:last-of-type {
	grid-template-columns: 1fr 1fr 1fr;
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid #ababab;
}
.stat-segment {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
.stat-segment span {
	margin-bottom: 0.5rem;
}

#account-window .action-buttons {
	width: 100%;
}
@-moz-document url-prefix() { /* Firefox rendering bug */
	#account-window .linkButton {
		margin-bottom: 1em;
	}
}
#btn-logout {
	margin: 0 auto 3.5rem auto;
}

#permanent-account-window {
	background-color: #000000DD;
}
#btn-permanent-account {
	display: none;
}

#changeUsernameForm {
	display: flex;
	flex-flow: column;
	align-items: center;
	width: 100%;
}
#changeUsernameForm input {
	font-size: 1.5rem;
	width: 450px;
	max-width: 100%;
	margin-bottom: 0.5rem;
	padding: 0.5rem;
	border-radius: 7px;
	border: 2px solid #473676;
	background-color: #d0c6f1;
}
#changeUsernameForm input::placeholder {
	color: #816DB9;
}
#changeUsernameForm button {
	max-width: 100%;
}
#changeUsernameMessage {
	margin-top: 0.5rem;
}

/************************************************************************************
* HIGH CONTRAST / DARK THEME
************************************************************************************/
.highContrast #safeAreaWrapper .btn-blue, .highContrast #safeAreaWrapper .btn-red, .highContrast #safeAreaWrapper .btn-orange {
    filter: invert(0);
	outline-color: #ff3939;
}
.highContrast #safeAreaWrapper .btn-orange {
    background-color: #ffa82e;
    border: 1px solid #d3640b; 
}
.highContrast #actionButtons > button img, .highContrast #actionButtons > .btn-container button img {
/*	filter: invert(1) saturate(1.4);*/
}

.highContrast #friends-window li {
	border-color: #3E3D3D;
}

.dark button svg {
	fill: #EFEFEF;
}
.dark a {
	color: #6b6bff;
}
.dark .btn-suggested-explanation {
    background: #222;
    color: #6b6bff;
}

.dark #actionButtons img {
/*	iOS 16.4 breaks the VO cursor if you use opacity. */
/*	opacity: 90%;*/
}
.dark #game-buttons img {
/*	iOS 16.4 breaks the VO cursor if you use opacity. */
/*	opacity: 50%;*/
}

.dark #friends-window li {
	border-color: #000000;
}
.dark .friends-delete-button {
/*	filter: invert(1);*/
}

.dark #load-game-window li button {
	color: #EFEFEF;
}
.dark .game-completed button {
	background: linear-gradient(180deg, #3c3c3e 7%, #29292a 7%) !important;
}
.dark .game-type-free.active-player-you button {
	background: linear-gradient(135deg, rgba(44,117,185,1) 10%, rgba(41, 41, 42, 1) 10%) !important;
}
.dark .game-type-free.active-player-opponent button {
	background: linear-gradient(135deg, rgba(204,72,66,1) 10%, rgba(41, 41, 42, 1) 10%) !important;
}
.dark .game-type-pro.active-player-you button {
    background: linear-gradient(135deg, rgba(44,117,185,1) 10%, rgba(41, 41, 42, 1) 10%);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAUVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////9jlXTzAAAAG3RSTlMAFUie/7I/2JAHx/BsdgLkIIIMNvm+VS3QqGC3ycOAAAADw0lEQVR4Ae2Y27ajIBBEVUuNYgQVr///obMac4wYnIzmEB6G/ZIVc6Hpri5aA48dPB6Px+PxeDwej8cTRlHocvkYAJLU2foZFm65k/XzAgBjAFA4qUMJ4F5VKQeQie+vX3GgpteGMpF9PwctIJuAaBKqwtd1cAe6HzVQBPG3A4ipAg9UFfpf0LVoh3+uZQKU6xvBAPahDIZ6lADAuno4FwDRA5g+Wj7BhrGvTpVgiQft9ZaqJXSK4yyIVAm+1nUnJFBcXV/1EeRURm0blTFX7+aD5ZOH+mdg3FyngBBdWj7tRwDs3qz5iFRAtXF9io6pogHYyq5hFNl5qlBlfwr1oDLy2eCVQh0+6ocMmPcpGC5EIGBaK48BlCb7Q9eustN0H7JLblRFZhejDcnUcJGTBB8iYM32wxtdOB8AJZsJUwSG69Mm2FDuajCALpylB9EddHp37D7q83EvkOTs+vSXtTRH3ozb5ZQ1dUCvCSLdnU8yP2v/DCyvD4x8kM+idmxewk21HXf7GqTneyAJ8sycO5LVbf0e7T3WzCbaew+nfjpFNShVtebTlDqLNavN8Caote9RRbJ8p9HzGZiWrXJTEW6rCnpJ3tjr5jDQxf2Qco5GIqMXboydElRsfEGItSbPi63WUmNwkg6FXk4dvhp+wylZXD/y8hHg4ungFwIYYvHT1LwxekG/cYw22TUaFWFs1gAunkdKb5yyaxr+b5uuK+77RFFY3erOn8ymvXGkiTYN2gKIX8K8b+6MJtLoZaa1p3RvGbc9Qd1YvXQK+Jwv6ZLXJ9MqZEBtaFPqkqcODWZHEYAnU6ZGhetQBeXwmoFMtz5DmWeGBdLjJ3TAuMtvChT6Zk1pFrEEkXx4ayDYi5fP+tjTZDDPamGZdHH08Q0vqUgYpn+978Fzcyt/TrU/YMkJo33XUa/ZYpDav1ctwHI9xm5JgSX2g2D8qnnBrKYgHzfWVwlpcMfebgq02aQzTkqTagRr3J4DYmlwpse5xUJ7Rch+Wr8/ukGMlOdaI33MJr08fPQUq5PTGstsUkINO0YaDoz2dKgGRFIaGw6zZLcIERQs/YtUbRYhjUFkwxupjpWd7Y9QFPk/+IUFZjyQw1vTTmwEoPY/tQlQVO9Me7TyCFhmtaC7wrd2O/Da2pP4x4AoAndUdBB1gUsEo2PfJXc1mzhkGRBdMqiHVy6prQ4eZwdEJyyG75Ll4ZVDlgHRJWpA/L+L0HDnRXDfCc7tKHNuR9J1EWrgFrgkL+hUdEnldDD5nYdgHo/H4/F4PB6Px+P5A9asKmUx1cKUAAAAAElFTkSuQmCC'), linear-gradient(135deg, rgba(44,117,185,1) 10%, rgba(41, 41, 42, 1) 10%);
    background-size: 70px, 100%;
    background-position: 12px 12px, 0;
    background-repeat: no-repeat;
}
.dark .game-type-guest.active-player-you button {
    background: linear-gradient(135deg, rgba(105,105,105,1) 10%, rgba(41, 41, 42, 1) 10%);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAXVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+EHRzTAAAAH3RSTlMAkdAh9//JA3VZ8Lto/AnewoWbTKwP57SkGNg5LkN8USKkAwAABo5JREFUeAHtWut2gyoTreqWgIL3K+r7P+Z3NMSgoQlpQ13fWWf+1Ga1YWT2zOzZ8PWf/avN84NzHQgRkVMd8IGLeqQsPsGBBAivQbgAXPy9AyIFsuUhB1CcEYMSQHJdPxOnoKACWJADiOpzYFg3QAMgXt//rCAA1YnZ2ALoTlz/AgDZeevnAOdAclozADjNAdafh8DkSwxAd8r6JAG8f35KDpSneND7HVGRSM8qBFtP8NTzaWDg45++chI3rB13PcH/w2o0Dlisqe9oYHdu4t4ChquNO27Cgr/KvgFAU1VZrn+YAe0fOUABVOIhLBygf+NAZ876XIHCvcXmpBepzgsn6nQHKtPnE4DphlMO6pSMjy9iU7osjXUIpL2RIG5tUQKtWxaUSlMQtkwYndIkEgPgXmDKBBUd6cKBWo63pwwAwkI+uBYBzbjgxEEI5iX0Cbku5HEsls7BY5Vm9GtsPg/CGavFtSp8La6WJfUOBiGAhq9T60dt5FAekNvLeqonhZ2elGWI1ZLPV59hGqvdFEzKgimvNBdkCoB/en3Crs3X06rdYqLsVh94Ie6fUc8bP05BgEE1gmN+CeoDgN+7Jn3tNfIh8PB6kw/AF+4dWKwwcS+SA8hdOjAB0fZUmbM0rF3SUCBVVXBxxczTEpc8nAP1TRwczHOyW5kq3dIvRGpskY5JaXcDmQB886TudEQmFBhuaIhNMWqcTCb93N86MFf5nwCeeYcwutj4TY1uFci6I/2nbOjmGG4gEGlqNMDqtSnw/sjSVwsDNxpcQxQKUmBWFekI/8W4HQ2XeRtFsUd7axEM9L4Qqw2VmJQtA4+lVUX3oYzHpWUFRqyR7pw0gGGra2JFKjvo5lv4LBiAURtIkn0ECK3fSKlhhUrUtgO/7oJF+yo0CiQG4CBK5m9Av08BDFSsz0mExXorJZAHWkDAhLYBDVLrUhYBKO6hkhW36Z+EAehM+6HGj+idcWreU/jZJnEKaAJYnaq54/0OWDPbXlHT+hiD+2uOIdDcs2CwF0USa/miQHzMA20ZCm0ynlZE2NdUa/1jOnQZ3fkLgCHY/tQ6AgvirPcqfjyTKXbFsZHqL60b4GTfq8QAlPsYMK7tCvEA8G6S3uqXfQ7M9gx8D5cKvNh9dOFQNtRvnGyU75wFVntZMNkfSUhfrW/fgDvLaE2JGn6oFoMQrdyrkIS2IRpPvHXAGdjN4FQ13l7/51DkANu/gniX0wZ2/KNSQ0a7iwEVw++Gv8LKAQmAEXUIlOiyXLXUwN/Q7twKAxkAyBW0Oy0yRijWCnT5jbJXWrVetYhI9R1PgHKNDy9/MdwmNscAm/wguUb/+/W59jcgvm/LV1jUYNaH4PUmim3vO6y8o2+AZvrhyVCzL/DfzlbZLd9JpJ3BeFcMjw0AtORnBJ+RlzhtxPLi1SY5bmNRuURw8yD4IQqfhy8IgWTNxFDcW3+xRfC6gUEE85vYpPjlVa0cyJUD0m1PNuimt2UJ7cqf6nzxqxQsj52o3bhQtW0g+fGc+5SRiK34JprYVA9AOCkU0t/qbE+/Yt6ob69X4aABmFwg9HsRTjC0TxHo3dljdG+P7Fp8Lh9Q3zvw/kkXVIynXtbSEkaGAJu+ig84MH3LykQCIGSMAwBnALy9/s9j/gEBiKRIjRCmDfa2Z/tSKfLyE0ce1OBXAYMlOkAyfEYA6jkiUwVerPUSWk7/WEkvPnDQQssqysVntMbJgH8A7cMcPTkSnGPT8Iumfzgeil0de0uDBIPSIDpKR6J/ZmBhhYmcVk62IAPKBwgOj/hqXN3KkcfLNpn5JL5ytgXxgZym6+/m3BwdJUJT75Kg+4Y/uTp+6PZdhYzfEThXidAzG3h5YP7SlR0YuQAReZ0t0QRH14LEAMyvL4kUC0dIhaNqxOXLq1J0LcizExwWQFq/uLUf1tcJOXB1/bF6wV+rVVx1lYqSA/nzKXnTAUtn94CSZ0NivDpCfGd3VasnHki+VYrJ2Zm88L/96l6/gFM5wqE6PikM21v7en8OQkfcSB0g+Q9vJ/b9WaHFjQcRAJaQ/YfZoQAT393FdVEAgD/pzToFcHlI2crZ5VS2upDUKuAFx2P19eDurirpOwAAj7x5LnwACKmpbjburgjJlkOzSOHPfRD0w7s4VMfvR/XHfRCUCUmThErxhEEsmXCejWs5OtPmtRydaCSzvzrv7j5/dmoQ6NlB+OrODkKdnh0EyQF5bi6e7QCZc/L1/2j/2f8ADh9aTOegFlsAAAAASUVORK5CYII='), linear-gradient(135deg, rgbargba(105,105,105,1) 10%, rgba(41, 41, 42, 1) 10%);
    background-size: 70px, 100%;
    background-position: 12px 12px, 0;
    background-repeat: no-repeat;
}
.dark .game-type-bot.active-player-you button {
    background: linear-gradient(135deg, rgba(88,69,143,1) 10%, rgba(41, 41, 42, 1) 10%);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAWlBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9f0VzKAAAAHnRSTlMADZFqif+A+jMG29I+mSnkyQJJdaMS670hXhmw81NOXIiLAAAE0UlEQVR4Ae2a6XKrOBSE2T6EwGCxb/L7v+adKRwC8nKJM4KqKfonduLDWbuP5Jw4ceLEz+F6/rEGBBAeakAIIjrSABlDIo+04MLRQUhBZIfWwRVUfqQFBVAeGoTq4CDkdQPtm0Lx1VUFnU0TeuBlQxwSAERgs1hH0C9e0U24I7HohEHD+LJKSQs/Bq4WW6YP9M/yo7tHxx0BbdECBc3wfFaoyRQPaOxFIRPPg6C+0zMAEteaBSVwe3wsIFumQ2VvLCZwrc2nNTC/dN5ORlpCJJ68XwcsiqWBprZJjijeeWDqWJ5VbnJ13+TAP2itjo0LkBrP4nXUsylOtuABl4cm7RmTE3sucGOIpdmIklVWCkjtcpPgISyD4QJd2ySIBkvPG4MuZdNwsIX6arL0dBoGq0JQlgliaMYgMtlLtidBTIzCczWUlgnikqXnPYjOqMzWsYibwdJlDJVBXnT+oylTel55kdsJ4joIeW9kQfazJOhjANDV1j96CIJaV0auodjc20a+MQ6fsfRIQLhmSf3Wl0mAOPD9sBWA9yFLD0BcFh9vbkVSge4nbw6eINhYCYMhlaRa8dFqswdCaKJFMrqfSqWugbiePbA1BwYBF2cbCq8Ks9dBuAiI7w/yK2zLpnIzeRhaANpuyf5a0ydN8fVvk825VGzrfjETdP9Sr/oCaPuoqLaPQwXdVktpvQQgeKlXb5ovqHyzB6KfrEh6DaTLIKx+qGsBAFVv59n+RkOnXLnohQ/MmfDv55WGJpSbZ/s26iDF7KmoWajkCnRmfjfLfjCHZLNJSUWL6Rbp70lU/359FsL1rxWb30Ct8kHJJ+woL9zPVoDJsKHttSujCZ9Q1OCTjW5eAHH2dw+0674vsoVOcOf2d/lQcOrbXxVZYgzf8UExFx9SUVkBVPU7D2Qg8jURn1+2/Gp746dkPE8BmlJuKsN5ZdYu+Vk/NYXi0y2kBohv+buW7RvFQ7SiNIrfKMJhBCDuX3nBMyZfrRdjdLgCQCt/I/wVANeyftUxxWCkrpi/2iUAo/tLxdUCoNPoWRKYWqdbTVx5S73iP1h/tACgfPeZJo53EKBRqgHQXvY4DbiY/GewIb7LGADamzTqwEhDAb1jA/mUDGZCFqYLWou7qMy7RyKsVy5QD6sha3D9BADty+UaojcqM7eqwRUAyez3ar2uH4Da8mGdAuDrJKg2OKiAzrGJ3HGKBEBNv5MbG7oGOsc2pK+B5h6GYNX+NMgdTgyHFhDFfBog+q8P4OrsglLM2t9VwJ30h0YfsJgKNwE6+5aISe86dWA0Jqu4iXkFNCgANMDo7Ibym4jLYNafrrMfFOivJpRVGiB1nR2RiWULcAu/H/a/xdEcepElM0j3/kggdaxjTOo3MUj2uDDUvxHIQu5wWaZ/Y5z94debBpgb+B0M8F9NhGgPAwoo352SuDskofdmmRQ7ttG9OWtSe/SBXC8k73tpZgnjyySY9i/W4RtH4zP6nfiPq58XYqR3IoB5YG7g5/1wvA//qJsnN5EKbfOC1ONOlHZlgQwFNNGe1IckW7g/Aa473qaULaCD4b58GgHUrgRQjgAkY1opASBCuf9d7gXGAy6zRi13NOlBd2k7Px1Hr7zkTu4chNz5n+LEiRMnTpw4ceLEiRN/ADCvQwlF1kkNAAAAAElFTkSuQmCC'), linear-gradient(135deg, rgba(88,69,143,1) 10%, rgba(41, 41, 42, 1) 10%);
    background-size: 70px, 100%;
    background-position: 12px 12px, 0;
    background-repeat: no-repeat;
}
.dark .game-type-pro.active-player-opponent button {
    background: linear-gradient(135deg, rgba(204,72,66,1) 10%, rgba(41, 41, 42, 1) 10%);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAUVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////9jlXTzAAAAG3RSTlMAFUie/7I/2JAHx/BsdgLkIIIMNvm+VS3QqGC3ycOAAAADw0lEQVR4Ae2Y27ajIBBEVUuNYgQVr///obMac4wYnIzmEB6G/ZIVc6Hpri5aA48dPB6Px+PxeDwej8cTRlHocvkYAJLU2foZFm65k/XzAgBjAFA4qUMJ4F5VKQeQie+vX3GgpteGMpF9PwctIJuAaBKqwtd1cAe6HzVQBPG3A4ipAg9UFfpf0LVoh3+uZQKU6xvBAPahDIZ6lADAuno4FwDRA5g+Wj7BhrGvTpVgiQft9ZaqJXSK4yyIVAm+1nUnJFBcXV/1EeRURm0blTFX7+aD5ZOH+mdg3FyngBBdWj7tRwDs3qz5iFRAtXF9io6pogHYyq5hFNl5qlBlfwr1oDLy2eCVQh0+6ocMmPcpGC5EIGBaK48BlCb7Q9eustN0H7JLblRFZhejDcnUcJGTBB8iYM32wxtdOB8AJZsJUwSG69Mm2FDuajCALpylB9EddHp37D7q83EvkOTs+vSXtTRH3ozb5ZQ1dUCvCSLdnU8yP2v/DCyvD4x8kM+idmxewk21HXf7GqTneyAJ8sycO5LVbf0e7T3WzCbaew+nfjpFNShVtebTlDqLNavN8Caote9RRbJ8p9HzGZiWrXJTEW6rCnpJ3tjr5jDQxf2Qco5GIqMXboydElRsfEGItSbPi63WUmNwkg6FXk4dvhp+wylZXD/y8hHg4ungFwIYYvHT1LwxekG/cYw22TUaFWFs1gAunkdKb5yyaxr+b5uuK+77RFFY3erOn8ymvXGkiTYN2gKIX8K8b+6MJtLoZaa1p3RvGbc9Qd1YvXQK+Jwv6ZLXJ9MqZEBtaFPqkqcODWZHEYAnU6ZGhetQBeXwmoFMtz5DmWeGBdLjJ3TAuMtvChT6Zk1pFrEEkXx4ayDYi5fP+tjTZDDPamGZdHH08Q0vqUgYpn+978Fzcyt/TrU/YMkJo33XUa/ZYpDav1ctwHI9xm5JgSX2g2D8qnnBrKYgHzfWVwlpcMfebgq02aQzTkqTagRr3J4DYmlwpse5xUJ7Rch+Wr8/ukGMlOdaI33MJr08fPQUq5PTGstsUkINO0YaDoz2dKgGRFIaGw6zZLcIERQs/YtUbRYhjUFkwxupjpWd7Y9QFPk/+IUFZjyQw1vTTmwEoPY/tQlQVO9Me7TyCFhmtaC7wrd2O/Da2pP4x4AoAndUdBB1gUsEo2PfJXc1mzhkGRBdMqiHVy6prQ4eZwdEJyyG75Ll4ZVDlgHRJWpA/L+L0HDnRXDfCc7tKHNuR9J1EWrgFrgkL+hUdEnldDD5nYdgHo/H4/F4PB6Px+P5A9asKmUx1cKUAAAAAElFTkSuQmCC'), linear-gradient(135deg, rgba(204,72,66,1) 10%, rgba(41, 41, 42, 1) 10%);
    background-size: 70px, 100%;
    background-position: 12px 12px, 0;
    background-repeat: no-repeat;
}
.dark .game-type-guest.active-player-opponent button {
    background: linear-gradient(135deg, rgba(105,105,105,1) 10%, rgba(41, 41, 42, 1) 10%);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAXVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+EHRzTAAAAH3RSTlMAkdAh9//JA3VZ8Lto/AnewoWbTKwP57SkGNg5LkN8USKkAwAABo5JREFUeAHtWut2gyoTreqWgIL3K+r7P+Z3NMSgoQlpQ13fWWf+1Ga1YWT2zOzZ8PWf/avN84NzHQgRkVMd8IGLeqQsPsGBBAivQbgAXPy9AyIFsuUhB1CcEYMSQHJdPxOnoKACWJADiOpzYFg3QAMgXt//rCAA1YnZ2ALoTlz/AgDZeevnAOdAclozADjNAdafh8DkSwxAd8r6JAG8f35KDpSneND7HVGRSM8qBFtP8NTzaWDg45++chI3rB13PcH/w2o0Dlisqe9oYHdu4t4ChquNO27Cgr/KvgFAU1VZrn+YAe0fOUABVOIhLBygf+NAZ876XIHCvcXmpBepzgsn6nQHKtPnE4DphlMO6pSMjy9iU7osjXUIpL2RIG5tUQKtWxaUSlMQtkwYndIkEgPgXmDKBBUd6cKBWo63pwwAwkI+uBYBzbjgxEEI5iX0Cbku5HEsls7BY5Vm9GtsPg/CGavFtSp8La6WJfUOBiGAhq9T60dt5FAekNvLeqonhZ2elGWI1ZLPV59hGqvdFEzKgimvNBdkCoB/en3Crs3X06rdYqLsVh94Ie6fUc8bP05BgEE1gmN+CeoDgN+7Jn3tNfIh8PB6kw/AF+4dWKwwcS+SA8hdOjAB0fZUmbM0rF3SUCBVVXBxxczTEpc8nAP1TRwczHOyW5kq3dIvRGpskY5JaXcDmQB886TudEQmFBhuaIhNMWqcTCb93N86MFf5nwCeeYcwutj4TY1uFci6I/2nbOjmGG4gEGlqNMDqtSnw/sjSVwsDNxpcQxQKUmBWFekI/8W4HQ2XeRtFsUd7axEM9L4Qqw2VmJQtA4+lVUX3oYzHpWUFRqyR7pw0gGGra2JFKjvo5lv4LBiAURtIkn0ECK3fSKlhhUrUtgO/7oJF+yo0CiQG4CBK5m9Av08BDFSsz0mExXorJZAHWkDAhLYBDVLrUhYBKO6hkhW36Z+EAehM+6HGj+idcWreU/jZJnEKaAJYnaq54/0OWDPbXlHT+hiD+2uOIdDcs2CwF0USa/miQHzMA20ZCm0ynlZE2NdUa/1jOnQZ3fkLgCHY/tQ6AgvirPcqfjyTKXbFsZHqL60b4GTfq8QAlPsYMK7tCvEA8G6S3uqXfQ7M9gx8D5cKvNh9dOFQNtRvnGyU75wFVntZMNkfSUhfrW/fgDvLaE2JGn6oFoMQrdyrkIS2IRpPvHXAGdjN4FQ13l7/51DkANu/gniX0wZ2/KNSQ0a7iwEVw++Gv8LKAQmAEXUIlOiyXLXUwN/Q7twKAxkAyBW0Oy0yRijWCnT5jbJXWrVetYhI9R1PgHKNDy9/MdwmNscAm/wguUb/+/W59jcgvm/LV1jUYNaH4PUmim3vO6y8o2+AZvrhyVCzL/DfzlbZLd9JpJ3BeFcMjw0AtORnBJ+RlzhtxPLi1SY5bmNRuURw8yD4IQqfhy8IgWTNxFDcW3+xRfC6gUEE85vYpPjlVa0cyJUD0m1PNuimt2UJ7cqf6nzxqxQsj52o3bhQtW0g+fGc+5SRiK34JprYVA9AOCkU0t/qbE+/Yt6ob69X4aABmFwg9HsRTjC0TxHo3dljdG+P7Fp8Lh9Q3zvw/kkXVIynXtbSEkaGAJu+ig84MH3LykQCIGSMAwBnALy9/s9j/gEBiKRIjRCmDfa2Z/tSKfLyE0ce1OBXAYMlOkAyfEYA6jkiUwVerPUSWk7/WEkvPnDQQssqysVntMbJgH8A7cMcPTkSnGPT8Iumfzgeil0de0uDBIPSIDpKR6J/ZmBhhYmcVk62IAPKBwgOj/hqXN3KkcfLNpn5JL5ytgXxgZym6+/m3BwdJUJT75Kg+4Y/uTp+6PZdhYzfEThXidAzG3h5YP7SlR0YuQAReZ0t0QRH14LEAMyvL4kUC0dIhaNqxOXLq1J0LcizExwWQFq/uLUf1tcJOXB1/bF6wV+rVVx1lYqSA/nzKXnTAUtn94CSZ0NivDpCfGd3VasnHki+VYrJ2Zm88L/96l6/gFM5wqE6PikM21v7en8OQkfcSB0g+Q9vJ/b9WaHFjQcRAJaQ/YfZoQAT393FdVEAgD/pzToFcHlI2crZ5VS2upDUKuAFx2P19eDurirpOwAAj7x5LnwACKmpbjburgjJlkOzSOHPfRD0w7s4VMfvR/XHfRCUCUmThErxhEEsmXCejWs5OtPmtRydaCSzvzrv7j5/dmoQ6NlB+OrODkKdnh0EyQF5bi6e7QCZc/L1/2j/2f8ADh9aTOegFlsAAAAASUVORK5CYII='), linear-gradient(135deg, rgba(105,105,105,1) 10%, rgba(41, 41, 42, 1) 10%);
    background-size: 70px, 100%;
    background-position: 12px 12px, 0;
    background-repeat: no-repeat;
}
.dark .game-type-bot.active-player-opponent button {
    background: linear-gradient(135deg, rgba(88,69,143,1) 10%, rgba(41, 41, 42, 1) 10%);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAWlBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9f0VzKAAAAHnRSTlMADZFqif+A+jMG29I+mSnkyQJJdaMS670hXhmw81NOXIiLAAAE0UlEQVR4Ae2a6XKrOBSE2T6EwGCxb/L7v+adKRwC8nKJM4KqKfonduLDWbuP5Jw4ceLEz+F6/rEGBBAeakAIIjrSABlDIo+04MLRQUhBZIfWwRVUfqQFBVAeGoTq4CDkdQPtm0Lx1VUFnU0TeuBlQxwSAERgs1hH0C9e0U24I7HohEHD+LJKSQs/Bq4WW6YP9M/yo7tHxx0BbdECBc3wfFaoyRQPaOxFIRPPg6C+0zMAEteaBSVwe3wsIFumQ2VvLCZwrc2nNTC/dN5ORlpCJJ68XwcsiqWBprZJjijeeWDqWJ5VbnJ13+TAP2itjo0LkBrP4nXUsylOtuABl4cm7RmTE3sucGOIpdmIklVWCkjtcpPgISyD4QJd2ySIBkvPG4MuZdNwsIX6arL0dBoGq0JQlgliaMYgMtlLtidBTIzCczWUlgnikqXnPYjOqMzWsYibwdJlDJVBXnT+oylTel55kdsJ4joIeW9kQfazJOhjANDV1j96CIJaV0auodjc20a+MQ6fsfRIQLhmSf3Wl0mAOPD9sBWA9yFLD0BcFh9vbkVSge4nbw6eINhYCYMhlaRa8dFqswdCaKJFMrqfSqWugbiePbA1BwYBF2cbCq8Ks9dBuAiI7w/yK2zLpnIzeRhaANpuyf5a0ydN8fVvk825VGzrfjETdP9Sr/oCaPuoqLaPQwXdVktpvQQgeKlXb5ovqHyzB6KfrEh6DaTLIKx+qGsBAFVv59n+RkOnXLnohQ/MmfDv55WGJpSbZ/s26iDF7KmoWajkCnRmfjfLfjCHZLNJSUWL6Rbp70lU/359FsL1rxWb30Ct8kHJJ+woL9zPVoDJsKHttSujCZ9Q1OCTjW5eAHH2dw+0674vsoVOcOf2d/lQcOrbXxVZYgzf8UExFx9SUVkBVPU7D2Qg8jURn1+2/Gp746dkPE8BmlJuKsN5ZdYu+Vk/NYXi0y2kBohv+buW7RvFQ7SiNIrfKMJhBCDuX3nBMyZfrRdjdLgCQCt/I/wVANeyftUxxWCkrpi/2iUAo/tLxdUCoNPoWRKYWqdbTVx5S73iP1h/tACgfPeZJo53EKBRqgHQXvY4DbiY/GewIb7LGADamzTqwEhDAb1jA/mUDGZCFqYLWou7qMy7RyKsVy5QD6sha3D9BADty+UaojcqM7eqwRUAyez3ar2uH4Da8mGdAuDrJKg2OKiAzrGJ3HGKBEBNv5MbG7oGOsc2pK+B5h6GYNX+NMgdTgyHFhDFfBog+q8P4OrsglLM2t9VwJ30h0YfsJgKNwE6+5aISe86dWA0Jqu4iXkFNCgANMDo7Ibym4jLYNafrrMfFOivJpRVGiB1nR2RiWULcAu/H/a/xdEcepElM0j3/kggdaxjTOo3MUj2uDDUvxHIQu5wWaZ/Y5z94debBpgb+B0M8F9NhGgPAwoo352SuDskofdmmRQ7ttG9OWtSe/SBXC8k73tpZgnjyySY9i/W4RtH4zP6nfiPq58XYqR3IoB5YG7g5/1wvA//qJsnN5EKbfOC1ONOlHZlgQwFNNGe1IckW7g/Aa473qaULaCD4b58GgHUrgRQjgAkY1opASBCuf9d7gXGAy6zRi13NOlBd2k7Px1Hr7zkTu4chNz5n+LEiRMnTpw4ceLEiRN/ADCvQwlF1kkNAAAAAElFTkSuQmCC'), linear-gradient(135deg, rgba(88,69,143,1) 10%, rgba(41, 41, 42, 1) 10%);
    background-size: 70px, 100%;
    background-position: 12px 12px, 0;
    background-repeat: no-repeat;
}
.dark .load-game-score-header span:first-child {
    color: #588ff5;
}
.dark .load-game-score-header span:last-child {
    color: #f4614a;
}

.dark #stats-container {
	background-color: #1d1d20;
}

.dark #stats-container > div:last-of-type {
	border-color: #525254;
}

.highContrast .btn-suggested {
    background-color: #58458F !important;
    color: #FFF !important;
}

.highContrast .btn-suggested-explanation {
    background: #000;
    color: #FFF;
}

.dark.highContrast .btn-suggested {
    background-color: #58458F !important;
    color: #FFF !important;
}
.dark.highContrast .btn-suggested-explanation {
    background: #D3D3D3;
    color: #000;
}

.dark.highContrast #actionButtons button img {
/*	iOS 16.4 breaks the VO cursor if you use opacity. */
/*	opacity: 100%;*/
	filter: none;
}
.dark.highContrast #game-buttons img {
/*	iOS 16.4 breaks the VO cursor if you use opacity. */
/*	opacity: 75%;*/
	filter: none;
}

.dark.highContrast #friends-window li {
    border-color: #858585;
}

.dark .friend-accept-buttons img {
/*    filter: invert(1);*/
}

.dark details {
    background-color: #29292a;
}

.dark .login-window-content {
	background-color: #29292a;
}
.dark .login-window .or-divider::before, .dark .login-window .or-divider::after {
	border-color: #1d1d1e;
}
.dark .login-window input {
	color: inherit;
	border: none;
	background-color: #121214;
}
.dark #create-account-link, .dark #existing-account-link {
	color: #6b6bff
}
.dark .login-window #error-message {
	color: #ff534b;
}

.dark input[type="password"]::-ms-reveal,
.dark input[type="password"]::-ms-clear {
    filter:invert(100%);
}