/* ▄ ███ ███ ███ ███ ███ ███ ███ ▄▄▄▄▄ ▄▄▄▄▄ ▄▄▄▄▄▄ ▄███▄ ███████████▄█████████▄█████████▄ █████▀▀ ████▀▀ ▀▀█████▀▀ ▀▀█████▀▀ ▀▀███▄ ████ ███ ███ ███ ███ ████ ███ ███ ███ ███ ███ ███ ███ ███ ███ ███▄ ███ ███ ███ ███ ███▄ ███ ███ ███ ███ █████▄▄ ▄███ ███ ███ ███ ▀████████████▀ ▀█▀ ▀█▀ ▀█▀ ▀▀▀▀▀▀▀ ┌────────────────────────────┐ │░░░░░ chm-software.com ░░░░░│ └────────────────────────────┘ */ /* nunito-200 - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 200; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-300 - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-200italic - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: italic; font-weight: 200; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-300italic - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: italic; font-weight: 300; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-regular - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-italic - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: italic; font-weight: 400; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-600 - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 600; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-700 - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-600italic - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: italic; font-weight: 600; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-800 - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 800; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-700italic - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: italic; font-weight: 700; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-800italic - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: italic; font-weight: 800; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-900 - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 900; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-900italic - latin_latin-ext */@font-face { font-family: 'Nunito'; font-style: italic; font-weight: 900; src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* days-one-regular - latin */@font-face { font-family: 'Days One'; font-style: normal; font-weight: 400; font-display: swap; src: url('../res/fonts/days-one-v10/days-one-v10-latin-regular.eot'); /* IE9 Compat Modes */ src: url('../res/fonts/days-one-v10/days-one-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../res/fonts/days-one-v10/days-one-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../res/fonts/days-one-v10/days-one-v10-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../res/fonts/days-one-v10/days-one-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../res/fonts/days-one-v10/days-one-v10-latin-regular.svg#DaysOne') format('svg'); /* Legacy iOS */} :root,:after,:before {--themeColor-red: #ff4545;--themeColor-orange: #ff8a18;--themeColor-yellow: #ffcc00;--themeColor-green: #89ff00;--themeColor-blue: #00b0ff;--themeColor-violet: #d969ff;--themeColor-pink: #ff4997;--primaryColor: #fff;--themeColor-battle: #ffcc00;--themeColor-battle-inverse: #0033ff;--themeColor-battle-contrast: #00ccff;}[data-theme="red"],[data-theme="red"] :before,[data-theme="red"] :after {--primaryColor: var(--themeColor-red);}[data-theme="orange"],[data-theme="orange"] :before,[data-theme="orange"] :after {--primaryColor: var(--themeColor-orange);}[data-theme="default"],[data-theme="default"] :before,[data-theme="default"] :after,[data-theme="yellow"],[data-theme="yellow"] :before,[data-theme="yellow"] :after {--primaryColor: var(--themeColor-yellow);}[data-theme="green"],[data-theme="green"] :before,[data-theme="green"] :after {--primaryColor: var(--themeColor-green);}[data-theme="blue"],[data-theme="blue"] :before,[data-theme="blue"] :after {--primaryColor: var(--themeColor-blue);}[data-theme="violet"],[data-theme="violet"] :before,[data-theme="violet"] :after {--primaryColor: var(--themeColor-violet);}[data-theme="pink"],[data-theme="pink"] :before,[data-theme="pink"] :after {--primaryColor: var(--themeColor-pink);}[data-theme="white"],[data-theme="white"] :before,[data-theme="white"] :after {--primaryColor: #fff;}[data-battle-mode="yes"] {--primaryColor: var(--themeColor-battle);}*:not(input),*:not(input):before,*:not(input):after {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;touch-action: manipulation;}*,*:before,*:after {box-sizing: border-box;background-repeat: no-repeat;background-position: center center;background-size: contain;cursor: default;cursor: url(../res/icon/cursor.png) 24 21, default !important;}*:not(.fa):not(.fas):not(.far) {font-weight: normal;font-family: 'Nunito', cursive;}html, body {background-color:#121212;padding:0;margin:0;height:100%;width:100%;overflow:hidden;line-height:inherit;position: relative;color:#dedede;}body {background-size: cover;background-position: center top;background-image: url('../res/background/main.jpg');}/*@media (max-height: 300px) and (max-aspect-ratio: 15/10) {html, body {font-size: 2vh !important;}}@media (max-height: 500px) and (max-aspect-ratio: 15/10) {html, body {font-size: 1vh !important;}}@media (max-width: 300px) and (max-aspect-ratio: 1/1) {html, body {font-size: 2vw !important;}}*/.svgNumber {display: inline-block;height: 1em;width: auto;margin: 0 calc(1em / 20);border: none;outline: none;}.svgNumber:first-child {margin-left: 0;}.svgNumber:last-child {margin-right: 0;} .long-click-progress > * {position: relative;z-index:2;}.long-click-progress:before {content: '';z-index: 1;position: absolute;left:0;top:0;width: 100%;height:100%;background-color: rgba(150,0,0,1);transform-origin:left center;animation: slide-in 1.2s ease-in 1;}.long-click-progress.long-click-complete:before {animation: none;transform: scaleX(1);} @keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}} @keyframes rotate-translate-x {0% {transform: translateX(-50%) rotate(0);}100% {transform: translateX(-50%) rotate(360deg);}} @keyframes rotate-translate-xy {0% {transform: translate(-50%, -50%) rotate(0);}100% {transform: translate(-50%, -50%) rotate(360deg);}} @keyframes rotate-translate-y {0% {transform: translateY(-50%) rotate(0);}100% {transform: translateY(-50%) rotate(360deg);}} @keyframes slide-in {0% {transform: scaleX(0);}100% {transform: scaleX(1);}} @keyframes slide-out {0% {transform: scaleX(1);}100% {transform: scaleX(0);}} #infoOverlay {position: fixed;display: flex;flex-direction: column;align-items: center;justify-content: center;left: 0;top:0;right: 0;bottom: 0;font-size: 2rem;text-align: center;padding:0 2rem;background-color: #121212;z-index:99999;}#infoOverlay > * {display: inline-block;margin-top: 1rem;}#infoOverlay > div > i { /*icon*/font-size: 3rem;color: #444;}#infoOverlay > div > div {padding-top:1rem;color: #eee;}@media(min-aspect-ratio: 2/1) {#infoOverlay {z-index:999999;}} .modal {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:888888;/*background-color: rgba(0,0,0,0.1);*/}.modal-content {position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);width: 90%;height: auto;background-color: #000;border-radius: 1rem;}.modal-content-title {position: relative;text-align: center;color: var(--primaryColor);transition: color 1s;font-size: 3rem;font-weight: 700 !important;padding:2rem;}.modal-content-title.no-title {padding:0;padding-top:2rem;}.modal-content-text {position: relative;height:auto;max-height: 60vh;overflow: auto;margin: 0 2rem;font-size: 2.5rem;text-align: center;color: #ccc;}.modal.full-size .modal-content-text {height: 60vh;}.modal-content-text-padding {padding: 2rem 0;}.modal-content-buttons {position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;padding-top: 2rem;}.button {position: relative;display: inline-flex;color: #000;font-size: 3rem;line-height: 1;text-align: center;background-color: #aaa;align-items: center;justify-content: center;height:7rem;clip-path: polygon(2rem 0%, calc(100% - 2rem) 0%, 100% 50%, calc(100% - 2rem) 100%, 2rem 100%, 0% 50%);padding: 0 4rem;}.button.is-primary {background-color: var(--primaryColor);transition: background-color 1s;}.modal-content-buttons .button {margin-bottom: 2rem;min-width: 200px;}@media(orientation: landscape) {.modal-content-buttons {flex-direction: row;}.modal-content-buttons .button {margin-left: 1rem;margin-right: 1rem;}}.modal-input {position: relative;width: 100%;border: none !important;outline: none !important;background-color: #aaa !important;color: #000 !important;font-size: 3rem;line-height: 1;height: 7rem;padding: 1rem 3rem;/*border-radius: 2rem;*/clip-path: polygon(2rem 0%, calc(100% - 2rem) 0%, 100% 50%, calc(100% - 2rem) 100%, 2rem 100%, 0% 50%);}.modal-input:active,.modal-input:hover,.modal-input:focus {background-color: #ddd !important;}::-moz-selection {color: var(--primaryColor);transition: color 1s;background: #000;}::selection {color: var(--primaryColor);transition: color 1s;background: #000;}.modal-input-container {padding: 1rem 0;} .modal-content-text .selection {position: relative;height: 100%;background-color: rgba(0,0,0,0.2);/*margin:0 1rem;*/}.modal-content-text .selection:before,.modal-content-text .selection:after {content: '';position: absolute;left:0;width: 100%;height: 5rem;z-index: 20;pointer-events: none;}.modal-content-text .selection:before {top:0;background: linear-gradient(to top, rgba(0,0,0,0) 0%, #333 90%);}.modal-content-text .selection:after {bottom:0;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #333 90%);}.modal-content-text .selection-list {position: absolute;left:0;top:1px;width: 100%;height: calc(100% - 2px);overflow: auto;z-index: 10;padding-top: 5rem;padding-bottom: 5rem;}.modal-content-text .selection-list-item {display: flex;align-items: center;justify-content: flex-start;flex-direction: row;height: 8rem;padding: 0 1rem;border-bottom: 1px solid rgba(255,255,255,0.1);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #fff;}.modal-content-text .selection-list-item-icon {display: inline-block;width: 6rem;height: 6rem;background-size: cover;border-radius: 100%;margin-right: 2rem;}.modal-content-text .selection-list-item:last-child {border-bottom: none;}.modal-content-text .selection.large-font .selection-list-item {font-size: 5rem;}.modal-content-text .selection.centered .selection-list-item {justify-content: center;font-size: 4rem;} .modal-content-text .stats-container {display: block;text-align: left;height: 57.5rem;width: 100%;/*min-width: 21rem;*/}.modal-content-text .stats {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}.modal-content-text .stats-title {position: absolute;left:0;top:0;height:8rem;width:100%;display: flex;align-items: center;justify-content: space-between;}.modal-content-text .stats-title-player {position: relative;display: inline-block;line-height: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;width:calc(100% - 9.5rem);padding-left:9.5rem;font-size: 2rem;color: #fff;}.modal-content-text .stats-title-player-first,.modal-content-text .stats-title-player-last {display: inline-block;white-space: nowrap;max-width: 100%;overflow: hidden;text-overflow: ellipsis;line-height: 1;}.modal-content-text .stats-title-player-first {font-weight:700 !important;}.modal-content-text .stats-title-player-last {color:#ccc;}.modal-content-text .stats-title-close {position: relative;display: inline-flex;align-items: center;justify-content: center;font-size: 4rem;color:#f55;width: 9.2rem;height: 8rem;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);margin-left: 0.5rem;background-color: rgba(255,255,255,0.3);}.modal-content-text .stats-player {position: absolute;left: 0rem;top: 0rem;width: 8rem;height: 8rem;border-radius: 100%;overflow: hidden;background-size: cover;}.modal-content-text .stats-tabs {position: absolute;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;left:0;width:100%;padding-left: 9rem;padding-right: 1.5rem;height: 7rem;top:10.5rem;}.modal-content-text .stats-tabs-tab {position: relative;display: inline-flex;flex-direction: row;flex-grow: 1;align-items: center;justify-content: center;width: auto;min-width: 6rem;height: 7rem;font-size: 2.5rem;border-radius: 1rem 1rem 0 0;margin-left: 0.5rem;background-color: rgba(255,255,255,0.1);color: #fff;}.modal-content-text .stats-tabs-tab.active {background-color: #333;color: var(--primaryColor);transition: color 1s;}/*@media(max-width:300px) {.modal-content-text .stats-tabs-tab {min-width: 2rem;font-size: 2rem;}}*/.modal-content-text .stats-tabs-tab i {display: inline-flex;width: 1em;height: 1em;align-items: center;justify-content: center;}.modal-content-text .stats-view {position: absolute;display: flex;align-items: center;justify-content: center;left:8rem;top:17.5rem;right:0;bottom:0;background-color: #333;color: #000;font-size: 10rem;border-radius: 1rem;}.modal-content-text .stats-selects {position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center;left:0;width:8rem;height: 37.5rem;top:18.5rem;}.modal-content-text .stats-selects-select {position: relative;display: inline-flex;align-items: center;justify-content: center;width: 8rem;height: 7rem;margin-top: 0.5rem;border-radius: 1rem 0 0 1rem;background-color: rgba(255,255,255,0.1);background-size: auto 66%;}.modal-content-text .stats-selects-select.active {background-color: #333;color: var(--primaryColor);transition: color 1s;} .table {position: absolute;left:0;top:0;width: 100%;height: 100%;overflow: auto;z-index:200;}.table.updating:before {content: '';position: absolute;z-index: 666666;left: 0;top: 10rem;right: 0;bottom: 0;background-color: rgba(0,0,0,0.8);}.table.updating:after {content: '';position: absolute;z-index: 7777777;left: 50%;top:calc(50% + 5rem);transform: translate(-50%, -50%);width: 10rem;height:10rem;background-image: url(../res/icon/loader.svg) !important;animation: rotate-translate-xy 2s linear infinite;}.table[data-theme="red"].updating:after {background-image: url(../res/icon/loader_red.svg) !important;}.table[data-theme="orange"].updating:after {background-image: url(../res/icon/loader_orange.svg) !important;}.table[data-theme="default"].updating:after,.table[data-theme="yellow"].updating:after {background-image: url(../res/icon/loader_yellow.svg) !important;}.table[data-theme="green"].updating:after {background-image: url(../res/icon/loader_green.svg) !important;}.table[data-theme="blue"].updating:after {background-image: url(../res/icon/loader_blue.svg) !important;}.table[data-theme="violet"].updating:after {background-image: url(../res/icon/loader_violet.svg) !important;}.table[data-theme="pink"].updating:after {background-image: url(../res/icon/loader_pink.svg) !important;}.table > * {z-index:2;}.table-title {position: absolute;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;left:10rem;right:10rem;top:0;height: 10rem;padding:0;}.table-title-title,.table-title-subtitle {text-align: center;width: 100%;max-width:100%;min-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1;height: auto;}.table-title-title {color: var(--primaryColor);font-size: 3rem;transition: color 1s;}.table-title-subtitle {padding-top:0.5rem;color:#eee;font-size: 2rem;}.table-icon {position: absolute;right: 2.75rem;top: 2rem;width: 6rem;height: 6rem;background-size: cover;border-radius: 100%;}.table-close {position: absolute;display: flex;align-items: center;justify-content: center;left: 0;top: 0;width: 10rem;height: 10rem;color: #fff;font-size: 4rem;padding-left: 1.5rem;}.table-elements {position: absolute;left: 0;width: 100%;top: 10rem;bottom: 0;/*background-color: rgba(0,0,0,0.4);*/}.table-game {position: absolute;left:0;width: 100%;font-size: 1rem;height:21rem;top: 0;overflow: hidden;z-index: 5;background-color: rgba(0,0,0,0.9);}.table-game-icon {position: absolute;display: inline-block;top:-2rem;left: 50%;transform: translateX(-50%);width: 10rem;height: 10rem;background-size: cover;border-radius: 100%;z-index:10;}.table-game-target,.table-game-break {position: absolute;display: flex;align-items: center;justify-content: center;left: 50%;transform: translateX(-50%);width: 11.5rem;height: 5rem;line-height: 1;font-size: 2.3rem;z-index:10;}.table-game-target i,.table-game-break i {font-size: 2rem;}.table-game-target {top:14rem;background-color: rgba(128, 128, 128, 0.5);color:#fff;clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);}.table-game-break {top:9rem;background-color: rgba(102, 102, 102, 0.5);color: var(--primaryColor);transition: color 1s;clip-path: polygon(25% 0%, 75% 0%, 100% 100%, 0% 100%);}.table-player {position: absolute;font-size: 1rem;width:calc(50% - 6.5rem);height:19rem;top:0;z-index:10;}.table-player[data-player="0"] {left:0;}.table-player[data-player="1"] {right:0;}/*@media(max-width: 400px) {.table-player {width:calc(50% - 2rem - 4px);}.table-player[data-player="0"] {left:2px;}.table-player[data-player="1"] {right:2px;}}*/.table-player-fouls {position: absolute;top:6rem;height: 8rem;width:4rem;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size:3rem;color:#f00;}.table-player[data-player="0"] .table-player-fouls {left:11.5rem;align-items: flex-start;}.table-player[data-player="1"] .table-player-fouls {right:11.5rem;align-items: flex-end;}.table-player-fouls > * {opacity: 0;transition: opacity 0.5s;}.table-player-fouls[data-fouls="1"] > *:last-child,.table-player-fouls[data-fouls="2"] > *:last-child {opacity: 1;}.table-player-fouls[data-fouls="2"] > *:first-child {opacity: 1;}.table-player-avatar {position: absolute;display: inline-block;top:6rem;width: 8rem;height: 8rem;background-size: cover;border-radius: 100%;z-index:10;background-color: rgba(255, 255, 255, 0.1);}.table-player[data-player="0"] .table-player-avatar {left:1.75rem;}.table-player[data-player="1"] .table-player-avatar {right:1.75rem;}.table-player-stats {position: absolute;display: inline-flex;align-items: center;justify-content: center;top:0;width: 11.5rem;height: 5rem;clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);/*background-size: cover;*//*border-radius: 100%;*/background-color: rgba(102, 102, 102, 0.50);font-size:2rem;color: #f80;transform-origin: center top;transition: transform 0.5s;}.table-player[data-player="0"] .table-player-stats {left:0rem;transform: scaleY(0);}.table-player[data-player="1"] .table-player-stats {right: 0rem;transform: scaleY(0);}.table-player[data-player="0"].has-stats .table-player-stats {transform: scaleY(1);}.table-player[data-player="1"].has-stats .table-player-stats {transform: scaleY(1);}/*@media(max-width: 450px) {.table-player[data-player="0"].has-stats .table-player-avatar {right: calc(50% + 2px);}.table-player[data-player="1"].has-stats .table-player-avatar {left: calc(50% + 2px);}.table-player[data-player="0"].has-stats .table-player-stats {left: 50%;}.table-player[data-player="1"].has-stats .table-player-stats {right: 50%;}}*/.table-player-name {position: absolute;display: inline-block;top: 15rem;height:4rem;width: calc(100% - 1.75rem);line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.table-player[data-player="0"] .table-player-name {left: 1.75rem;}.table-player[data-player="1"] .table-player-name {right: 1.75rem;}.table-player-name-first,.table-player-name-last {display: inline-block;max-width: 100%;font-size: 1.75rem;height: 2rem;line-height: 2rem;overflow: hidden;text-overflow: ellipsis;}.table-player[data-player="0"] .table-player-name > div {text-align: left;}.table-player[data-player="1"] .table-player-name > div {text-align: right;}.table-player-name-first {font-weight: 700 !important;}.table-player-name-last {color: #999999;}.table-controls {position: absolute;left:0;width:100%;bottom:0;top:21rem;background-color: rgba(0,0,0,0.2);overflow: auto;}.table-points {position: absolute;font-size: 1rem;width: calc(50vw - 3.5rem);height:34rem;top: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;}.table-points[data-player="0"] {left: 25%;transform: translate(-50%, -50%);}.table-points[data-player="1"] {right: 25%;transform: translate(50%, -50%);}.table-points-plus,.table-points-minus,.table-points-value {position: relative;display: inline-flex;align-items: center;justify-content: center;}.table-points-value {color:#eee;font-size: 8rem;line-height: 0.5;/*left:0;*//*top: 50%;*//*transform: translateY(-50%);*/height:14rem;min-height: 14rem;width:100%;}.table-points.waiting-for-update .table-points-value {opacity: 0.3;}.table-points-plus,.table-points-minus {color: var(--primaryColor);transition: color 1s;font-size: 4rem;width: 11.5rem;height:10rem;background-color: #555;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);}.table-points-plus {/*left:0;*//*top:0;*/}.table-points-minus {/*left:0;*//*bottom:0;*/} .game14-points {position: absolute;left:0;top: 0;width: 100%;font-size: 1rem;height:6rem;background-color: rgba(0,0,0,0.9);z-index:50;}.game14-points-value {position: absolute;font-size: 4.25rem;line-height: 1;height: 100%;color: #fff;display: inline-flex;width: calc(50% - 5.75rem - 1.75rem);align-items: flex-start;justify-content: center;/*transform: translateX(-50%);*/}.game14-points-value[data-player-points="0"]:after {content: '';position: absolute;bottom: -0.5rem;height: 1rem;background-color: var(--primaryColor);border-radius: 1rem;width:100%;left: 0;/*transform: scaleX(0);*/transition: transform 0.75s, background-color 1s;}.game14-points-value[data-player-points="0"] {left: 1.75rem;}/*.game14-points-value[data-player-points="0"]:after {transform-origin: 100% 50%;}*/.game14-points-value[data-player-points="1"] {right: 1.75rem;}/*.game14-points-value[data-player-points="1"]:after {transform-origin: 0% 50%;}*/.table[data-mode="game14"][data-active-player="1"] .game14-points-value[data-player-points="0"]:after {/*transform: scaleX(1);*/transform: translateX(calc(100% + 5.75rem + 5.75rem));}/*.table[data-mode="game14"][data-active-player="1"] .game14-points-value[data-player-points="1"]:after {transform: scaleX(1);}*/.game14-controls-balls {position: absolute;z-index:20;display: flex;align-items: center;justify-content: center;top:6rem;padding-top: 2.5rem;left:50%;transform: translateX(-50%);font-size: 1rem;width: 100%;bottom: 14rem;overflow: auto;text-align: center;/*max-width: 100vw;*//*max-height: 100vw;*/}.game14-balls {position: relative;display: inline-block;width: 44rem;min-width: 44rem;max-width: 44rem;height: 38.8rem;min-height: 38.8rem;max-height: 38.8rem;margin-left: 0.75rem;margin-top: 0.75rem;}.game14-balls-ball-container {position: relative;display: inline-flex;width: calc(25% - 1.25rem);height:calc(25% - 1.25rem);align-items: center;justify-content: center;margin-bottom: 1rem;margin-right: 1rem;}.game14-controls-buttons {position: absolute;display: flex;align-items: center;justify-content: space-between;bottom:2rem;font-size: 4rem;left:0;width: 100%;height:10rem;padding: 0 1.75rem;}.game14-buttons-button {display: inline-flex;width: 8.7rem;height: 10rem;background-size: 3rem 3rem;background-color: rgba(77, 77, 77, 0.5);color: var(--primaryColor);transition: color 1s;clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);align-items: center;justify-content: center;font-size: 3rem;max-width: calc((100vw - 3.5rem) / 7.5);max-height: calc(1.15 * (100vw - 3.5rem) / 7.5);}.game14-buttons-button.disabled {opacity: 0.1;}.game14-buttons-button:not(.disabled).active {background-color: rgba(255, 0, 0, 0.5);animation: chmButtonActive 0.9s linear infinite;}.game14-buttons-button.placeholder {opacity: 0;}.chmButton14 {position: absolute;left:50%;top:0;height: 100%;width: 100%;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);transform: translateX(-50%);display: flex;align-items: center;justify-content: center;background-color: rgba(77, 77, 77, 0.5);color: #b3b3b3;font-size: 3rem;padding-top: 5%;line-height: 1;}.chmButton14 .chmButton14_Line {position: absolute;left: 0;right: 0;height: 5%;background-color: #b3b3b3;bottom: 0;}.chmButton14 .chmButton14_Line.striped:before, .chmButton14 .chmButton14_Line.striped:after {content: '';position: absolute;top: 0;width: 35%;height: 100%;background-color: #b3b3b3;}.chmButton14 .chmButton14_Line.striped:before {left: 0;}.chmButton14 .chmButton14_Line.striped:after {right: 0;}.chmButton14.active {background-color: rgba(255, 0, 0, 0.5);animation: chmButtonActive 0.9s linear infinite;}@keyframes chmButtonActive {0% {background-color: rgba(255, 0, 0, 0.5);}50% {background-color: rgba(255, 0, 0, 0.5);}51% {background-color: rgba(255, 204, 0, 0.5);}100% {background-color: rgba(255, 204, 0, 0.5);}}.chmButton14.disabled {opacity: 0.1;} .table-list {position: absolute;left:0;top:0;width: 100%;height: 100%;overflow: auto;padding-bottom: 16rem;z-index:100;opacity: 0 !important;}.table-list-add {position: fixed;display: flex;align-items: center;justify-content: center;left:50%;bottom:8rem;width:11.5rem;height: 10rem;font-size: 4rem;transform: translateX(-50%);/*border-radius: 100%;*/clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);background-color: rgba(0,0,0,0.75);color:#fff;background-color: #fff;color:#000;}.table-list-fullscreen,.table-list-editName {position: fixed;display: flex;align-items: center;justify-content: center;bottom:8rem;width:10rem;height: 10rem;font-size: 4rem;color:#000;text-shadow: 1px 1px rgba(255,255,255,0.05);color:#fff;text-shadow: 1px 1px rgba(0,0,0,0.05);}.table-list-fullscreen {right:calc(50% + 10rem);}.table-list-editName {left:calc(50% + 10rem);}.table-list-empty {position: fixed;display: flex;flex-direction: column;align-items: center;justify-content: center;left: 0;top:5%;/*transform: translateY(-50%);*/width: 100%;height: auto;font-size: 2rem;text-align: center;padding:0 8rem;}.table-list-empty > * {display: inline-block;margin-top: 2rem;}.table-list-empty > i { /*icon*/font-size: 8rem;color: #eee;}.table-list-empty-title {color: #fff;margin-top:1rem;}.table-list-empty-text {color: #888;}.table-list:not(.is-empty) .table-list-empty {display: none;}.table-list-item {position: relative;margin:2rem;border-radius: 1rem;/*padding:1.5rem 2.75rem;*/padding: 1.5rem;padding-bottom: 2rem;/*background-color: rgba(70, 70, 70, 0.9);*//*background-color: rgba(0,0,0, 1);*//*box-shadow: 0 0 0.5rem var(--primaryColor);*//*transition: box-shadow 1s;*//*background-color: var(--primaryColor);*//*transition: background-color 1s;*/background-color: #000;overflow: hidden;height:13rem;/*clip-path: polygon(3.75rem 0%, calc(100% - 3.75rem) 0%, 100% 50%, calc(100% - 3.75rem) 100%, 3.75rem 100%, 0% 50%);*/display: flex;align-items: center;justify-content: flex-start;}.table-list-item * {position: relative;z-index: 10;pointer-events: none;}.table-list-item:before {content: '';/*background-color: var(--primaryColor);*//*border: 2px solid var(--primaryColor);*/border-bottom: 0.5rem solid var(--primaryColor);transition: border 1s;position: absolute;z-index: 1;left: 0;top: 0;right: 0;bottom: 0;/*border-radius:1rem;*/}.table-list-item.inactive > *,.table-list-item.inactive:before {opacity: 0.3;}.table-list-item.updating {/*opacity: 0.7;*/}.table-list-item-content {display: flex;flex-direction: column;align-items: flex-start;justify-content: center;width: calc(100% - 11.5rem);min-width: calc(100% - 11.5rem);max-width: calc(100% - 11.5rem);margin-left: 1.5rem;}.table-list-item-title {font-size: 3rem;line-height: 1.3;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: var(--primaryColor);transition: color 1s;/*color: #000;*/width: 100%;min-width: 100%;max-width: 100%;}.table-list-item-subtitle {font-size: 2rem;line-height: 1.1;/*padding-top: 0.5rem;*/white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#ddd;/*color: #444;*/width: 100%;min-width: 100%;max-width: 100%;}.table-list-item-icon {position: relative;width: 10rem;min-width: 10rem;height:10rem;min-height: 10rem;background-size: cover;border-radius: 100%;background-color: rgba(0,0,0,0.25);}.table-list-item.updating .table-list-item-icon {background-image: url(../res/icon/loader.svg) !important;animation: rotate 2s linear infinite;}.table-list-item[data-theme="red"].updating .table-list-item-icon {background-image: url(../res/icon/loader_red.svg) !important;}.table-list-item[data-theme="orange"].updating .table-list-item-icon {background-image: url(../res/icon/loader_orange.svg) !important;}.table-list-item[data-theme="default"].updating .table-list-item-icon,.table-list-item[data-theme="yellow"].updating .table-list-item-icon {background-image: url(../res/icon/loader_yellow.svg) !important;}.table-list-item[data-theme="green"].updating .table-list-item-icon {background-image: url(../res/icon/loader_green.svg) !important;}.table-list-item[data-theme="blue"].updating .table-list-item-icon {background-image: url(../res/icon/loader_blue.svg) !important;}.table-list-item[data-theme="violet"].updating .table-list-item-icon {background-image: url(../res/icon/loader_violet.svg) !important;}.table-list-item[data-theme="pink"].updating .table-list-item-icon {background-image: url(../res/icon/loader_pink.svg) !important;}.table-list-item.updating .table-list-item-icon {opacity: 1;}.table-list-item.inactive:not(.updating) .table-list-item-icon {opacity: 0.2;} #ui {position: absolute;left: 0;top: 0;width: 100%;bottom: 5rem; /* height of #remoteName */overflow: hidden;color:#dedede;}#ui.disconnected {/*overflow: hidden;*/}#ui.disconnected:before {content:'OFFLINE';color: #ff5555;position: fixed;font-size: 4vw;display: flex;align-items: center;justify-content: center;left:0;top:0;right:0;bottom:0;background-color: rgba(0,0,0,0.85);z-index:999998;}#ui.disconnected:after {content:'';position: fixed;left:50%;width:5rem;height:5rem;bottom: 4rem;z-index:999999;background-image: url(../res/icon/loader_red.svg) !important;animation: rotate-translate-x 2s linear infinite;}#uiOverlay {position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index:888888;background-color: rgba(255, 255, 255, 0.9);}#uiOverlay.table-only {top:10rem;bottom:5rem;}#remoteName {position: fixed;display: flex;align-items: center;justify-content: center;bottom:0;left: 0;width:100%;height:5rem;font-size: 2rem;color:#fff;text-shadow: 1px 1px rgba(0,0,0,0.1);} .qrCodeScannerContainer {position: fixed;display: flex;align-items: center;justify-content: center;flex-direction: column;z-index:777777;left:0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.9);}.qrCodeScannerContainer > * {margin: 1rem;}.qrCodeScanner {position: relative;/*left:50%;*//*top:10%;*/width:80vmin;height:80vmin;/*transform: translateX(-50%);*/ /* scale(0.5, 0.5);*//*display: flex;*//*align-items: center;*//*justify-content: center;*/background-color: #000;transition: background-color 1s;}.qrCodeScanner.loading {background-color: rgba(255,255,255,0.2);}.qrCodeScanner.loading:before {content: '';position: absolute;left: 50%;top: 50%;width:5rem;height:5rem;background-image: url(../res/icon/loader.svg) !important;animation: rotate-translate-xy 2s linear infinite;}.qrCodeScanner.loading .qrCodeVideoStream {opacity: 0;}.qrCodeVideoStream {position: absolute;left:50%;top:50%;width:100%;height:auto;transform: translate(-50%, -50%);transition: opacity 1s;opacity: 1;}.qrCodeScannerButtons {display: flex;align-items: center;justify-content: center;flex-direction: row;width: calc(80vmin + 5.75rem);max-width: 90%;}.qrCodeScannerButtons.top {justify-content: flex-end;}.qrCodeScannerButtons.bottom {justify-content: center;}.qrCodeScannerButtons .button {width: 11.5rem;height: 10rem;min-width: 11.5rem;min-height: 10rem;display: inline-flex;font-size: 4rem;line-height: 1;align-items: center;justify-content: center;margin:0;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);background-color: var(--primaryColor);transition: color 1s;}@media(orientation: landscape) {.qrCodeScannerContainer {flex-direction: row-reverse;}.qrCodeScannerButtons {display: flex;align-items: center;flex-direction: column;width: auto;max-width: none;height: calc(80vmin + 5.75rem);max-height: 90%;}.qrCodeScannerButtons.top {justify-content: flex-start;}} :root,:after,:before {--gap: 0.63vw;--offset-bottom: calc(var(--gap) + var(--info-height));--offset-side: calc(2 * var(--gap));--offset-top: var(--offset-side);--panel-size: 4.4vw;--panel-inner-size: calc(var(--panel-size) - (2 * var(--gap)));--logo-width: 13.5vw;--logo-image-height: 1vw;--text-font-size: 1.1vw;--points-width: 7.5vw;--points-font-size: 1.5vw;--points-marker-width: 2.2vw;--hexa-offset-panel-inner: calc(0.25 * 1.15 * var(--panel-inner-size));--hexa-offset-panel: calc(0.25 * 1.15 * var(--panel-size));--avatar-size: var(--panel-inner-size);--info-height: 1.7vw;--info-padding: var(--info-height);--info-border-color: transparent;--info-bgcolor: #fff;--info-color: #000;--info-color-decent: #808080;--panelColor: #000;--panelTextColor: #fff;}html, body { background-image: none !important; background-color: rgba(0,0,0,0) !important;}body.debug { background-color: rgba(0,0,0,0.1) !important;}.table,.table-stream-overlay {position: fixed;left: 0;top: 0;right: 0;bottom: 0;}.table-stream-overlay {color: #000;}#ui.disconnected:before {display: none !important;}#ui.disconnected:after {content:'';position: fixed;left:50%;top: 50%;width: 10vmin;height: 10vmin;bottom: auto;z-index:999999;background-image: url(../res/icon/loader_red.svg) !important;animation: rotate-translate-xy 2s linear infinite;}body > *:not(#ui),#ui > *:not(.table),#ui > .table > *:not(.table-stream-overlay) {display: none !important;}.table-stream-overlay > * {opacity: 1;transition: opacity 1s;}#ui.disconnected .table-stream-overlay > *:not(.overlay-logo, .overlay-panel-bottom, .overlay-panel-bottom-border) {opacity: 0;}.svgNumber {margin: 0 1px;}.overlay-panel-bottom,.overlay-panel-bottom-border,.overlay-panel-left,.overlay-panel-right {position: absolute;z-index: 10;height: var(--panel-size);transition: background-color 1s;}.overlay-panel-bottom {background-color: var(--panelColor);left: var(--offset-side);right: var(--offset-side);bottom: var(--offset-bottom);border: none;/* padding-left: var(--gap) solid var(--primaryColor);padding-right: var(--gap) solid var(--primaryColor); */}.overlay-panel-bottom-border {background-color: transparent;z-index: 999;height: calc(var(--panel-size) + (0.5 * var(--gap)) - 1px);left: var(--offset-side);right: var(--offset-side);bottom: var(--offset-bottom);border-top: calc(0.5 * var(--gap)) solid var(--primaryColor);/* border-left: var(--gap) solid #000;border-right: var(--gap) solid #000; */}[data-battle-mode="yes"] .overlay-panel-bottom-border {border-color: var(--themeColor-battle-contrast);}.overlay-panel-left,.overlay-panel-right {background-color: var(--info-bgcolor);color: var(--info-color);height: var(--panel-size);width: auto;background-color: var(--panelColor);color: var(--panelTextColor);}.overlay-panel-left {left: var(--offset-side);top: var(--offset-top);padding-left: 0;padding-right: calc((2 * var(--hexa-offset-panel)) + (2 * var(--gap)));border-left: calc(0.5 * var(--gap)) solid var(--primaryColor);clip-path: polygon(0% 0%,100% 0%,calc(100% - (2 * var(--hexa-offset-panel))) 100%,0% 100%);}.overlay-panel-right {right: var(--offset-side);top: var(--offset-top);padding-left: calc((2 * var(--hexa-offset-panel)) + (2 * var(--gap)));padding-right: 0;border-right: calc(0.5 * var(--gap)) solid var(--primaryColor);clip-path: polygon(0% 0%,100% 0%,100% 100%,calc(2 * var(--hexa-offset-panel)) 100%);}[data-battle-mode="yes"] .overlay-panel-left,[data-battle-mode="yes"] .overlay-panel-right {border-color: var(--themeColor-battle-contrast);}[data-battle-mode="yes"] {--logo-width: 20vw;}.overlay-logo {position: absolute;left: 50%;transform: translateX(-50%);width: var(--logo-width);height: var(--panel-inner-size);bottom: calc(var(--gap) + var(--offset-bottom));background-color: #000;background-image: url('/res/icon/scoretrek_wordmark_oneline.svg');background-size: auto var(--logo-image-height);background-position: center center;background-repeat: no-repeat;clip-path: polygon(var(--hexa-offset-panel-inner) 0%,calc(100% - var(--hexa-offset-panel-inner)) 0%,100% 50%,calc(100% - var(--hexa-offset-panel-inner)) 100%,var(--hexa-offset-panel-inner) 100%,0% 50%);transition: width 1s;z-index: 99;}[data-battle-mode="yes"] .overlay-logo {background-image: url('/res/icon/scoretrek_battle_oneline.svg');}.overlay-points {position: absolute;width: calc(var(--points-width) + 1px);height: var(--panel-inner-size);bottom: calc(var(--gap) + var(--offset-bottom));z-index: 98;display: flex;flex-direction: row;align-items: center;justify-content: center;}.overlay-points:before {content: '';z-index: 1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.2);}.overlay-points:after {content: '';z-index: 3;position: absolute;top: 0;width: var(--points-marker-width);height: 100%;background-color: rgba(0,0,0,0);transition: background-color 0.75s;}.overlay-points[data-player-points="0"] {right: calc(50% + (0.5 * var(--logo-width)) - var(--hexa-offset-panel-inner) - 1px);transition: right 1s;}.overlay-points[data-player-points="0"]:before {clip-path: polygon(var(--hexa-offset-panel-inner) 0%,100% 0%,100% 100%,var(--hexa-offset-panel-inner) 100%,0% 50%);}.overlay-points[data-player-points="0"]:after {right: 100%;clip-path: polygon(var(--hexa-offset-panel-inner) 0%,100% 0%,calc(100% - var(--hexa-offset-panel-inner)) 50%,100% 100%,var(--hexa-offset-panel-inner) 100%,0% 50%);}.overlay-points[data-player-points="1"] {left: calc(50% + (0.5 * var(--logo-width)) - var(--hexa-offset-panel-inner) - 1px);transition: left 1s;}.overlay-points[data-player-points="1"]:before {clip-path: polygon(0% 0%,calc(100% - var(--hexa-offset-panel-inner)) 0%,100% 50%,calc(100% - var(--hexa-offset-panel-inner)) 100%,0% 100%);}.overlay-points[data-player-points="1"]:after {left: 100%;clip-path: polygon(0% 0%,calc(100% - var(--hexa-offset-panel-inner)) 0%,100% 50%,calc(100% - var(--hexa-offset-panel-inner)) 100%,0 100%,var(--hexa-offset-panel-inner) 50%);}.table[data-active-player="1"] .overlay-points[data-player-points="0"]:after,.table[data-active-player="2"] .overlay-points[data-player-points="1"]:after {background-color: var(--primaryColor);}.overlay-points-value {z-index: 2;display: inline-flex;flex-direction: row;align-items: center;justify-content: center;font-size: var(--points-font-size);line-height: 1;color: #fff;}.overlay-player-wrapper {position: absolute;height: var(--panel-inner-size);bottom: calc(var(--gap) + var(--offset-bottom));width: calc(50vw - (2 * var(--gap)) - var(--offset-side) - var(--points-width) + var(--hexa-offset-panel-inner) - var(--points-marker-width) - (0.5 * var(--logo-width)));z-index: 99;display: flex;flex-direction: column;justify-content: center;}.overlay-player-wrapper[data-player="0"] {left: calc(var(--gap) + var(--offset-side) - 1px);align-items: flex-start;}.overlay-player-wrapper[data-player="1"] {right: calc(var(--gap) + var(--offset-side) - 1px);align-items: flex-end;}.overlay-player-wrapper[data-has-sub-player="yes"],.overlay-player-fouls[data-has-sub-player="yes"] {--avatar-size: calc(0.5 * var(--panel-inner-size));}.overlay-player-wrapper[data-has-team="yes"] {--avatar-size: calc(0.4 * var(--panel-inner-size));}.overlay-player-wrapper:not([data-has-sub-player="yes"]) .overlay-player[data-sub-player] {display: none !important;}.overlay-player {display: flex;align-items: center;justify-content: space-between;width: 100%;height: var(--avatar-size);}.overlay-player-wrapper[data-player="0"] .overlay-player {flex-direction: row;}.overlay-player-wrapper[data-player="1"] .overlay-player {flex-direction: row-reverse;}.overlay-team-name,.overlay-player-name {font-family: 'Days One' !important;font-size: var(--text-font-size);line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: width 1s;}.overlay-team-name {width: 100%;padding-top: 0.1em;padding-bottom: 0.2em;color: var(--primaryColor);}.overlay-player-name {width: calc(100% - var(--gap) - var(--avatar-size));color: var(--panelTextColor);}.overlay-player-wrapper[data-has-club="yes"] [data-player-name],.overlay-player-wrapper[data-has-sub-club="yes"] [data-sub-player-name] {width: calc(100% - (0.25 * var(--gap)) - (2 * var(--avatar-size)));}.overlay-player-wrapper[data-has-sub-player="yes"][data-has-club="yes"] [data-player-name],.overlay-player-wrapper[data-has-sub-player="yes"][data-has-sub-club="yes"] [data-sub-player-name] {width: calc(100% - (0.5 * var(--gap)) - (2 * var(--avatar-size)));}.overlay-player-wrapper[data-player="0"] .overlay-team-name,.overlay-player-wrapper[data-player="0"] .overlay-player-name {text-align: left;}.overlay-player-wrapper[data-player="1"] .overlay-team-name,.overlay-player-wrapper[data-player="1"] .overlay-player-name {text-align: right;}.overlay-player-wrapper[data-has-team="yes"] .overlay-team-name,.overlay-player-wrapper[data-has-team="yes"] .overlay-player-name {font-size: calc(0.9 * var(--text-font-size));}.overlay-player-wrapper[data-has-club="no"] [data-player-club],.overlay-player-wrapper[data-has-sub-club="no"] [data-sub-player-club] {display: none !important;}.overlay-player-club,.overlay-player-avatar {background-position: center center;background-size: cover;background-repeat: no-repeat;width: var(--avatar-size);min-width: var(--avatar-size);max-width: var(--avatar-size);height: var(--avatar-size);min-height: var(--avatar-size);max-height: var(--avatar-size);border-radius: 100%;background-color: var(--panelColor);}.overlay-player-avatar {z-index: 2;}.overlay-player-club {z-index: 3;border: 1px solid var(--panelColor);}.overlay-player-wrapper[data-has-sub-player="yes"] .overlay-player-club {border-width: 1px;}.overlay-player-wrapper[data-has-club="yes"][data-player="0"] [data-player-avatar],.overlay-player-wrapper[data-has-sub-club="yes"][data-player="0"] [data-sub-player-avatar] {transform: translateX(calc(-0.75 * var(--gap)));}.overlay-player-wrapper[data-has-club="yes"][data-player="1"] [data-player-avatar],.overlay-player-wrapper[data-has-sub-club="yes"][data-player="1"] [data-sub-player-avatar] {transform: translateX(calc(0.75 * var(--gap)));}.overlay-team {display: flex;align-items: center;width: calc(100% - 0.5em);height: var(--avatar-size);}.overlay-player-wrapper[data-player="0"] .overlay-team {justify-content: flex-start;margin-left: 0.5em;}.overlay-player-wrapper[data-player="1"] .overlay-team {justify-content: flex-end;margin-right: 0.5em;}.overlay-player-wrapper[data-has-team="no"] .overlay-team {display: none !important;}.overlay-player-fouls {position: absolute;display: inline-flex;flex-direction: row;align-items: center;justify-content: center;width: auto;min-width: 8.5vw;padding: 0 var(--info-height);padding-top: 0.1em;bottom: calc(var(--offset-bottom) + var(--panel-size) - 2px);height: calc(var(--info-height) + 1px);z-index: 1000;}.overlay-player-fouls,.overlay-player-fouls * {line-height: 1;font-family: 'Days One' !important;font-size: var(--text-font-size);color: var(--primaryColor);}.overlay-player-fouls > * {z-index: 10;}.overlay-player-fouls-label {margin-left: calc(0.5* var(--gap));}/* .overlay-player-fouls:before {content: '';position: absolute;left: 0;right: 0;bottom: 0;height: calc(100% + (0.5 * var(--gap)));z-index: 1;background-color: #fff;--offset: calc(0.25 * 2 * 1.15 * (var(--info-height) + (0.5 * var(--gap)) + 1px));clip-path: polygon(var(--offset) 0%,calc(100% - var(--offset)) 0%,100% 100%,0% 100%);} */.overlay-player-fouls:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background-color: #000;--offset: calc(0.25 * 2 * 1.15 * (var(--info-height) + 1px));clip-path: polygon(var(--offset) 0%,calc(100% - var(--offset)) 0%,100% 100%,0% 100%);}.overlay-player-fouls[data-player-fouls="0"] {left: calc(var(--avatar-size) + (2 * var(--gap)));}.overlay-player-fouls[data-player-fouls="0"]:before {right: calc(-0.5 * var(--info-padding));}.overlay-player-fouls[data-player-fouls="1"] {right: calc(var(--avatar-size) + (2 * var(--gap)));}.overlay-player-fouls[data-player-fouls="1"]:before {left: calc(-0.5 * var(--info-padding));}.overlay-player-fouls[data-fouls-count="0"] {display: none !important;}.overlay-info {position: absolute;display: flex;flex-direction: row;align-items: flex-end;justify-content: center;z-index: 9;bottom: calc(var(--offset-bottom) - var(--info-height));height: calc(var(--info-height) + 1px);left: 50%;transform: translateX(-50%);}.overlay-info > * {position: relative;z-index: 10;display: inline-flex;flex-direction: row;align-items: center;justify-content: center;width: auto;min-width: 11vw;padding: 0 var(--info-height);padding-top: 0.1em;bottom: 0;height: calc(var(--info-height) + 1px);margin: 0;color: var(--info-color);}.overlay-info > * > * {z-index: 10;}.overlay-info > *:before {content: '';position: absolute;left: calc(-0.5 * var(--info-padding));right: calc(-0.5 * var(--info-padding));bottom: 0;height: calc(100% + (0.5 * var(--gap)));z-index: 1;background-color: var(--info-border-color);--offset: calc(0.25 * 2 * 1.15 * (var(--info-height) + (0.5 * var(--gap)) + 1px));clip-path: polygon(var(--offset) 100%,calc(100% - var(--offset)) 100%,100% 0%,0% 0%);}.overlay-info > *:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background-color: var(--info-bgcolor);--offset: calc(0.25 * 2 * 1.15 * (var(--info-height) + 1px));clip-path: polygon(var(--offset) 100%,calc(100% - var(--offset)) 100%,100% 0%,0% 0%);}.overlay-info * {line-height: 1;font-family: 'Days One' !important;font-size: var(--text-font-size);}[data-battle-mode="yes"] .overlay-info > *:after {background-color: var(--themeColor-battle);}.overlay-info-label {margin-right: calc(0.5 * var(--gap));color: var(--info-color-decent);}[data-battle-mode="yes"] .overlay-info-label {color: #666;}.overlay-info-take-value {display: inline-flex;align-items: center;justify-content: center;}.overlay-info-take-value > span:nth-child(2) {color: var(--info-color-decent);font-size: 1.5em;padding: 0 0.1em;opacity: 0.7;}/* .overlay-info-balls,.overlay-info-take, */.overlay-info[data-balls="no"] .overlay-info-balls,.overlay-info[data-target="no"] .overlay-info-target,.overlay-info[data-take="no"] .overlay-info-take,.overlay-info[data-balls="no"] .overlay-info-top,.overlay-info[data-target="no"][data-take="no"] .overlay-info-bottom,.overlay-info[data-balls="no"][data-target="no"][data-take="no"] {display: none !important;}.overlay-game,.overlay-details {display: flex;align-items: center;justify-content: flex-start;height: var(--panel-size);}.overlay-game > *,.overlay-details > * {flex-shrink: 0;flex-grow: 0;}.overlay-game {flex-direction: row-reverse;}.overlay-details {flex-direction: row;}.overlay-details-name,.overlay-game-title {display: inline-block;max-width: calc(50vw - var(--panel-size) - var(--offset-side) - (2 * var(--hexa-offset-panel)) - (4 * var(--gap)));font-family: 'Days One' !important;font-size: var(--text-font-size);line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-top: 0.1em;}.overlay-details-icon,.overlay-game-icon {display: inline-block;margin: var(--gap);width: var(--panel-inner-size);height: var(--panel-inner-size);background-position: center center;background-repeat: no-repeat;background-size: cover;border-radius: 100%;border: 1px solid rgb(0,0,0,0.3);}