/* ▄ ███ ███ ███ ███ ███ ███ ███ ▄▄▄▄▄ ▄▄▄▄▄ ▄▄▄▄▄▄ ▄███▄ ███████████▄█████████▄█████████▄ █████▀▀ ████▀▀ ▀▀█████▀▀ ▀▀█████▀▀ ▀▀███▄ ████ ███ ███ ███ ███ ████ ███ ███ ███ ███ ███ ███ ███ ███ ███ ███▄ ███ ███ ███ ███ ███▄ ███ ███ ███ ███ █████▄▄ ▄███ ███ ███ ███ ▀████████████▀ ▀█▀ ▀█▀ ▀█▀ ▀▀▀▀▀▀▀ ┌────────────────────────────┐ │░░░░░ 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.woff2') format('woff2'), url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200.woff') format('woff');}/* 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.woff2') format('woff2'), url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300.woff') format('woff');}/* 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.woff2') format('woff2'), url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.woff') format('woff');}/* 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.woff2') format('woff2'), url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.woff') format('woff');}/* 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.woff2') format('woff2'), url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.woff') format('woff');}/* 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.woff2') format('woff2'), url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.woff') format('woff');}/* 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.woff2') format('woff2'), url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600.woff') format('woff');}/* 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.woff2') format('woff2'), url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700.woff') format('woff');}/* 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.woff2') format('woff2'), url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.woff') format('woff');}/* 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.woff2') format('woff2'), url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800.woff') format('woff');}/* 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.woff2') format('woff2'), url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.woff') format('woff');}/* 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.woff2') format('woff2'), url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.woff') format('woff');}/* 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.woff2') format('woff2'), url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900.woff') format('woff');}/* 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.woff2') format('woff2'), url('../res/fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.woff') format('woff');}/* patrick-hand-sc-regular - latin */@font-face { font-family: 'Patrick Hand SC'; font-style: normal; font-weight: 400; src: url('../res/fonts/patrick-hand-sc-v8/patrick-hand-sc-v8-latin-regular.woff2') format('woff2'), url('../res/fonts/patrick-hand-sc-v8/patrick-hand-sc-v8-latin-regular.woff') format('woff');}/* days-one-regular - latin */@font-face { font-family: 'Days One'; font-style: normal; font-weight: 700; src: url('../res/fonts/days-one-v10/days-one-v10-latin-regular.woff2') format('woff2'), url('../res/fonts/days-one-v10/days-one-v10-latin-regular.woff') format('woff');}/* days-one-regular - latin */@font-face { font-family: 'Days One'; font-style: normal; font-weight: 800; src: url('../res/fonts/days-one-v10/days-one-v10-latin-regular.woff2') format('woff2'), url('../res/fonts/days-one-v10/days-one-v10-latin-regular.woff') format('woff');} :root {--themeColor-red: #ff4545;--themeColor-red-secondary: #00ccff;--themeColor-red-inverse: #00baba;--themeColor-orange: #ff8a18;--themeColor-orange-secondary: #00ccff;--themeColor-orange-inverse: #0075e7;--themeColor-yellow: #ffcc00;--themeColor-yellow-secondary: #00ccff;--themeColor-yellow-inverse: #0033ff;--themeColor-green: #89ff00;--themeColor-green-secondary: #00ccff;--themeColor-green-inverse: #7600ff;--themeColor-blue: #00b0ff;--themeColor-blue-secondary: #ffcc00;--themeColor-blue-inverse: #ff4f00;--themeColor-violet: #d969ff;--themeColor-violet-secondary: #ffcc00;--themeColor-violet-inverse: #269600;--themeColor-pink: #ff4997;--themeColor-pink-secondary: #00ccff;--themeColor-pink-inverse: #00b668;--themeColor-battle: #ffcc00;--themeColor-battle-secondary: #00ccff;--themeColor-battle-inverse: #0033ff;--themeColor-battle-contrast: #00ccff;--primaryColor: var(--themeColor-yellow);--secondaryColor: var(--themeColor-yellow-secondary);--focusColor: var(--themeColor-yellow-inverse);--baseFontSize: 1rem;--header-height: 25rem;--target-height: 0rem;--menu-height: 0rem;--menu-button-height: 10rem;--menu-handler-height: 8.5rem;--menu-handler-icon-offset: -0.75rem;--menu-elevation-height: 0rem;--current-take-height: calc(0.3 * (100vh - var(--header-height) - var(--menu-carom-height) - var(--menu-elevation-height)));--points-bottom-offset: 0rem;--menu-14-height: 22rem;--menu-carom-height: 14rem;--carom-button-size: 10rem;--menu-snooker-height: 14rem;--snooker-button-size: 10rem;--chmButton14-width: calc((98vw - 15vw) / 16);--chmButton14-font-size: 3rem;--warningColor: #ff0055;--safe-area-inset-top: 0px;--safe-area-inset-right: 0px;--safe-area-inset-bottom: 0px;--safe-area-inset-left: 0px;--keyboard-key-size: 6rem;--keyboard-key-gap: 1rem;--playerEditor-keyboard-height: calc((5 * var(--keyboard-key-size)) + (8 * var(--keyboard-key-gap)) + 4rem);--playerEditor-field-size: 2rem;--chmSelectorItems-height: 72rem;--chmSelectorItems-font-size: 15rem;--chmSelectorItem-button-width: calc(1.15 * 2.75em);--chmSelector-custom-button-size: 10rem;--cursor: url('../res/icon/cursor_yellow.png') 24 21;--avatar-size: 15rem;--subAvatar-size: 8rem;--proPlayer-offset: -10%;--point-selector-tab-height: calc(6 * var(--baseFontSize));}@media(max-aspect-ratio: 11/9) {:root {--menu-14-height: 15.5rem;--chmButton14-width: 10rem;--chmButton14-font-size: 4rem;}}@media (max-aspect-ratio: 1/1) {:root {--baseFontSize: 1.3vw;--menu-14-height: 14.5vmin;--chmButton14-width: 10vmin;--chmButton14-font-size: 4vmin;--menu-button-height: 11vmin;--menu-handler-height: 8.5vmin;--menu-snooker-height: 9.5vmin;--snooker-button-size: 7vmin;--menu-carom-height: 13.5vmin;--carom-button-size: 11vmin;--chmSelectorItems-height: calc(100vh - (28 * var(--baseFontSize)));--chmSelectorItems-font-size: calc(1.3 * ((100vh - (28 * var(--baseFontSize))) / 7));--keyboard-key-size: 7vw;--keyboard-key-gap: 0.25vw;}.chmPointsSelector {--chmSelectorItems-height: 88vmin;--chmSelector-custom-button-size: 11vmin;}}@media (max-aspect-ratio: 65/100) {:root {--playerEditor-field-size: 5vw;}}@supports(scroll-behavior: auto) { /* detect Chrome version < 61 */:root {--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);}}html[data-app-mode="yes"] {--safe-area-inset-top: 0px;--safe-area-inset-right: 0px;--safe-area-inset-bottom: 0px;--safe-area-inset-left: 0px;}html[data-theme="red"] {--primaryColor: var(--themeColor-red);--secondaryColor: var(--themeColor-red-secondary);--focusColor: var(--themeColor-red-inverse);--cursor: url('../res/icon/cursor_red.png') 24 21;}html[data-theme="orange"] {--primaryColor: var(--themeColor-orange);--secondaryColor: var(--themeColor-orange-secondary);--focusColor: var(--themeColor-orange-inverse);--cursor: url('../res/icon/cursor_orange.png') 24 21;}html[data-theme].has-access-input,html[data-theme="yellow"] {--primaryColor: var(--themeColor-yellow);--secondaryColor: var(--themeColor-yellow-secondary);--focusColor: var(--themeColor-yellow-inverse);--cursor: url('../res/icon/cursor_yellow.png') 24 21;}html[data-theme="green"] {--primaryColor: var(--themeColor-green);--secondaryColor: var(--themeColor-green-secondary);--focusColor: var(--themeColor-green-inverse);--cursor: url('../res/icon/cursor_green.png') 24 21;}html[data-theme="blue"] {--primaryColor: var(--themeColor-blue);--secondaryColor: var(--themeColor-blue-secondary);--focusColor: var(--themeColor-blue-inverse);--cursor: url('../res/icon/cursor_blue.png') 24 21;}html[data-theme="violet"] {--primaryColor: var(--themeColor-violet);--secondaryColor: var(--themeColor-violet-secondary);--focusColor: var(--themeColor-violet-inverse);--cursor: url('../res/icon/cursor_violet.png') 24 21;}html[data-theme="pink"] {--primaryColor: var(--themeColor-pink);--secondaryColor: var(--themeColor-pink-secondary);--focusColor: var(--themeColor-pink-inverse);--cursor: url('../res/icon/cursor_pink.png') 24 21;}html[data-battle-mode="yes"] {--primaryColor: var(--themeColor-battle);--secondaryColor: var(--themeColor-battle-secondary);--focusColor: var(--themeColor-battle-inverse);--cursor: url('../res/icon/cursor_yellow.png') 24 21;--menu-handler-icon-offset: -0.4rem;}html, body {background-color: #000000;padding: 0;margin: 0;width: 100%;height: 100%;overflow: hidden;line-height: inherit;font-size: 1vmin;backface-visibility: hidden;-webkit-backface-visibility: hidden;font-weight: 400;font-family: 'Nunito';line-height: 1;}*, *:before, *:after {background-repeat: no-repeat;background-position: center center;background-size: contain;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: default;cursor: var(--cursor), default;box-sizing: border-box;touch-action: manipulation;}h1 {margin-top: 0;margin-bottom: 0.5em;text-align: center;}small {font-size: 2rem;line-height: 1.1;opacity: 0.75;}ul {margin: 0;}li {padding-bottom: 0.5em;}li:last-child {padding-bottom: 0;}.text-center {text-align: center;}#ui {position: relative;z-index: 1;}html.has-access-input #ui {display: none !important;}#safeAreaTop {content: '';position: fixed;left: 0;right: 0;top: 0;height: var(--safe-area-inset-top);background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%);z-index: 1000000;}#safeAreaBottom {content: '';position: fixed;left: 0;right: 0;bottom: 0;height: var(--safe-area-inset-bottom);background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);z-index: 1000000;}#uiOverlay {position: fixed;z-index:2500000;left:0;top:0;bottom:0;right:0;display: block;opacity: 0;transition: opacity 0.5s;background-color: rgba(0,0,0,0.5);pointer-events: none;}#uiOverlay.visible {opacity: 1;pointer-events: all;}.ui-help-item {position: absolute;transition: transform 0.75s, left 0.5s, top 0.5s;display: inline-flex;align-items: center;justify-content: center;text-align: center;line-height: 1.3;min-height: 4rem;padding: 0.75rem 1rem;font-size: 2rem;background-color: var(--primaryColor);color: #000;border:1px solid #000;border-radius: 0.5rem;white-space: nowrap;transform-origin: center center;transform: translate(-50%, -50%) scale(0);}.ui-help-item.visible {transform: translate(-50%, -50%) scale(1);}.ui-help-item.align-center.valign-center {transform-origin: center center;transform: translate(-50%, -50%) scale(0);}.ui-help-item.align-center.valign-center.visible {transform: translate(-50%, -50%) scale(1);}.ui-help-item.align-left.valign-center {transform-origin: left center;transform: translate(1rem, -50%) scale(0);}.ui-help-item.align-left.valign-center.visible {transform: translate(1rem, -50%) scale(1);}.ui-help-item.align-right.valign-center {transform-origin: right center;transform: translate(calc(-100% - 1rem), -50%) scale(0);}.ui-help-item.align-right.valign-center.visible {transform: translate(calc(-100% - 1rem), -50%) scale(1);}.ui-help-item.align-center.valign-top {transform-origin: center top;transform: translate(-50%, calc(-100% - 1rem)) scale(0);}.ui-help-item.visible.align-center.valign-top {transform: translate(-50%, calc(-100% - 1rem)) scale(1);}.ui-help-item.align-left.valign-top {transform-origin: left top;transform: translate(2rem, calc(-100% - 1rem)) scale(0);}.ui-help-item.align-left.valign-top.visible {transform: translate(2rem, calc(-100% - 1rem)) scale(1);}.ui-help-item.align-right.valign-top {transform-origin: right top;transform: translate(calc(-100% - 1rem), calc(-100% - 1rem)) scale(0);}.ui-help-item.align-right.valign-top.visible {transform: translate(calc(-100% - 1rem), calc(-100% - 1rem)) scale(1);}.ui-help-item.align-center.valign-bottom {transform-origin: center bottom;transform: translate(-50%, 0rem) scale(0);}.ui-help-item.align-center.valign-bottom.visible {transform: translate(-50%, 0rem) scale(1);}.ui-help-item.align-left.valign-bottom {transform-origin: left bottom;transform: translate(1rem, 0rem) scale(0);}.ui-help-item.align-left.valign-bottom.visible {transform: translate(1rem, 0rem) scale(1);}.ui-help-item.align-right.valign-bottom {transform-origin: right bottom;transform: translate(calc(-100% - 1rem), 0rem) scale(0);}.ui-help-item.align-right.valign-bottom.visible {transform: translate(calc(-100% - 1rem), 0rem) scale(1);}.ui-help-item:after {content: '';display: none;position: absolute;width: 0;height: 0;border: 1rem solid transparent;left: calc(50% - 1rem);}.ui-help-item.align-center:after {left: calc(50% - 1rem);}.ui-help-item.align-left:after {left: 1rem;}.ui-help-item.align-right:after {left: calc(100% - 3rem);}.ui-help-item.valign-top:after {display: inline-block;top: calc(100% - 1px);border-top-color: var(--primaryColor);}.ui-help-item.valign-bottom:after {display: inline-block;bottom: calc(100% - 1px);border-bottom-color: var(--primaryColor);}.ui-help-item.hide-arrow:after {display: none;}.only-menu-visible,.only-active-player-1,.only-active-player-2,.only-has-rating-1,.only-has-rating-2,.only-has-player-switch,.only-menu-elevated-game14,.only-menu-elevated-gameCarom,.only-menu-elevated-gameSnooker,.only-has-remote,.only-has-floating-reset {opacity: 0;transition: transform 0.75s, left 0.5s, top 0.5s, opacity 0.4s;pointer-events: none;}.only-has-no-player-switch,.only-menu-not-elevated,.only-menu-hidden {opacity: 1;transition: transform 0.75s, left 0.5s, top 0.5s, opacity 0.4s;pointer-events: all;}.has-player-switch .only-has-player-switch,.menuVisible .only-menu-visible,.menuElevated_game14 .only-menu-elevated-game14,.menuElevated_gameCarom .only-menu-elevated-gameCarom,.menuElevated_gameSnooker .only-menu-elevated-gameSnooker,.has-rating-1 .only-has-rating-1,.has-rating-2 .only-has-rating-2,[data-active-player="1"] .only-active-player-1,[data-active-player="2"] .only-active-player-2,.has-remote .only-has-remote,.floatingReset .only-has-floating-reset {opacity: 1;pointer-events: all;}.has-player-switch .only-has-no-player-switch,.menuVisible .only-menu-hidden,body:not(.menuVisible) .only-menu-visible,body:not(.menuElevated_game14) .only-menu-elevated-game14,body:not(.menuElevated_gameCarom) .only-menu-elevated-gameCarom,body:not(.menuElevated_gameSnooker) .only-menu-elevated-gameSnooker,.menuElevated_game14 .only-menu-not-elevated,.menuElevated_gameCarom .only-menu-not-elevated,.menuElevated_gameSnooker .only-menu-not-elevated {opacity: 0;pointer-events: none;}.environment-badge {position: fixed;display: inline-flex;align-items: center;justify-content: center;left: 50%;top: 0;width: auto;min-width: 100rem;height: 5rem;text-align: center;font-size: 3rem;padding: 0 4rem;line-height: 1;text-transform: uppercase;font-family: 'Days One';transform-origin: center top;transform: translateX(-50%) scale(0.3);z-index: 7000100;clip-path: polygon(0% 0%, 100% 0%, calc(100% - 2.875rem) 100%, 2.875rem 100%);background-color: var(--primaryColor);transition: background-color 1s;color: #000;border-bottom: 0.5rem solid #000;}html[class*="environment-local"] .environment-badge {background-color: var(--warningColor);color: #fff;}.noCursor:not(.has-access-input) *, .noCursor:not(.has-access-input) *:before, .noCursor:not(.has-access-input) *:after {cursor: none;}body {background-size: cover;background-image: url('../res/background/main.jpg');}/*** turn effect ***/.enable-3D .turn-parent {perspective: 100rem;perspective-origin: center center;}.turn-parent .turn-child {opacity: 1;transition: opacity 0.5s;}.enable-3D .turn-parent .turn-child, .enable-3D .turn-parent .turn-child-centered {transform-origin: center center;transition: transform 0.5s, opacity 0.5s;opacity: 1;backface-visibility: hidden;-webkit-backface-visibility: hidden;}.enable-3D .turn-parent .turn-child {transform: translateZ(0) rotate3d(1, 0, 0, 0deg);}.enable-3D .turn-parent .turn-child-centered {transform: translateX(-50%) translateY(-50%) translateZ(0) rotate3d(1, 0, 0, 0deg);}.enable-3D .turn-parent .turn-child>* {transform-style: preserve-3d;backface-visibility: hidden;-webkit-backface-visibility: hidden;}.turn-parent .turn-child.turned, .turn-parent .turn-child.turned-back {opacity: 0;}.enable-3D .turn-parent .turn-child.turned {transform: translateZ(-100rem) rotate3d(1, 0, 0, 90deg);}.enable-3D .turn-parent .turn-child-centered.turned {transform: translateX(-50%) translateY(-50%) translateZ(-100rem) rotate3d(1, 0, 0, 90deg);}.enable-3D .turn-parent .turn-child.turned-back {transform: translateZ(-100rem) rotate3d(1, 0, 0, -90deg);opacity: 0;}.enable-3D .turn-parent .turn-child-centered.turned-back {transform: translateX(-50%) translateY(-50%) translateZ(-100rem) rotate3d(1, 0, 0, -90deg);opacity: 0;}.chmRating {/*position: relative;*//*background-color:rgba(255,255,255,0.1);*/background-color: rgba(0, 0, 0, 0.25);border-radius: 100%;overflow: hidden;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}.chmRating * {font-size: 1em;line-height: 1;}.chmRating-loader {position: absolute;left: 50%;top: 50%;width: 50%;height: 50%;transform-origin: center center;animation: rotate-translate-xy 2s linear infinite;z-index: 10000;background-image: url(../res/icon/loader.svg) !important;}.chmRating-skill {position: absolute;left: 0;top: 30em;width: 100em;height: 40em;display: inline-flex;align-items: center;justify-content: center;}.chmRating-skill-value {font-size: 22em;color: #f80;font-weight: 400;}.chmRating-trend {position: absolute;top: 11em;left: 20em;width: 60em;height: 20em;display: inline-flex;align-items: center;justify-content: center;}.chmRating-trend-count {position: relative;display: inline-block;}.chmRating-trend-count-value span {font-size: 13em;color: rgba(255, 255, 255, 0.8);font-weight: 400;}.chmRating-trend-count-value span:first-child {opacity: 0.5;font-weight: 400;margin-right: 0.2em;}.chmRating-trend[data-direction="positive"] .chmRating-trend-count-value span:first-child {content: '+';}.chmRating-trend[data-direction="negative"] .chmRating-trend-count-value span:first-child {content: '-';}.chmRating-trend-icon {position: relative;display: inline-flex;align-items: center;justify-content: flex-start;width: 20em;height: 20em;margin-left: 5em;color: #0f0;}.chmRating-trend-icon i {font-size: 12.5em;}.chmRating-trend[data-direction="positive"][data-amount="0"] .chmRating-trend-icon i, .chmRating-trend[data-direction="negative"][data-amount="0"] .chmRating-trend-icon i {transform: rotate(0deg);color: hsla(120, 100%, 100%, 1);}.chmRating-trend[data-direction="positive"][data-amount="1"] .chmRating-trend-icon i {transform: rotate(-6deg);color: hsla(120, 100%, 77%, 1);}.chmRating-trend[data-direction="negative"][data-amount="1"] .chmRating-trend-icon i {transform: rotate(6deg);color: hsla(0, 100%, 77%, 1);}.chmRating-trend[data-direction="positive"][data-amount="2"] .chmRating-trend-icon i {transform: rotate(-12deg);color: hsla(120, 100%, 74%, 1);}.chmRating-trend[data-direction="negative"][data-amount="2"] .chmRating-trend-icon i {transform: rotate(12deg);color: hsla(0, 100%, 74%, 1);}.chmRating-trend[data-direction="positive"][data-amount="3"] .chmRating-trend-icon i {transform: rotate(-18deg);color: hsla(120, 100%, 71%, 1);}.chmRating-trend[data-direction="negative"][data-amount="3"] .chmRating-trend-icon i {transform: rotate(18deg);color: hsla(0, 100%, 71%, 1);}.chmRating-trend[data-direction="positive"][data-amount="4"] .chmRating-trend-icon i {transform: rotate(-24deg);color: hsla(120, 100%, 68%, 1);}.chmRating-trend[data-direction="negative"][data-amount="4"] .chmRating-trend-icon i {transform: rotate(24deg);color: hsla(0, 100%, 68%, 1);}.chmRating-trend[data-direction="positive"][data-amount="5"] .chmRating-trend-icon i {transform: rotate(-30deg);color: hsla(120, 100%, 65%, 1);}.chmRating-trend[data-direction="negative"][data-amount="5"] .chmRating-trend-icon i {transform: rotate(30deg);color: hsla(0, 100%, 65%, 1);}.chmRating-trend[data-direction="positive"][data-amount="6"] .chmRating-trend-icon i {transform: rotate(-36deg);color: hsla(120, 100%, 62%, 1);}.chmRating-trend[data-direction="negative"][data-amount="6"] .chmRating-trend-icon i {transform: rotate(36deg);color: hsla(0, 100%, 62%, 1);}.chmRating-trend[data-direction="positive"][data-amount="7"] .chmRating-trend-icon i {transform: rotate(-42deg);color: hsla(120, 100%, 59%, 1);}.chmRating-trend[data-direction="negative"][data-amount="7"] .chmRating-trend-icon i {transform: rotate(42deg);color: hsla(0, 100%, 59%, 1);}.chmRating-trend[data-direction="positive"][data-amount="8"] .chmRating-trend-icon i {transform: rotate(-48deg);color: hsla(120, 100%, 56%, 1);}.chmRating-trend[data-direction="negative"][data-amount="8"] .chmRating-trend-icon i {transform: rotate(48deg);color: hsla(0, 100%, 56%, 1);}.chmRating-trend[data-direction="positive"][data-amount="9"] .chmRating-trend-icon i {transform: rotate(-54deg);color: hsla(120, 100%, 53%, 1);}.chmRating-trend[data-direction="negative"][data-amount="9"] .chmRating-trend-icon i {transform: rotate(54deg);color: hsla(0, 100%, 53%, 1);}.chmRating-trend[data-direction="positive"][data-amount="10"] .chmRating-trend-icon i {transform: rotate(-60deg);color: hsla(120, 100%, 50%, 1);}.chmRating-trend[data-direction="negative"][data-amount="10"] .chmRating-trend-icon i {transform: rotate(60deg);color: hsla(0, 100%, 50%, 1);}.chmRating-quote {position: absolute;left: 25em;top: 79em;width: 50em;height: 15em;display: inline-flex;align-items: flex-start;justify-content: center;}.chmRating-quote span {font-size: 11em;color: rgba(255, 255, 255, 0.8);font-weight: 400;}.chmRating-bar {position: absolute;left: 25em;bottom: 27em;width: 50em;height: 5em;display: inline-block;background-color: rgba(255, 255, 255, 0.1);overflow: hidden;border-radius: 2.5em;}.chmRating-bar-line {position: absolute;left: 0;top: 0;height: 100%;background-color: rgba(255, 255, 255, 0.8);border-radius: 2.5em;}.chmRating.simpleView {background-color: transparent;border-radius: 0;}.chmRating.simpleView .chmRating-loader {width: 100em;height: 100em;}.chmRating.simpleView .chmRating-trend, .chmRating.simpleView .chmRating-quote {display: none !important;}.chmRating.simpleView .chmRating-skill {left: 0;top: auto;right: 0;bottom: 37.5em;width: auto;height: 62.5em;}.chmRating.simpleView .chmRating-skill-value {font-size: 50em;white-space: nowrap;height: 100%;}.chmRating.simpleView .chmRating-skill.largeNumber {height: 55em;}.chmRating.simpleView .chmRating-skill.largeNumber .chmRating-skill-value {font-size: 55em;}.chmRating.simpleView .chmRating-bar {left: 50em;right: 50em;bottom: 0;width: auto;height: 20em;border-radius: 10em;}#spielerNamen {position: fixed;left: 0rem;right: 0rem;top: var(--safe-area-inset-top);height: var(--header-height);z-index: 1001;background: rgba(0, 0, 0, 0.7);overflow: hidden;}#playerMarker {opacity: 0;display: block;position: fixed;z-index: 10000;height: 2rem;border-radius: 1rem;top: calc(var(--header-height) - 1rem + var(--safe-area-inset-top));transition: transform 0.4s, transform 0.75s, background-color 1s;transform: translateX(0);left: 2rem;right: calc(50vw + 12rem);background-color: var(--primaryColor);}#main.has-alternating-break[data-breaking-player="1"] #playerMarker,#main.has-alternating-break[data-breaking-player="2"] #playerMarker,#spielerNamen[data-active="1"] #playerMarker,#spielerNamen[data-active="2"] #playerMarker {opacity: 1;}#main.has-alternating-break[data-breaking-player="2"] #playerMarker,#spielerNamen[data-active="2"] #playerMarker {transform: translateX(calc(50vw + 10rem));}#main.has-alternating-break[data-breaking-player="0"] #playerMarker,#main.has-alternating-break.floatingReset #playerMarker {transform: translateX(calc(50% + 12rem));}#main.has-alternating-break.floatingReset #playerMarker {opacity: 0;}.spieler {position: fixed;display: flex;align-items: center;justify-content: center;top: calc(8rem + var(--safe-area-inset-top));height: 15rem;color: #fff;white-space: nowrap;line-height: 1;z-index: 1000;line-height: 1;transition: color 0.4s;font-size: 5rem;}.spieler.left {left: 0;padding-left: calc(var(--avatar-size) + 4rem);right: calc(50vw + 11rem);justify-content: flex-start;}.spieler.left.isDouble {padding-left: calc(var(--subAvatar-size) + 3.5rem);}.spieler.right {right: 0;padding-right: calc(var(--avatar-size) + 4rem);left: calc(50vw + 11rem);justify-content: flex-end;}.spieler.right.isDouble {padding-right: calc(var(--subAvatar-size) + 3.5rem);}.spieler > * {position: relative;z-index: 2;}.teamName,.spielername {display: block;line-height: 1;white-space: nowrap;text-align: center;font-family: 'Days One', sans-serif;font-weight: 800;}.spielername {width: 100%;}.teamName {display: none;position: absolute;top: -8rem;height: 6rem;width: calc(100% - 14rem);color: #000;}[data-battle-mode="yes"] .teamName {display: block;}.spieler.left .teamName,.spieler.left .spielername {text-align: left;}.spieler.left .teamName {left: 4rem;}.spieler.right .teamName,.spieler.right .spielername {text-align: right;}.spieler.right .teamName {right: 4rem;}.teamName-name,.spielername-first,.spielername-last {display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;padding-bottom: 1px;}.teamName-name {position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-size: 0.75em;}.spielername-first {margin-bottom: 0.1em;}.spielername-last {color: #999999;}.spielername.hasNickname .spielername-first {font-size: 140%;}.spielername.hasNickname .spielername-last {font-size: 60%;}.spielername.isDouble {height: 15rem;}.spielername.isDouble .spielername-first,.spielername.isDouble .spielername-last {font-size: 0.75em;color: #fff;margin-bottom: 0em;position: absolute;left: 0;transform: translateY(-50%);}[data-battle-mode="yes"] .spielername .spielername-first,[data-battle-mode="yes"] .spielername .spielername-last {font-size: 0.75em;}.spielername.isDouble .spielername-first {top: calc(100% - (1.4 * var(--subAvatar-size)));}.spielername.isDouble .spielername-last {top: calc(100% - (0.5 * var(--subAvatar-size)));}/* .spieler.left .spielername.isDouble .spielername-first {transform: translate(calc(var(--subAvatar-size) - var(--avatar-size) - 1rem), -50%);}.spieler.left .spielername.isDouble .spielername-last {transform: translate(-1rem, -50%);}.spieler.right .spielername.isDouble .spielername-first {transform: translate(calc(var(--avatar-size) - var(--subAvatar-size) + 1rem), -50%);}.spieler.right .spielername.isDouble .spielername-last {transform: translate(1rem, -50%);} */.spieler.test-size,.spieler.test-size * {transition: none !important;}.spieler.test-size .teamName-name,.spieler.test-size .spielername-first,.spieler.test-size .spielername-last {display: inline-block;min-width: 100%;width: auto;overflow: visible;}.foul {position: fixed;display: inline-flex;flex-direction: row;align-items: center;justify-content: center;top: 2rem;height: 5rem;width: 10rem;line-height: 1;font-size: 5rem;color: #f00;text-shadow: 0 0 0.3em #000;}[data-battle-mode="yes"] .foul {top: 0.5rem;font-size: 4rem;width: 8rem;}.foul > * {display: inline-block;transition: transform 1s;transform: scaleX(0);width: 1em;text-align: center;}#foul1 {left: 19rem;justify-content: flex-start;transition: left 0.5s;}#foul1.isDouble {left: 11.5rem;}[data-battle-mode="yes"] #foul1 {left: auto;right: calc(50vw + 12rem);}#foul1 > * {text-align: left;transform-origin: left center;transform: scaleX(0);}#foul2 {right: 19rem;justify-content: flex-end;transition: right 0.5s;}#foul2.isDouble {right: 11.5rem;}[data-battle-mode="yes"] #foul2 {right: auto;left: calc(50vw + 12rem);}#foul2 > * {text-align: right;transform-origin: right center;}#foul1.oneFoul :first-child {transform: scaleX(1);}#foul1.twoFouls > *:first-child,#foul1.twoFouls > *:last-child {transform: scaleX(1);}#foul2.oneFoul > *:last-child {transform: scaleX(1);}#foul2.twoFouls :first-child,#foul2.twoFouls :last-child {transform: scaleX(1);}.spielstand {position: fixed;left: 0;right: 0;top: calc(var(--header-height) + var(--safe-area-inset-top));bottom: calc(var(--menu-height) + var(--menu-elevation-height) + var(--points-bottom-offset) + var(--safe-area-inset-bottom));font-size: calc(100vh - var(--header-height) - var(--menu-height) - var(--menu-elevation-height) - var(--points-bottom-offset) - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));z-index: 998;}.aufnahme {position: fixed;left: 0;right: 0;height: var(--points-bottom-offset);bottom: calc(var(--menu-height) + var(--menu-elevation-height) + var(--safe-area-inset-bottom));font-size: var(--points-bottom-offset);z-index: 998;display: none;}.svgNumber {display: inline-block;height: 1em;width: auto;/*margin: 0 calc(1em / 12);*/margin: 0 calc(1em / 20);border: none;outline: none;}.svgNumber[data-char=","] {margin-bottom: calc(-1em / 6);/*margin-left: calc(-1em / 12);*/margin-left: calc(-1em / 40);margin-right: 0;}.svgNumber[data-char="."] {margin-left: 0;margin-right: 0;}.svgNumber:first-child {margin-left: 0;}.svgNumber:last-child {margin-right: 0;}#spielstand {transition: all 0.4s;/* box-shadow: 0 0 3rem #000; */z-index: 1000;}#aufnahme {transition: all 0.4s;/* box-shadow: 0 0 3rem #000; */z-index: 999;}#aufnahme:before {content: '';display: block;position: absolute;left: 0;right: 0;top: calc(-0.5 * var(--target-height));height: 1px;background-color: rgba(255, 255, 255, 0.1);box-shadow: 0 0 1rem rgba(255, 255, 255, 0.7);}.spielstand-immediate {transition: none;margin: var(--target-height) 5rem;left: 0;right: calc(50vw + 10rem);}.aufnahme-immediate {transition: none;margin: calc(0.5 * var(--target-height)) 5rem;margin-top: 0;left: 0;height: calc(var(--points-bottom-offset) - (0.5 * var(--target-height)));right: calc(50vw + 10rem);}.punkte-container {position: absolute;bottom: 0;width: calc(50vw - 10rem);perspective: 1em;perspective-origin: center center;height:1em;top: 50%;transform: translateY(-50%);transition: opacity 0.4s;}.punkte-container.left {left: 0;}.punkte-container.right {right: 0rem;}.punkte-box {transform-style: preserve-3d;transform-origin: center center;backface-visibility: hidden;-webkit-backface-visibility: hidden;position: absolute;top: 0;left: 0;bottom: 0;right: 0;transform: translateZ(-0.5em);}.punkte-box > * {transform-style: preserve-3d;backface-visibility: hidden;-webkit-backface-visibility: hidden;}.punkte,.punkte-next {position: absolute;display: block;top: 0;bottom: 0;left: 0;right: 0;display: flex;flex-direction: row;align-items: center;justify-content: center;text-align: center;overflow: hidden;transition: none;transform: translateZ(0.5em);line-height: 1;white-space: nowrap;color: #fff;}#aufnahme .punkte,#aufnahme .punkte-next {align-items: flex-start;color: var(--primaryColor);}.punkte-next:not(.above):not(.below) {display: none;}.punkte-box.turn-up-start {transform: translateZ(calc(0.8587 * -0.5em)) rotateX(45deg);}.punkte-box.turn-up-finish {transform: translateZ(-0.5em) rotateX(90deg);}.punkte-box.turn-down-start {transform: translateZ(calc(0.8587 * -0.5em)) rotateX(-45deg);}.punkte-box.turn-down-finish {transform: translateZ(-0.5em) rotateX(-90deg);}.punkte-next.above {transform-origin: center bottom;transform: translateZ(0.5em) translateY(-100%) rotateX(90deg);}.punkte-next.below {transform-origin: center top;transform: translateZ(0.5em) translateY(100%) rotateX(-90deg);}.menuElevated_gameCarom .aufnahme,.menuElevated_gameSnooker .aufnahme {display: block;}.menuElevated_game14.menuVisible .spielstand-immediate,.menuElevated_gameCarom.menuVisible .spielstand-immediate,.menuElevated_gameSnooker.menuVisible .spielstand-immediate {margin: 5rem 5rem;}.menuElevated_game14.menuVisible .aufnahme-immediate,.menuElevated_gameCarom.menuVisible .aufnahme-immediate,.menuElevated_gameSnooker.menuVisible .aufnahme-immediate {margin: 2.5rem 5rem;margin-top: 0;height: calc(var(--points-bottom-offset) - 2.5rem);}.spielstand-punkte, .spielstand-punkte-next {line-height: 0;height: 1em;text-align: center;transition: font-size 0.4s, color 1s;}.spielstand-punkte.not-active,.spielstand-punkte-next.not-active {color: #888;}#breakSelect,#switches {position: absolute;z-index: 500;left: 0;right: 0;top: 0;bottom: 0;pointer-events: none;}#switches.hidden,#switches.hidden-left .left,#switches.hidden-right .right {display: none;}#breakSelect {opacity: 0;transition: opacity 0.4s;z-index: 501;pointer-events: none;}#main.has-alternating-break[data-breaking-player="0"] #breakSelect {opacity: 1;pointer-events: all;}#main.has-alternating-break[data-breaking-player="0"] .punkte-container {opacity: 0;}#breakSelectButton,.breakSelectTarget {position: fixed;display: flex;align-items: center;justify-content: center;width: 20rem;height: calc(20rem / 1.15);top: calc(50vh + (var(--header-height) / 2) - (var(--menu-height) / 2) - (var(--menu-elevation-height) / 2) + var(--safe-area-inset-top));transform: translate(-50%, -50%);clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);z-index: 2000015;}#breakSelectButton {z-index: 2000016;left: 50%;background-color: var(--primaryColor);color: #000;transition: background-color 1s;}.breakSelectTarget {background: radial-gradient(circle at center center, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(255,255,255,0.8) 30%, rgba(0,0,0,0) 35%, var(--primaryColor) 66%);opacity: 0.3;transform: translate(-50%, -50%) scale(2);font-size: 4rem;color: #fff;}.breakSelectTarget[data-digits="2"] {font-size: 3rem;}.breakSelectTarget[data-digits="3"] {font-size: 2.5rem;}.breakSelectTarget.left {left: calc((50% - 10rem) / 2);}.breakSelectTarget.right {left: calc(100% - ((50% - 10rem) / 2));}#breakSelectButton:not(.isMoving) {animation: breakSlide 4s infinite;}@keyframes breakSlide {0% {transform: translate(-50%, -50%);}5% {transform: translate(-70%, -50%);}10% {transform: translate(-50%, -50%);}15% {transform: translate(-70%, -50%);}20% {transform: translate(-50%, -50%);}40% {transform: translate(-50%, -50%);}45% {transform: translate(-30%, -50%);}50% {transform: translate(-50%, -50%);}55% {transform: translate(-30%, -50%);}60% {transform: translate(-50%, -50%);}100% {transform: translate(-50%, -50%);}}#breakSelectButton svg {position: absolute;left: 50%;top: 50%;width: 15rem;height: auto;transform: translate(-50%, -50%);pointer-events: none;}.menuElevated_gameCarom #switches,.menuElevated_gameSnooker #switches {top: calc(100% - (0.5 * var(--target-height)));bottom: auto;height: calc(var(--current-take-height) + (0.5 * var(--target-height)));}.menuElevated_gameSnooker #switches .left.up,.menuElevated_gameSnooker #switches .right.up {height: 100%;}.menuElevated_gameSnooker #switches .left.down,.menuElevated_gameSnooker #switches .right.down {display: none;}#menu {position: fixed;left: 0;right: 0;bottom: var(--safe-area-inset-bottom);height: var(--menu-height);z-index: 1000001;transition: all 0.4s;background-color: rgba(0, 0, 0, 0.5);}.menuVisible {--menu-height: 14rem;}@media (max-aspect-ratio: 1/1) {.menuVisible {--menu-height: 13.5vmin;}}.menuElevated_game14.menuVisible,.menuElevated_gameCarom.menuVisible,.menuElevated_gameSnooker.menuVisible {--menu-height: 12rem;}@media (max-aspect-ratio: 1/1) {.menuElevated_game14.menuVisible,.menuElevated_gameCarom.menuVisible,.menuElevated_gameSnooker.menuVisible {--menu-height: 13vmin;/* --menu-height: calc(10vmin - (0.1 * var(--menu-14-height))); */}}.menuElevated_game14 {--menu-elevation-height: var(--menu-14-height);}.menuElevated_gameCarom,.menuElevated_gameSnooker {--menu-elevation-height: var(--menu-carom-height);--points-bottom-offset: var(--current-take-height);}.menuElevated_gameSnooker {--menu-elevation-height: var(--menu-snooker-height);}.menuElevated_game14 #menu,.menuElevated_gameCarom #menu,.menuElevated_gameSnooker #menu {bottom: calc(var(--menu-elevation-height) + var(--safe-area-inset-bottom));}#menu14 {position: fixed;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;left: 0;right: 0;bottom: var(--safe-area-inset-bottom);z-index: 1000002;height: var(--menu-14-height);padding-top: 2rem;transition: all 0.4s;transform-origin: center bottom;transform: scaleY(0);background-color: rgba(0, 0, 0, 0.5);}@media (max-aspect-ratio: 1/1) {#menu14 {padding-top: calc(0.1 * var(--menu-14-height));}}#menuCarom {position: fixed;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;left: 0;right: 0;bottom: var(--safe-area-inset-bottom);z-index: 1000002;height: var(--menu-carom-height);padding-top: 2rem;transition: all 0.4s;transform-origin: center bottom;transform: scaleY(0);background-color: rgba(0, 0, 0, 0.5);}#menuSnooker {position: fixed;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;left: 0;right: 0;bottom: var(--safe-area-inset-bottom);z-index: 1000002;height: var(--menu-snooker-height);padding-top: 2rem;transition: all 0.4s;transform-origin: center bottom;transform: scaleY(0);background-color: rgba(0, 0, 0, 0.5);}.menuElevated_game14 #menu14,.menuElevated_gameCarom #menuCarom,.menuElevated_gameSnooker #menuSnooker {transform: scaleY(1);}.spielTyp {position: absolute;z-index: 10;left: 50vw;width: 19.6rem;height: 19.6rem;top: -5.1rem;transform: translateX(-50%);border-radius: 100%;background-position: center center;background-color: rgba(255, 255, 255, 0.1);}[data-battle-mode="yes"] .spielTyp {z-index: 8;top: 3.3rem;width: 12rem;height: 12rem;}#spielZiel {position: fixed;display: none;align-items: center;justify-content: center;z-index: 20000;color: #fff;left: 50%;top: calc(var(--header-height) + var(--safe-area-inset-top));width: 20rem;height: var(--target-height);font-size: 4rem;transform: translateX(-50%);line-height: 1;background-color: rgba(128, 128, 128, 0.5);clip-path: polygon(0% 0%, 25% 100%, 75% 100%, 100% 0%);}.has-target {--target-height: 8.5rem;}.has-target #spielZiel {display: flex;}#matchName {display: none;}[data-battle-mode="yes"] #matchName {display: flex;flex-direction: row;align-items: center;justify-content: center;position: fixed;left: 50vw;width: 20rem;transform: translateX(-50%);height: 6.3rem;background-color: #fff;color: #000;border-bottom: 0.3rem solid #000;top: var(--safe-area-inset-top);z-index: 11;font-size: 3.5rem;font-weight: bold;clip-path: polygon(0% 0%,100% 0%,calc(100% - 3.45rem) 100%,3.45rem 100%);/* clip-path: polygon(3.45rem 0%,calc(100% - 3.45rem) 0%,100% 100%,0% 100%); */}#spielAufnahme {position: fixed;display: flex;align-items: center;justify-content: center;line-height: 1;z-index: 9;color: var(--primaryColor);left: 50vw;width: 20rem;height: var(--target-height);top: calc(var(--header-height) - var(--target-height) + var(--safe-area-inset-top));transform: translateX(-50%);text-align: center;font-size: 4rem;background-color: rgba(102, 102, 102, 0.5);opacity: 0;transition: opacity 1s, color 1s;clip-path: polygon(0% 100%, 25% 0%, 75% 0%, 100% 100%);}[data-battle-mode="yes"] #spielAufnahme {background-color: #444;}#spielAufnahme i {font-size: 3.5rem;}#spielAufnahme.visible {opacity: 1;}#spielAufnahme.has-break-limit {font-size: 3rem;padding-top: 1rem;}#spielAufnahme.has-break-limit span.break-limit-slash {font-size: 6rem;display: inline-block;opacity: 0.3;margin: 0 0.5rem;line-height: 1;}#menuHandler {position: absolute;left: 50vw;bottom: 100%;background-color: rgba(0, 0, 0, 0.5);border: none;width: calc((20/8.5) * var(--menu-handler-height));height: var(--menu-handler-height);transform: translateX(-50%);clip-path: polygon(0% 100%, 25% 0%, 75% 0%, 100% 100%);display: flex;flex-direction: column;align-items: center;justify-content: flex-end;background-image: url('../res/images/scoretrek_wordmark_centered.svg');background-size: calc((8/8.5) * var(--menu-handler-height)) auto;background-position: 50% calc((1.5/8.5) * var(--menu-handler-height));}#menuHandler i {transition: transform 0.8s, color 1s;transform: translateY(var(--menu-handler-icon-offset)) rotateX(180deg);color: var(--primaryColor);font-size: calc((2/8.5) * var(--menu-handler-height));}html[data-theme="blue"] #menuHandler i {color: rgba(255,255,255,1);}.menuVisible #menuHandler i {transform: translateY(var(--menu-handler-icon-offset)) rotateX(0deg);}.switch {position: absolute;z-index: 10000;height: 50%;/*width: 50vw;*/width:calc(50vw - 10rem);pointer-events: auto;}.switch.up {top: 0;}.switch.down {bottom: 0;}.switch.left {left: 0;}.switch.right {right: 0;}.chmListbox {position: fixed;z-index: 4000000;background-color: rgba(0, 0, 0, 0.5);color: #FFFFFF;left: 50vw;top: 17rem;overflow: hidden;max-height: 90rem;}.chmListboxItems {position: relative;padding: 14rem 0;top: 0;overflow-x: hidden;overflow-y: auto;z-index: 5000;}.chmListbox.touchScroll .chmListboxItems {left: 0;top: 0;width: 200%;height: 100%;overflow-x: hidden;overflow-y: auto;max-height: 100rem;}.chmListbox.touchScroll .chmListboxItems>* {width: 50%;}.chmListbox.touchScroll.large .chmListboxItems>* {width: 50%;}.chmListbox.touchScroll, #statsList.touchScroll {overflow: hidden;}#statsList.touchScroll .container, #statsList.touchScroll .table-container, #statsList.touchScroll .container-fluid {overflow-x: auto;height: 100%;width: 100vw !important;max-width: 100vw !important;}#statsList.touchScroll .container>*, #statsList.touchScroll .table-container>*, #statsList.touchScroll .container-fluid>* {width: calc(100vw - 35rem);}.chmDialog_Container {position: fixed;z-index: 4000000;left: 0;top: 0;right: 0;bottom: 0;}.chmDialog {position: absolute;background-color: #000;color: #fff;left: 50%;top: 50%;border-radius: 1rem;overflow: hidden;min-width: 60vw;/*margin-left:-30vw;*/transform: translate(-50%, -50%);max-height: 90rem;}.chmDialog.containsDOM {width: auto;min-width: 0;max-height: 100rem;}.chmDialog.big {width: 90vw;}@media (max-aspect-ratio: 3/4) {.chmDialog,.chmDialog.containsDOM {max-height: 90vh;}}.chmDialogTitle {color: var(--primaryColor);transition: color 1s;min-height: calc(6 * var(--baseFontSize));display: flex;flex-direction: row;align-items: flex-end;justify-content: flex-start;font-weight: 700;font-size: calc(3 * var(--baseFontSize));padding: calc(6 * var(--baseFontSize));padding-top: calc(3 * var(--baseFontSize));padding-bottom: calc(1 * var(--baseFontSize));}.chmDialogTitle i {display: inline-block;margin-right: 0.75em;}.chmDialog.hasTabs .chmDialogTitle {height: auto;display: flex;flex-direction: column;align-items: center;justify-content: center;}.chmDialogTabs {display: flex;flex-direction: row;align-items: flex-start;justify-content: center;height: calc(6 * var(--baseFontSize));border-bottom: 2px solid var(--primaryColor);background-color: #000;width: 100%;margin: calc(3 * var(--baseFontSize)) 0;font-size: calc(2 * var(--baseFontSize));width: 90rem;}.chmDialogTab {position: relative;background-color: rgba(255, 255, 255, 0.2);height: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center;border: 2px solid transparent;padding: 0 calc(3 * var(--baseFontSize));border-radius: 1rem 1rem 0 0;margin-right: calc(3 * var(--baseFontSize));color: #fff;font-family: 'Days One', sans-serif;color: var(--secondaryColor);text-align: center;}.chmDialogTab:last-child {margin-right: 0;}.chmDialogTab.isActive {background-color: #000;/* color: var(--primaryColor); */border: 2px solid var(--primaryColor);border-bottom: none;/* height: calc(100% + 1px); *//* padding-bottom: 1px; */color: #fff;}.chmDialogTab.isActive:after {content: '';position: absolute;left: 0;right: 0;bottom: -3px;height: 6px;background-color: #000;}.chmDialogText {font-size: calc(3 * var(--baseFontSize));padding: 0;/*margin-bottom:2vw;*/padding-bottom: 0.3em;margin: calc(3 * var(--baseFontSize)) calc(6 * var(--baseFontSize));overflow-x: hidden;overflow-y: auto;position: relative;max-height: 80rem;line-height: 1.2;text-align: left;}.chmDialog.containsDOM .chmDialogText {overflow: auto;max-height: 72rem;/*margin-bottom:3vw;*/}.chmDialog.hasTabs .chmDialogText {margin-top: calc(1 * var(--baseFontSize));}@media (max-aspect-ratio: 3/4) {.chmDialogText,.chmDialog.containsDOM .chmDialogText {max-height: calc(90vh - 10rem);}}.chmDialogTextContainer {position: relative;max-width: 56vw;}.chmDialog.big .chmDialogTextContainer {max-width: 86vw;}.chmDialogTextContainer.maxHeight {max-height: 60rem;overflow-x: hidden;overflow-y: auto;}.chmDialogTextContainer.forceHeight {height: 60rem;overflow: visible;}.chmDialogButtons {text-align: center;margin-bottom: calc(3 * var(--baseFontSize));}.chmDialogButton {text-align: center;display: inline-block;font-size: calc(2.5 * var(--baseFontSize));line-height: 1;display: inline-flex;align-items: center;justify-content: center;padding: 0 calc(5 * var(--baseFontSize));height: calc(7 * var(--baseFontSize));background-color: #aaa;--offset: calc(2 * var(--baseFontSize));clip-path: polygon(var(--offset) 0%, calc(100% - var(--offset)) 0%, 100% 50%, calc(100% - var(--offset)) 100%, var(--offset) 100%, 0% 50%);margin: 0 calc(1.5 * var(--baseFontSize));color: #000;min-width: calc(15 * var(--baseFontSize));}.chmDialogButton > i {display: inline-block;margin-left: calc(2 * var(--baseFontSize));}.chmDialogButton.iconLeft > i {display: inline-block;margin-left: 0;margin-right: calc(2 * var(--baseFontSize));}.chmDialogButton.primary {background-color: var(--primaryColor);transition: background-color 1s;}.chmDialogButton.disabled {opacity: 0.1;pointer-events: none;}.chmDialogButton.fullWidth {width: 100%;margin: 0;min-width: 0;}.chmDialogButton.pageForward, .chmDialogButton.pageBack {position: absolute;top: 100%;margin-top: calc(4.6 * var(--baseFontSize));min-width: calc(10 * var(--baseFontSize));}.chmDialogButton.pageForward {right: 0;}.chmDialogButton.pageBack {left: 0;}.chmDialogLoader {position: absolute;z-index: 5000001;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, 0.8);overflow: hidden;}.chmDialogLoader:before {content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;transform-origin: center center;animation: rotate-translate-xy 2s linear infinite;z-index: 10000;background-image: url(../res/icon/loader.svg) !important;background-size: contain;}.dialog-info {opacity: 0.7;font-size: 0.8em;margin-top: 1em;}.chmConnectToken {display: flex;flex-direction: row;align-items: center;justify-content: center;}.chmConnectTokenQrCode svg {width: 45rem !important;height: 45rem !important;margin-right: 5rem;}@media (max-aspect-ratio: 3/4) {.chmConnectToken {flex-direction: column;}.chmConnectTokenQrCode svg {width: 90rem !important;height: 90rem !important;margin-right: 0;margin-bottom: 5rem;}}.chmConnectTokenTitle {font-size: 4rem;font-family: 'Days One', sans-serif;}.chmConnectTokenCodeTitle {margin-top: 3rem;font-size: 3rem;}.chmConnectTokenCode {font-weight: bold;color: var(--secondaryColor);font-size: 4rem;}.chmConnectTokenInfo {font-size: 2rem;color: var(--primaryColor);margin-top: 3rem;}.chmConnectTokenHelp {font-size: 1.5rem;/* color: var(--primaryColor); */color: var(--secondaryColor);margin-top: 3rem;}.chmConnectTokenHelp > span {padding: 1rem 0;text-decoration: underline;}.chmConnectTokenHelp > span > i {display: inline-block;margin-right: 0.3em;}.chmListbox {padding: 0rem;width: 40vw;margin-left: -20vw;}.chmListbox.large {/*width: 70vw;*/width:100rem;top:50%;transform: translateY(-50%);margin-left: -50rem;max-height: 100rem;border-radius: 0;}.chmListbox:before {content: '';position: absolute;z-index: 10000;left: 0;right: 0;top: 0;height: 7rem;background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));border-radius: 0;}.chmListbox:after {content: '';position: absolute;z-index: 10000;left: 0;right: 0;bottom: 0;height: 7rem;background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));border-radius: 0;}.chmListboxItem {background-position: 1rem center;background-size: 5rem auto;height: 7rem;padding-left: 2rem;padding-right: 2rem;font-size: 4rem;line-height: 7rem;border-bottom: 0.1rem solid rgba(0, 0, 0, 0.2);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border-radius: 0.5rem;}.chmSelector {position: fixed;z-index: 4000000;color: #FFFFFF;left: 0;top: calc(14 * var(--baseFontSize));bottom: -100px;right: 0;padding: 0;background-color: transparent;overflow: hidden;}.chmSelector:after {content: '';position: fixed;z-index: 10000;top: 0;right: 0;bottom: 0;width: 10rem;background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));border-radius: 0;pointer-events: none;}.chmSelector:before {content: '';position: fixed;z-index: 10000;top: 0;left: 0;bottom: 0;width: 10rem;background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));border-radius: 0;pointer-events: none;opacity: 0;transition: opacity 0.4s;}.chmSelector.hasScrolled:before {opacity: 1;}.chmSelector-title {position: fixed;left: calc(4 * var(--baseFontSize));right: calc(14 * var(--baseFontSize));line-height: 1;z-index: 5000000;font-family: 'Days One', sans-serif;font-weight: 800;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.chmSelector-title-subline {display: flex;align-items: flex-end;justify-content: flex-start;top: calc(2 * var(--baseFontSize));font-size: calc(2 * var(--baseFontSize));height: calc(4 * var(--baseFontSize));text-align: left;}.chmSelector-title-subline :nth-child(1) {display: inline-block;margin-right: calc(2 * var(--baseFontSize));color: #aaa;}.chmSelector-title-subline :nth-child(2) {display: inline-block;color: #fff;}.chmSelector-title-main {display: flex;align-items: flex-end;justify-content: flex-start;top: calc(6 * var(--baseFontSize));height: calc(6 * var(--baseFontSize));font-size: calc(4 * var(--baseFontSize));color: var(--primaryColor);transition: color 1s;text-align: left;}@media(min-aspect-ratio: 1/1) {.chmSelector.items-centered .chmSelector-title {left: calc(14 * var(--baseFontSize));right: calc(14 * var(--baseFontSize));}.chmSelector.items-centered .chmSelector-title-subline {justify-content: center;}.chmSelector.items-centered .chmSelector-title-main {justify-content: center;}}.chmSelectorItems {position: relative;padding: 0;padding-right: calc(10rem + 2em);padding-left: 0;top: 0;left: 0;overflow: hidden;z-index: 5000;width: auto;height: var(--chmSelectorItems-height);max-height: var(--chmSelectorItems-height);min-height: var(--chmSelectorItems-height);}.chmPointsSelector.items-centered .chmSelectorItems {left: 50% !important;top: 50% !important;transform: translate(-50%, -50%);}.chmSelectorButtons {position: fixed;z-index: 6000000;left: calc(2 * var(--baseFontSize));bottom: calc(2 * var(--baseFontSize));height: calc(10 * var(--baseFontSize));width: calc(100vw - calc(4 * var(--baseFontSize)) - calc(31 * var(--baseFontSize)));overflow: hidden;}.chmSelectorButton {width: auto;height: calc(8 * var(--baseFontSize));display: inline-flex;align-items: center;justify-content: center;--offset: calc(2.3 * var(--baseFontSize));clip-path: polygon(var(--offset) 0%, calc(100% - var(--offset)) 0%, 100% 50%, calc(100% - var(--offset)) 100%, var(--offset) 100%, 0% 50%);background-color: rgba(50,50,50, 1);color: var(--primaryColor);transition: color 1s;margin-top: calc(1 * var(--baseFontSize));margin-right: calc(2 * var(--baseFontSize));font-size: calc(2.5 * var(--baseFontSize));padding: 0 calc(4 * var(--baseFontSize));}.chmSelectorButton i {display: inline-block;font-size: 1.25em;margin-right: 0.5em;}@media (max-aspect-ratio: 1/1) {.chmSelectorButton .text {display: none !important;}.chmSelectorButton i {margin-right: 0;}}@media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 12/10) {.chmSelectorButton {font-size: 2vw;}}.chmSelectorButton.primary {background-color: var(--primaryColor);color: #000;transition: background-color 1s;}.chmSelector-button-left, .chmSelector-button-right {display: inline-flex;align-items: center;justify-content: center;/*width: 10rem;*//*height: 10rem;*/height: calc(10 * var(--baseFontSize));width: calc(11.5 * var(--baseFontSize));clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);background-color: rgba(50,50,50, 1);border: none;/*border-radius: 100%;*//*background-color: rgba(255,255,255,0.1);*/position: fixed;z-index: 6000000;color: var(--primaryColor);transition: color 1s;}.chmListbox-button-close, .chmSelector-button-close {z-index: 6000000;right: calc(2 * var(--baseFontSize));top: calc(2 * var(--baseFontSize));}.chmSelector-button-left, .chmSelector-button-right {font-size: calc(5 * var(--baseFontSize));opacity: 0.05;transition: opacity 0.25s;/*, box-shadow 0.25s;*//*box-shadow: 0 0 1.5rem #000;*/}.chmSelector-button-left.active, .chmSelector-button-right.active {opacity: 1;}.chmSelector-button-left {right: calc(17.5 * var(--baseFontSize));bottom: calc(2 * var(--baseFontSize));padding-right: calc(1 * var(--baseFontSize));}.chmSelector-button-right {right: calc(2 * var(--baseFontSize));bottom: calc(2 * var(--baseFontSize));padding-left: calc(1 * var(--baseFontSize));}.chmSelector.touchScroll {overflow-x: auto;overflow-y: hidden;}.chmSelector.hasItemsWrapper {overflow: hidden;}.chmSelector.hasItemsWrapper .chmSelectorItemsWrapper {height: 200vh;overflow-x: auto;overflow-y: hidden;}.chmSelectorItem_Container {display: flex;position: absolute;flex-direction: column;align-items: flex-start;justify-content: center;}.chmSelectorItem {position: relative;font-size: 1em;width: auto;height: 4em;padding: 0 2em;background-color: rgba(51, 51, 51, 0.867);display: inline-flex;flex-direction: column;align-items: flex-start;justify-content: center;border-radius: 2em;margin-left: 2em;transition: opacity 0.5s;font-family: 'Days One', sans-serif;font-weight: 800;}.chmSelectorItem.hasSubline {flex-direction: column-reverse;}.chmSelectorItem.deleted > *,.chmSelector:not(.editMode) .chmSelectorItem.finally-deleted > * {opacity: 0.5;text-decoration: line-through;}.chmSelectorItem .badge {text-decoration: none !important;}.chmSelectorItem.deleted > .icon,.chmSelector:not(.editMode) .chmSelectorItem.finally-deleted > .icon {opacity: 0.1;}.chmSelectorItem.disabled > * {opacity: 0.1;}.chmSelectorItem, .chmSelectorItem * {white-space: nowrap;}.chmSelector.adjusted .chmSelectorItem {width: calc(100% - (2 * var(--baseFontSize)));}.chmSelector.large-font.adjusted .chmSelectorItem {width: calc(100% - (4 * var(--baseFontSize)));}.center-items .chmSelectorItem_Container {align-items: center;transform-origin: center center;}.center-items .chmSelectorItem {padding: 0;min-width: 4em;align-items: center;}.large-font .chmSelectorItem .chmSelectorTextSingle {display: inline-flex;align-items: center;justify-content: center;font-size: 1.2em;line-height: 1;}.chmSelector:not(.editMode) .chmSelectorItem.hover {color: #000000;background-color: var(--primaryColor);transition: background-color 1s;}.chmSelector:not(.editMode) .chmSelectorItem.hover > *:not(.badge),.chmSelector:not(.editMode) .chmSelectorItem.hover > *:not(.badge) * {color: #000000 !important;}.chmSelector.items-centered .chmSelectorItem {margin-left: 0;}.chmSelectorItem .icon {display: none;position: absolute;border-radius: 100%;background-color: rgba(0, 0, 0, 0.15);background-position: center center;background-size: cover;left: 0.5em;top: 0.5em;width: 3em;height: 3em;}.chmSelector.hasIcons .chmSelectorItem .icon {display: inline-block;}.chmSelector.hasIcons .chmSelectorItem {padding-left: 4.25em;}.chmSelectorItem[data-show-button="placeholder_edit"],.chmSelectorItem[data-show-button="placeholder_team"],.chmSelectorItem[data-show-button="edit"],.chmSelectorItem[data-show-button="team"] {/* 2.75em + 1.5em */padding-right: calc(1.5em + var(--chmSelectorItem-button-width));}.chmSelectorItem[data-show-button="placeholder_team"][data-badge-external="show"],.chmSelectorItem[data-show-button="edit"][data-badge-external="show"],.chmSelectorItem[data-show-button="team"][data-badge-external="show"] {padding-right: calc(3em + var(--chmSelectorItem-button-width));}.chmSelectorItem[data-show-button="placeholder_editTeam"],.chmSelectorItem[data-show-button="editTeam"] {padding-right: calc(1.5em + (2 * 0.75 * var(--chmSelectorItem-button-width)) + 0.1em);}.chmSelectorItem[data-show-button="placeholder_editTeam"][data-badge-external="show"],.chmSelectorItem[data-show-button="editTeam"][data-badge-external="show"] {padding-right: calc(3em + (2 * 0.75 * var(--chmSelectorItem-button-width)) + 0.1em);}.chmSelectorEditButton,.chmSelectorTeamButton {display: none;position: absolute;background-color: rgba(0, 0, 0, 0.5);clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);align-items: center;justify-content: center;right: 0.65em;top: 0.65em;width: var(--chmSelectorItem-button-width);height: 2.75em;color: var(--primaryColor);}.chmSelectorItem[data-show-button="editTeam"] .chmSelectorEditButton {right: calc(0.65em + (0.5 * var(--chmSelectorItem-button-width)) + 0.1em);clip-path: polygon(25% 0%,75% 0%,75% 100%,25% 100%,0% 50%);padding-right: 0.4em;}.chmSelectorItem[data-show-button="editTeam"] .chmSelectorTeamButton {clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%);padding-left: 0.5em;}.chmSelectorEditButton i {line-height: 1;font-size: 0.75em;}.chmSelectorText {line-height: calc(7.5 / 6);}.chmSelectorText.text1 {color: #fff;}.chmSelectorText.text2 {color: #888;}.chmSelectorItem.hasSubline .chmSelectorText.text1 {font-size: 60%;color: #888;}.chmSelectorItem.hasSubline .chmSelectorText.text2 {font-size: 140%;color: #fff;}.lazyload {background-color: rgba(0, 0, 0, 0.3);}.chmSelectorItem .badge.external,.chmSelectorItem .badge.delete {content: '';position: absolute;z-index: 10;top: 50%;transform: translateY(-50%);width: 1.1em;height: 1em;padding-top: 0.1em;font-size: 0.8em;display: none;display: inline-flex;align-items: center;justify-content: center;line-height: 1;}.chmSelectorItem .badge.external {color: var(--primaryColor);right: 1em;}.chmSelectorItem[data-show-button="edit"] .badge.external,.chmSelectorItem[data-show-button="team"] .badge.external {right: 5.5em;}.chmSelectorItem[data-show-button="editTeam"] .badge.external {right: 7.5em;}.chmSelectorItem .badge.delete {color: #f00;font-size: 1.2em;right: 1.5em;}.chmSelectorItem .badge.pro {content: '';position: absolute;z-index: 10;left: 3.8em;top: 0.3em;transform: translateX(-100%);width: 1.1em;height: 1em;padding-top: 0.1em;font-size: 1em;color: #0cf;display: inline-flex;flex-direction: row;align-items: flex-start;justify-content: flex-end;line-height: 1;}.chmSelectorItem .badge.pro i {/* text-shadow: -0.1em -0.1em 0.3em rgb(0 0 0); */font-size: 0.8em;}.chmSelectorItem .badge {display: none !important;}.chmSelector:not(.editMode) .chmSelectorItem[data-badge-external="show"] .badge.external,.chmSelector:not(.editMode) .chmSelectorItem[data-show-button="edit"] .chmSelectorEditButton,.chmSelector:not(.editMode) .chmSelectorItem[data-show-button="editTeam"] .chmSelectorEditButton,.chmSelector:not(.editMode) .chmSelectorItem[data-show-button="team"] .chmSelectorTeamButton,.chmSelector:not(.editMode) .chmSelectorItem[data-show-button="editTeam"] .chmSelectorTeamButton,.chmSelector.editMode .chmSelectorItem[data-badge-external="show"]:not(.finally-deleted) .badge.delete,.chmSelectorItem[data-badge-pro="show"] .badge.pro {display: inline-flex !important;}.chmSelectorItem.not-verified .badge.verification-warning {display: inline-flex !important;align-items: center;justify-content: center;position: absolute;left: calc(0.5em + 3em - 1em + 0.1em);top: calc(0.5em - 0.1em);color: #ffffff;background-color: var(--warningColor);width: 1em;height: 1em;border-radius: 0.1em;z-index: 10;border: 1px solid #000;}.chmSelectorItem.not-verified .badge.verification-warning i {font-size: 0.5em;}.chmSelector.editMode .chmSelectorItem.editable:not(.deleted):not(.finally-deleted) {animation: shake 0.5s infinite;}@keyframes shake {0% {transform: rotate(0deg);}40% {transform: rotate(2deg);}80% {transform: rotate(-2deg);}100% {transform: rotate(0deg);}}.chmSelector .chmSelectorButton .text .text-edit,.chmSelector .chmSelectorButton .text .text-save,.chmSelector .chmSelectorButton .icon .icon-edit,.chmSelector .chmSelectorButton .icon .icon-save {display: none;}.chmSelector:not(.editMode) .chmSelectorButton .text .text-edit,.chmSelector:not(.editMode) .chmSelectorButton .icon .icon-edit {display: inline;}.chmSelector.editMode .chmSelectorButton .text .text-save,.chmSelector.editMode .chmSelectorButton .icon .icon-save {display: inline;}.chmSelector .chmSelectorItem.isDisabled,.chmSelector.editMode .chmSelectorItem:not(.editable),.chmSelector.editMode .chmSelectorItem.finally-deleted {opacity: 0.1;pointer-events: none;}.chmSelector.editMode .chmSelectorButton.primary {opacity: 0.1;pointer-events: none;}.chmSelector .chmSelectorButton.editPrimary {transition: color 0.3s, background-color 0.3s;}.chmSelector.editMode .chmSelectorButton.editPrimary {color: #000;background-color: var(--primaryColor);}.chmPointsSelector {left: calc(var(--point-selector-tab-height) / 3);right: calc(var(--point-selector-tab-height) / 3);bottom: calc(var(--point-selector-tab-height) / 3);top: calc((14 * var(--baseFontSize)) + var(--point-selector-tab-height));background-color: #333;overflow: visible;}.chmPointsSelector:after,.chmPointsSelector:before {display: none !important;}.chmPointsSelector .chmSelectorItems {top: calc(3 * var(--baseFontSize));padding-right: 0;}.chmPointsSelector .chmSelectorItems {top: calc(3 * var(--baseFontSize));padding-right: 0;}.chmPointsSelector.has-checkbox {bottom: calc((1.5 * var(--point-selector-tab-height)) + (var(--point-selector-tab-height) / 3) + 3px);--chmSelectorItems-height: calc(88vmin - (4 * var(--point-selector-tab-height)) - 3px);--chmSelectorItems-font-size: 11vmin;}@media (max-aspect-ratio: 1/1) {.chmPointsSelector.has-checkbox {--chmSelectorItems-height: calc(88vmin - (2 * var(--point-selector-tab-height)));}}.chmPointsSelector-checkbox-container {position: absolute;display: none;flex-direction: row;align-items: center;justify-content: center;top: calc(100% + 3px);height: calc((1.5 * var(--point-selector-tab-height)));left: 0;right: 0;background-color: #333;}.chmPointsSelector.has-checkbox .chmPointsSelector-checkbox-container {display: flex;}.chmPointsSelector-checkbox {display: flex;flex-direction: row;align-items: center;justify-content: center;font-size: calc(0.7 * calc(0.7 * var(--point-selector-tab-height)));--size: var(--point-selector-tab-height);--hex-offset: calc(0.25 * 1.15 * var(--size));height: var(--size);padding-left: calc(0.5 * var(--point-selector-tab-height));padding-right: calc(0.8 * var(--point-selector-tab-height));}.chmPointsSelector-checkbox-box {display: inline-flex;align-items: center;justify-content: center;--size: var(--point-selector-tab-height);width: var(--size);min-width: var(--size);max-width: var(--size);min-height: var(--size);min-height: var(--size);min-height: var(--size);border: 2px solid var(--primaryColor);background-color: #000;border-radius: 100%;margin-right: calc(0.3 * var(--size));font-size: calc(0.6 * var(--size));perspective: var(--size);transition: background-color 0.4s;}.chmPointsSelector-checkbox-box i {color: #000;line-height: 1;padding-top: 0.1em;transition: all 0.4s;opacity: 0;transform: rotateY(90deg);}.chmPointsSelector-checkbox[data-checked="yes"] .chmPointsSelector-checkbox-box {background-color: var(--primaryColor);}.chmPointsSelector-checkbox[data-checked="yes"] .chmPointsSelector-checkbox-box i {opacity: 1;transform: rotateY(0deg);}.chmPointsSelector .chmSelectorItem {background-color: rgba(0, 0, 0, 0.4);width: auto !important;}.chmPointsSelector .chmSelectorItem.hover {color: #000000;background-color: var(--primaryColor);transition: background-color 1s;}.chmPointsSelector .chmSelectorItem.hover > *:not(.badge),.chmPointsSelector .chmSelectorItem.hover > *:not(.badge) * {color: #000000 !important;}.chmPointsSelector-tabs {position: fixed;left: calc(var(--point-selector-tab-height) / 3);right: calc(var(--point-selector-tab-height) / 3);height: calc(var(--point-selector-tab-height) + 1px);top: calc(14 * var(--baseFontSize));line-height: 1;z-index: 5000000;display: flex;flex-direction: row;align-items: stretch;justify-content: center;}.chmPointsSelector-tab {background-color: #333;flex-grow: 1;position: relative;display: inline-flex;align-items: center;justify-content: center;text-align: center;color: #fff;background-color: #1a1a1a;border-bottom: none;height: 100%;font-size: calc(var(--point-selector-tab-height) / 3);line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;clip-path: polygon(calc(0.575 * var(--point-selector-tab-height)) 0%,calc(100% - (0.575 * var(--point-selector-tab-height))) 0%,100% 100%,0% 100%);}.chmPointsSelector-tab i {color: #555;margin-right: calc(1 * var(--baseFontSize));font-size: calc(3 * var(--baseFontSize));padding-top: 0.1em;}.chmPointsSelector-tab.active i {color: var(--primaryColor);transition: color 1s;}.chmPointsSelector-tab.active {background-color: #333;color: #fff;}.chmPointsSelector-custom {position: absolute;left: 2rem;right: 2rem;top: 2rem;bottom: 2rem;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}.chmPointsSelector-custom:before,.chmPointsSelector-custom:after {display: block;height: 0;content: '';}.chmPointsSelector-custom-input {display: flex;flex-direction: row;align-items: center;justify-content: center;}.chmPointsSelector-custom-value {display: inline-flex;flex-direction: row;align-items: center;justify-content: center;font-size: calc(0.65 * var(--chmSelector-custom-button-size));--width: calc(2 * var(--chmSelector-custom-button-size));--height: calc(1.15 * var(--width));width: var(--width);height: var(--height);min-width: var(--width);min-height: var(--height);max-width: var(--width);max-height: var(--height);background-color: #fafafa;color: #121212;margin: calc(0.05 * var(--chmSelector-custom-button-size));/* border-radius: 3rem; */clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);}.chmPointsSelector-custom-button {display: inline-flex;flex-direction: row;align-items: center;justify-content: center;height: var(--chmSelector-custom-button-size);width: calc(1.15 * var(--chmSelector-custom-button-size));clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);background-color: #000;color: #fff;font-size: calc(0.25 * var(--chmSelector-custom-button-size));margin: calc(0.05 * var(--chmSelector-custom-button-size));}.chmPointsSelector-custom-button[data-change-value="5"] {transform: translate(calc(-0.3 * var(--chmSelector-custom-button-size)),calc(-0.55 * var(--chmSelector-custom-button-size)));}.chmPointsSelector-custom-button[data-change-value="10"] {transform: translate(calc(-1.55 * var(--chmSelector-custom-button-size)),calc(0.55 * var(--chmSelector-custom-button-size)));}.chmPointsSelector-custom-button[data-change-value="100"] {transform: translate(calc(-1.85 * var(--chmSelector-custom-button-size)),0);}.chmPointsSelector-custom-button[data-change-value="-5"] {transform: translate(calc(0.3 * var(--chmSelector-custom-button-size)),calc(-0.55 * var(--chmSelector-custom-button-size)));}.chmPointsSelector-custom-button[data-change-value="-10"] {transform: translate(calc(1.55 * var(--chmSelector-custom-button-size)),calc(0.55 * var(--chmSelector-custom-button-size)));}.chmPointsSelector-custom-button[data-change-value="-100"] {transform: translate(calc(1.85 * var(--chmSelector-custom-button-size)),0);}.chmPointsSelector-custom-button span {display: inline-block;}.chmPointsSelector-custom-button i {display: inline-block;font-size: 2rem;color: var(--primaryColor);margin-right: 0.5rem;margin-bottom: 0.3rem;}.chmPointsSelector-button {position: relative;display: inline-flex;align-items: center;justify-content: center;color: #000;font-size: 5rem;height: 10rem;font-size: 4rem;width: auto;padding: 0 5rem;clip-path: polygon(2.875rem 0%,calc(100% - 2.875rem) 0%,100% 50%,calc(100% - 2.875rem) 100%,2.875rem 100%,0% 50%);background-color: var(--primaryColor);}.chmPointsSelector-button i {display: inline-block;margin-right: 2.5rem;font-size: 3.5rem;}@media(max-aspect-ratio: 1/1) {.chmPointsSelector-button {font-size: 5vmin;height: 10vmin;font-size: 4vmin;padding: 0 5vmin;clip-path: polygon(2.875vmin 0%,calc(100% - 2.875vmin) 0%,100% 50%,calc(100% - 2.875vmin) 100%,2.875vmin 100%,0% 50%);}.chmPointsSelector-button i {margin-right: 2.5vmin;font-size: 3.5vmin;}}.chmPointsSelector.has-no-entries .chmPointsSelector-tab *,.chmPointsSelector.has-no-entries .chmPointsSelector-tab[data-mode="default"] {display: none !important;}.chmListboxItem:last-child {border-bottom: none;}.hasIcons .chmListboxItem {padding-left: 7rem;}.chmListbox.miniItems {width: 55.75vw;margin-left: -27.875vw;}.chmListbox.miniItems .chmListboxItems {padding: 0;}.chmListbox.miniItems .chmListboxItem {padding: 0;padding-top: 1.4vw;line-height: 2.5vw;font-size: 2.5vw;text-align: center;width: 5vw;height: 5vw;background-color: rgba(255, 255, 255, 0.1);border: 0.1rem solid rgba(255, 255, 255, 0.1);display: block;float: left;margin-left: 0.5vw;margin-top: 0.5vw;}.chmListbox.miniItems .chmListboxItem.hover, .chmListboxItem.hover {background-color: rgba(255, 136, 0, 1);color: #000000;}#fader {position: fixed;z-index: 0;background-color: rgba(0, 0, 0, 0.95);transition: background-color 0.5s;left: 0;top: 0;right: 0;bottom: 0;opacity: 0;visibility: hidden;}#reload, .reloader {position: fixed;z-index: 0;left: 50vw;top: 50vh;transform: translate(-50%, -50%);width: 15rem;height: 15rem;opacity: 0;transition: visibility 0s, opacity 0.4s;visibility: hidden;overflow: hidden;}#reload:after, .reloader:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: url(../res/icon/loader.svg) !important;animation: rotate 2s linear infinite;transform-origin: 50% 50%;}.list-lazy-loader {height: 10rem;overflow: hidden;text-align: center;}.list-lazy-loader:after {content: '';display: inline-block;position: relative;width: 7rem;height: 7rem;background-image: url(../res/icon/loader.svg) !important;animation: rotate 2s linear infinite;transform-origin: 50% 50%;}.reloader {position: absolute;left: 50%;top: 50%;}.faded #fader {z-index: 3000000;visibility: visible;opacity: 1;}.faded-opaque #fader {background-color: rgba(0, 0, 0, 1);}.faded-bright #fader {background-color: rgba(255, 255, 255, 0.9);}.faded-opaque.faded-bright #fader {background-color: rgba(255, 255, 255, 1);}.reload #reload, .reload .reloader {z-index: 4000000;visibility: visible;opacity: 1;}.avatar-container {position: fixed;top: var(--safe-area-inset-top);width: 19rem;height: var(--header-height);/* background-color: rgba(255,255,255,0.1); */border-radius: 7rem;transition: width 0.4s;z-index: 1001;}.avatar-container.isDouble {width: 10rem;}.avatar-container.left {left: 0;}.avatar-container.right {right: 0;}.avatar,.subAvatar {position: absolute;background-color: rgba(255, 255, 255, 0.1);background-size: cover;background-repeat: no-repeat;z-index: 10;border-radius: 100%;/* overflow: hidden; */}.avatar {width: var(--avatar-size);height: var(--avatar-size);}.subAvatar {left: 0;width: var(--subAvatar-size);height: var(--subAvatar-size);}.avatar.isDouble {background-image: none !important;border-radius: 0;background-color: transparent;width: var(--subAvatar-size);height: calc(2 * var(--subAvatar-size));}.avatar:not(.isDouble) .subAvatar {display: none !important;background-image: none !important;}.avatar-container .avatar {bottom: 2rem;transition: all 0s;}.avatar-container .avatar.isDouble {bottom: 1.5rem;}.avatar-container.left .avatar {left: 2rem;}.avatar-container.right .avatar {right: 2rem;}.subAvatar:first-child {top: 0;border-radius: var(--subAvatar-size) var(--subAvatar-size) 0 0;}.subAvatar:last-child {bottom: 0;border-radius: 0 0 var(--subAvatar-size) var(--subAvatar-size);}.avatar-container .rating {position: absolute;width: 16.4rem;height: 7rem;top: 0;transform: scaleY(0);transform-origin: center top;transition: transform 0.5s;background-color: rgba(102, 102, 102, 0.5);clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);padding: 1.5rem 2.5rem;}.avatar-container.left .rating {left: 1.3rem;}.avatar-container.right .rating {right: 1.3rem;}.avatar-container.has-rating:not(.isDouble) .rating {transform: scaleY(1);}.avatar-verification-warning {display: none;}.avatar-container.not-verified .avatar-verification-warning {display: inline-flex;align-items: center;justify-content: center;position: absolute;left: auto;right: auto;bottom: calc(2rem + 15rem - 5rem + 0.5rem);color: #ffffff;background-color: var(--warningColor);font-size: 2.5rem;width: 5rem;height: 5rem;padding-top: 0.1em;border-radius: 0.5rem;z-index: 10;border: 1px solid #000;}.ranking-list-item .ranking-list-item-avatar:after,#statsDialog.player-isProPlayer .statsPlayerImage:after,.chartLabel .chartLabelImage:after,.stats-table-games-row .stats-table-games-col-opponent-avatar-image:after,.chmSelectorItem[data-selector-player-id] .icon:after,.save-dialog-avatar:not(.isDouble):after,.save-dialog-avatar.isDouble .subAvatar:after,.avatar-container .avatar:after,.avatar-container .subAvatar:after {content: '';position: absolute;left: var(--proPlayer-offset);top: var(--proPlayer-offset);right: var(--proPlayer-offset);bottom: var(--proPlayer-offset);background-size: cover;background-repeat: no-repeat;background-position: center center;background-image: url('../res/images/pro-badge/circle-none.svg');}.subAvatar {z-index: 1;}.subAvatar.isProPlayer {z-index: 2;}.ranking-list-item.isProPlayer .ranking-list-item-avatar:after,#statsDialog.player-isProPlayer .statsPlayerImage:after,.chartLabel.opponent-isProPlayer .chartLabelImage:after,.stats-table-games-row.opponent-isProPlayer .stats-table-games-col-opponent-avatar-image:after,.chmSelectorItem[data-selector-player-id].isProPlayer .icon:after,.save-dialog-avatar.isProPlayer:after,.save-dialog-avatar .subAvatar.isProPlayer:after,.avatar-container .avatar.isProPlayer:after,.avatar-container .subAvatar.isProPlayer:after {background-image: url('../res/images/pro-badge/circle-top-left.svg');}.avatar-container.isDouble .avatar:after {display: none !important;}.avatar-container.left .avatar-verification-warning {right: 1.5rem;}.avatar-container.right .avatar-verification-warning {left: 1.5rem;}.avatar-container.left .avatar.isProPlayer:after {background-image: url('../res/images/pro-badge/circle-top-left.svg');}.save-dialog-avatar.right.isProPlayer:after,.save-dialog-avatar.right .subAvatar.isProPlayer:after,.avatar-container.right .avatar.isProPlayer:after {background-image: url('../res/images/pro-badge/circle-top-right.svg');}.avatar-container.isDouble.left .subAvatar:first-child.isProPlayer:after {background-image: url('../res/images/pro-badge/circle-top-left.svg');}.save-dialog-avatar.left .subAvatar.isProPlayer:last-child:after,.avatar-container.isDouble.left .subAvatar:last-child.isProPlayer:after {background-image: url('../res/images/pro-badge/circle-bottom-left.svg');}.avatar-container.isDouble.right .subAvatar:first-child.isProPlayer:after {background-image: url('../res/images/pro-badge/circle-top-right.svg');}.save-dialog-avatar.right .subAvatar.isProPlayer:last-child:after,.avatar-container.isDouble.right .subAvatar:last-child.isProPlayer:after {background-image: url('../res/images/pro-badge/circle-bottom-right.svg');}.stats-table-games-row.opponent-isProPlayer .stats-table-games-col-opponent-avatar-image:after,.avatar-container.right .avatar.isProPlayer:after,.avatar-container.right .subAvatar.isProPlayer:after {background-image: url('../res/images/pro-badge/circle-top-right.svg');}.avatar-container.isDouble .avatar-verification-warning {left: auto;right: auto;top: auto;bottom: 7.5rem;}.avatar-container.left.isDouble .avatar-verification-warning {left: 6rem;}.avatar-container.right.isDouble .avatar-verification-warning {right: 6rem;}.chmButtonGroup {display: flex;margin: 0 1rem;}.chmButtonGroup:first-child {margin-left: 2rem;}.chmButtonGroup:last-child {margin-right: 2rem;}#menuItemsWrapper {position: absolute;overflow: hidden;left: 0;top: 0;bottom: 0;right:0;}#menuItems {position: absolute;left: 0;top: 0;right:0;height:12rem;display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;}#menu .chmButtonGroup {margin-top: 2rem;height: 10rem;}.chmButton {position: relative;width: 11.5rem;height: 10rem;transition: transform 0.4s, color 1s;background-color: rgba(77, 77, 77, 0.5);clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);color: var(--primaryColor);font-size: 5rem;display: flex;align-items: center;justify-content: center;margin: 0 1rem;}#menu .chmButton {width: calc(1.15 * var(--menu-button-height));height: var(--menu-button-height);font-size: calc(0.5 * var(--menu-button-height));}.chmButton.primary {color: #000;background-color: var(--primaryColor);}.chmButton.tertiary svg {opacity: 0.7;}.chmButton.bold {font-weight: 700;}.chmButtonSpacer {position: relative;width: 11.5rem;height: 10rem;transition: transform 0.4s;background-color: transparent;clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);color: transparent;font-size: 5rem;display: flex;align-items: center;justify-content: center;margin: 0 1rem;pointer-events: none;}.chmButton:first-child,.chmButtonSpacer:first-child {margin-left: 0 !important;}.chmButton:last-child,.chmButtonSpacer:last-child {margin-right: 0 !important;}.chmButtonRow14 {position: relative;display: flex;align-items: flex-start;justify-content: space-between;width: 98vw;max-width: calc((16 * 8.5rem) + 15 * (8.5rem / 5.1875));height: calc(18rem - ((0.75 * 1.15 * (98vw - 15vw) / 16) + 1vw));min-height: calc(18rem - ((0.75 * 1.15 * 8.5rem) + (8.5rem / 5.1875)));overflow: hidden;}.chmButtonRow14.indented {width: calc(98vw - ((98vw - 15vw) / 16));max-width: calc((16 * 8.5rem) + 15 * (8.5rem / 5.1875) - 8.5rem);height: calc((0.75 * 1.15 * (98vw - 15vw) / 16) + 1vw);min-height: 0;max-height: calc((0.75 * 1.15 * 8.5rem) + (8.5rem / 5.1875));overflow: visible;}@media(max-aspect-ratio: 11/9) {.chmButtonRow14,.chmButtonRow14.indented {height: 11.5rem;max-height: none;}.chmButtonRow14.isBalls {display: none !important;}}.chmButtonGroup14 {display: flex;width: auto;height: 100%;align-items: flex-start;justify-content: space-between;}.chmButton14Container {position: relative;display: inline-block;width: auto;height: auto;}.chmButton14 {position: relative;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%);font-size: var(--chmButton14-font-size);width: var(--chmButton14-width);height: calc(1.15 * (98vw - 15vw) / 16);max-width: 8.5rem;max-height: calc(1.15 * 8.5rem);display: flex;align-items: center;justify-content: center;}.chmButton14.primary {color: #000;background-color: var(--primaryColor);}@media(max-aspect-ratio: 11/9) {.chmButton14 {width: var(--chmButton14-width);max-width: none;height: calc(1.15 * var(--chmButton14-width));max-height: none;}}.chmButton14_tooltip {position: absolute;bottom: calc(100% + (1 * var(--baseFontSize)));left: 0%;transform: scaleX(1);transform-origin: calc(0.5 * var(--chmButton14-width)) 100%;transition: transform 0.75s;display: inline-flex;align-items: center;justify-content: center;min-height: calc(5 * var(--baseFontSize));padding: calc(1 * var(--baseFontSize));font-size: calc(2 * var(--baseFontSize));line-height: 1;background-color: var(--primaryColor);color: #000;border-radius: calc(0.5 * var(--baseFontSize));white-space: nowrap;}.chmButton14_tooltip:after {content: '';position: absolute;display: inline-block;top: 100%;left: calc((0.5 * var(--chmButton14-width)) - (1 * var(--baseFontSize)));width: 0;height: 0;border: calc(1 * var(--baseFontSize)) solid transparent;border-top-color: var(--primaryColor);}.chmButton14Container:not(.has-tooltip) .chmButton14_tooltip {transform: scaleX(0);transition: transform 0.25s;}.chmButtonSpacer14 {position: relative;height: 75%;width: calc(0.5 * 1vw);max-width: calc(0.5 * 8.5rem / 5.1875);}.chmButtonSpacer14.double {width: calc(1vw);max-width: calc(8.5rem / 5.1875);}.chmButtonSpacer14.full {width: calc((98vw - 15vw) / 16);max-width: 8.5rem;}@media(max-aspect-ratio: 11/9) {.chmButtonSpacer14 {width: calc(0.1 * var(--chmButton14-width));max-width: none;}.chmButtonSpacer14.double {width: calc(0.2 * var(--chmButton14-width));max-width: none;}.chmButtonSpacer14.full {width: var(--chmButton14-width);max-width: none;}}.chmButton14.number {background-color: rgba(77, 77, 77, 0.5);color: #b3b3b3;clip-path: polygon(0% 6.25%, 50% 0%, 100% 6.25%, 100% 100%, 0% 100%);height: calc(4 * 1.15 * (98vw - 15vw) / 16);max-height: calc(4 * 1.15 * 8.5rem);}.chmButton14.number .chmButton14_Box {display: flex;align-items: center;justify-content: center;position: absolute;left: 0;right: 0;top: 6.25%;height: calc(18rem - (1.15 * (98vw - 15vw) / 16) - 1vw - 0.5rem);min-height: calc(18rem - (1.15 * 8.5rem) - (8.5rem / 5.1875) - 0.5rem);}.chmButton14.number .chmButton14_Box .chmButton14_Line {position: absolute;left: 0;right: 0;height: 0.5rem;background-color: #b3b3b3;top: 100%;}.chmButton14.number .chmButton14_Box .chmButton14_Line.striped:before, .chmButton14.number .chmButton14_Box .chmButton14_Line.striped:after {content: '';position: absolute;top: 0;width: 12%;height: 0.5rem;background-color: #b3b3b3;}.chmButton14.number .chmButton14_Box .chmButton14_Line.striped:before {left: 0;}.chmButton14.number .chmButton14_Box .chmButton14_Line.striped:after {right: 0;}.chmButton14.active,.chmButtonGroupSnooker .chmButton.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;}.chmButton.disabled {opacity: 0.1;pointer-events: none;}/*.chmButton14 {position: absolute;width: 8rem;height: 8rem;transform: translate(-50%, -50%);border-radius: 100%;opacity: 0.85;background-size: cover;}.chmButton14.big {top: 9.5rem;width: 9rem;height: 9rem;border-radius: 1rem;}@media(max-aspect-ratio: 16/10) {.chmButton14 {width: 5.5vw;height: 5.5vw;}.chmButton14.big {width: 5.5vw;height: 5.5vw;}}*//*.chmButton14.first {top: 5.5rem;}.chmButton14.second {top: 14.5rem;}*/.game14-ReRack_Container {position: relative;display: block;}.game14-ReRack_Back {position: absolute;display: inline-flex;align-items: center;justify-content: center;background-color: var(--primaryColor);color: #000;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);width:calc(1.15 * 7rem);height: 7rem;z-index:10;left:0;top:0;pointer-events: none;opacity: 0;transition: opacity 0.3s;}.game14-ReRack {position: relative;display: block;overflow: hidden;}.game14-ReRack_Container img {width: calc(100vw - 19rem);height: auto;transform-origin: center center;transition: transform 0.3s;pointer-events: none;}@media(min-aspect-ratio: 19/10) {.game14-ReRack_Container img {width: auto;height: calc(100vh - 30rem);}}.game14-ReRackOverlay {position: absolute;left: 0;top: 0;opacity: 1;}.game14-ReRack_Container.zoom .game14-ReRack_Back {opacity: 1;}.game14-ReRack_Container.zoom .game14-ReRackOverlay {opacity: 0;}.game14-ReRack_Container.zoom[data-focus="0,0"] img {transform: scale(3) translate(calc(100% / 3), calc(100% / 3));}.game14-ReRack_Container.zoom[data-focus="1,0"] img {transform: scale(3) translate(0, calc(100% / 3));}.game14-ReRack_Container.zoom[data-focus="2,0"] img {transform: scale(3) translate(calc(100% / -3), calc(100% / 3));}.game14-ReRack_Container.zoom[data-focus="0,1"] img {transform: scale(3) translate(calc(100% / 3), 0);}.game14-ReRack_Container.zoom[data-focus="1,1"] img {transform: scale(3) translate(0, 0);}.game14-ReRack_Container.zoom[data-focus="2,1"] img {transform: scale(3) translate(calc(100% / -3), 0);}.game14-ReRack_Container.zoom[data-focus="0,2"] img {transform: scale(3) translate(calc(100% / 3), calc(100% / -3));}.game14-ReRack_Container.zoom[data-focus="1,2"] img {transform: scale(3) translate(0, calc(100% / -3));}.game14-ReRack_Container.zoom[data-focus="2,2"] img {transform: scale(3) translate(calc(100% / -3), calc(100% / -3));}table.game14 {width: 100rem !important;font-size: 2.5rem;background-color: #ffffff;color: #000000;border-left: 0.1rem solid #000;border-top: 0.1rem solid #000;/*border-radius: 1rem;*/border-spacing: 0;}td.game14 {/*width: 20rem;*/padding: 0.75rem 2rem;text-align: right;border-right: 0.1rem solid #000;border-bottom: 0.1rem solid #000;}td.game14:last-child {border-right-width: 0;}td.game14.handwritten {font-family: 'Patrick Hand SC';color: #0066ff;text-align: center;}td.game14.svgnumber {font-size: 2rem;}td.game14.ballImages {text-align: left;}td.game14.ballImages svg {width: 2rem;height: 2rem;}tr.game14 td:first-child {width: 12rem;}tr.game14.titles td[colspan="2"],tr.game14.points td[colspan="2"] {width: 22rem;}tr.game14.points td:nth-child(1), tr.game14.points td:nth-child(3), tr.game14.titles td:nth-child(1), tr.game14.titles td:nth-child(3) {border-right-width: 0.3rem;}tr.game14.points td:nth-child(2), tr.game14.points td:nth-child(3), tr.game14.points td:nth-child(4), tr.game14.points td:nth-child(5) {font-size: 3rem;}tr.game14.targets td {font-size: 1.5rem;height:2.5rem;text-align: right;vertical-align: middle;border-width: 0;}tr.game14.targets td[colspan="1"] {width:11rem;}tr.game14.targets td.handwritten {font-size: 2rem;}tr.game14.titles td {text-align: center;font-size: 1.5rem;border-top: 0.3rem solid #000;}tr.game14.players td {text-align: center;font-weight: 700;border-top: 0.3rem solid #000;}tr.game14.players td:nth-child(1), tr.game14.players td:nth-child(2) {border-right-width: 0.3rem;}tr.game14.titles td:nth-child(1),tr.game14.players td:nth-child(1) {font-size: 1.5rem;font-weight: 400;text-align: right;}tr.game14.stats td {font-size: 1.5rem;border-bottom-width: 0;}tr.game14.stats td:nth-child(3), tr.game14.stats td:nth-child(5), tr.game14.stats td:nth-child(7), tr.game14.stats td:nth-child(9) {font-size: 3rem;}tr.game14.stats td:nth-child(2), tr.game14.stats td:nth-child(4), tr.game14.stats td:nth-child(6), tr.game14.stats td:nth-child(8) {width: 11rem;border-right-width: 0;padding-right: 0;}tr.game14.stats td:nth-child(3), tr.game14.stats td:nth-child(5), tr.game14.stats td:nth-child(7), tr.game14.stats td:nth-child(9) {width: 11rem;text-align: left;}tr.game14.stats td:nth-child(1), tr.game14.stats td:nth-child(5) {border-right-width: 0.3rem;}tr.game14.header td {border-width: 0;text-align: left;vertical-align: middle;}tr.game14.header td:first-child {padding:2rem;text-align: left;width:12rem;height:12rem;}tr.game14.header td:last-child {height: auto;}tr.game14.header img {width:8rem;height:8rem;border-radius: 100%;margin-right: 2rem;}tr.game14.header div {height: 100%;display: flex;align-items: center;justify-content: flex-start;}.rowGameResult {margin-top: 1vw;}.rowGameDetails {margin-top: 2vw;}.colGameType {height: 6rem;font-size: 2.5rem;padding-top: 1.5rem;}.colPlayerName {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 2em;padding-top: 0.5em;}.colGameResult {font-size: 7rem;line-height: 6rem;}.rowRanking {position: relative;font-size: 3rem;height:6rem;display: flex;align-items: center;justify-content: flex-start;color: #eee;min-width: 75rem;border-bottom: 1px solid #555;}.rowRanking > * {flex-grow: 0;height:1em;}.rowRanking.last {/* padding-bottom:2rem; */border: none;}.rowRanking.nonRanked {opacity: 0.5;}.rowRanking.topPlayer {color: #dddddd;background-color: rgba(0, 0, 0, 0.3);}.colRankingPosition {width:10rem;min-width: 10rem;text-align: right;padding-right: 2rem;color: #fff;display: inline-flex;align-items: center;justify-content: flex-end;}.colRankingPosition > i {display: none;}.colRankingPosition > span {display: inline-block;height: 1em;}.topPlayer .colRankingPosition {justify-content: space-between;}.topPlayer .colRankingPosition > i {display: inline-block;}.topPlayer.position-1 .colRankingPosition > i {color: #a80;}.topPlayer.position-2 .colRankingPosition > i {color: #888;}.topPlayer.position-3 .colRankingPosition > i {color: #850;}.colRankingPlayer {flex-grow: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height:1.1em;}.colRankingPlayer_Avatar {width: 4rem;min-width: 4rem;height: 4rem;background-position: center center;background-size: cover;border-radius: 100%;margin-right:1rem;}.colRankingRanking {color: #f80;font-weight: 400;font-size:2rem;text-align: right;width:10rem;min-width: 10rem;}.rowRankingDetailsTitle {color: var(--primaryColor);transition: color 1s;font-size: 2rem;}.rowRankingDetails {font-size: 3rem;margin-top: 1rem;padding: 1rem;background-color: rgba(255, 255, 255, 0.1);color: #dddddd;border-radius: 0.5rem;}.rowRankingDetails.highlight {background-color: rgba(255, 255, 255, 0.4);}.colRankingGame {background-position: left center;background-size: contain;padding-left: 5rem;white-space: nowrap;line-height: 4rem;}.colRankingGameTitle {padding-left: 6rem;}.colRankingQuote {padding-right: 3rem;}.rowRankingGameList {font-size: 2.5rem;background-color: rgba(255, 255, 255, 0.1);border-radius: 0.5rem;margin-top: 1rem;padding: 0.5rem;border: 0.5rem solid transparent;border-top: none;border-bottom: none;}.rowRankingGameList.won {border-color: rgba(0, 255, 0, 0.2);}.rowRankingGameList.lost {border-color: rgba(255, 0, 0, 0.4);}.rowRankingGameList.tie {border-color: rgba(255, 255, 0, 0.4);}.colRankingGameListPlayer {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-top: 0.6rem;color: #dddddd;}.colRankingGameListResult {font-size: 3rem;color: #6b4700;}.rowRankingGameList.won .colRankingGameListResult.splitter,.rowRankingGameList.lost .colRankingGameListResult:not(.splitter),.rowRankingGameList.tie .colRankingGameListResult.splitter {color: var(--primaryColor);transition: color 1s;}.colRankingGameListResult.splitter:after {content: ':';color: #aaaaaa;font-weight: 700;font-size: 2rem;padding-top: 0.7rem;position: absolute;left: 100%;margin-left: -0.2rem;top: 0;}.colRankingGameListValue {font-size: 2rem;line-height: 4rem;color: #f80;padding: 0;}.colRankingGameListValue.positive {color: #559955;}.colRankingGameListValue.positive:before {content: '+';}.colRankingGameListValue.negative {color: #DD5555;}.colRankingGameListValue.negative:before {content: '-';}.colRankingGameListValue.neutral {color: #888;}.colRankingGameListValue.neutral:before {content: '±';}.colRankingGameListResultSplitter {color: #aaaaaa;font-weight: 700;font-size: 2rem;padding-top: 0.7rem;}.colRankingGameListType {height: 4rem;opacity: 0.7;}.colRankingGameListDate {font-size: 1.5rem;padding-top: 1.2rem;white-space: nowrap;overflow: visible;color: #aaaaaa;}.confirmed .colRankingGameListDate:before {content: '';position: absolute;right: 100%;top: 0.8rem;margin-right: 2rem;width: 2.4rem;height: 2.4rem;background-image: url('../res/icon/confirmed.svg');}.gameInfo .opponent {display: block;font-size: 4rem;color: #aaaaaa;margin-bottom: 1rem;}.gameInfo .address {display: block;white-space: pre;margin-bottom: 2rem;}.gameInfo .dateLabel, .gameInfo .timeLabel, .gameInfo .resultLabel {color: #aaaaaa;}.gameInfo .date, .gameInfo .time {color: #00FFFF;}.gameInfo .result {color: #FFFF00;}.gameInfo .date:after, .gameInfo .time:after {content: '';display: block;height: 2rem;}#statsDialog, #remoteManager, #rankingDialog {position: fixed;left: 0;right: 0;top: 0;bottom: 0;color: #fff;z-index: 3000000;background-color: #000;}#statsDialog .chmRating {background-color: rgba(255, 255, 255, 0.2);/*border-radius: 1rem*/}#statsDialog .stats-verification-warning {display: none;}#statsDialog.player-not-verified .stats-verification-warning {display: inline-flex;align-items: center;justify-content: center;position: absolute;right: -0.5rem;top: -0.5rem;color: #ffffff;background-color: var(--warningColor);font-size: 1.5rem;width: 3rem;height: 3rem;padding-top: 0.1em;border-radius: 0.5rem;z-index: 10;border: 1px solid #000;}#saveDialog {position: fixed;left: 0;right: 0;top: 0;bottom: 0;color: #fff;z-index: 3000000;}#saveDialog .left {right: calc(50vw + 8rem);}#saveDialog .right {left: calc(50vw + 8rem);}.save-dialog-game, .save-dialog-details {position: fixed;left: 0;right: 0;}.save-dialog-details {transition: opacity 400ms;}.save-dialog-game {top: 24rem;height: 50rem;}.spielTyp.save-dialog-gametype {position: absolute;width: 10rem;height: 10rem;top: 2.5rem;transform: translateX(-50%);}.save-dialog-points-container, .save-dialog-player-container {position: absolute;left: 0;top: 0;right: 0;bottom: 0;}.save-dialog-player-container {font-size: 4.5rem;}.save-dialog-points {position: absolute;display: inline-block;font-size: 20rem;height: 20rem;top: 30rem;color: #fff;}.has-breaks.has-maximum .save-dialog-points {font-size: 15rem;height: 15rem;top: 28rem;}.save-dialog-player {display: inline-block;width: auto;font-size: 100%;font-family: 'Days One', sans-serif;font-weight: 800;max-width: calc(50vw - var(--avatar-size) - 15rem);white-space: nowrap;}.save-dialog-player.hasNickname:not(.isDouble).firstname {font-size: 140%;margin-bottom: -0.1em;}.save-dialog-player.hasNickname:not(.isDouble).lastname {font-size: 60%;}.save-dialog-player.isDouble {max-width: calc(50vw - var(--subAvatar-size) - 15rem);}.save-dialog-player.isDouble.firstname,.save-dialog-player.isDouble.lastname {font-size: 0.75em;color: #fff;}[data-battle-mode="yes"] .save-dialog-player.firstname,[data-battle-mode="yes"] .save-dialog-player.lastname {font-size: 0.75em;}.save-dialog-player.isDouble.firstname {margin-top: 0.1em;margin-bottom: 0.4em;}.save-dialog-player-line {display: block;}.save-dialog-player-line:first-child {padding-top: 17rem;}.save-dialog-player-container.left .save-dialog-player-line {text-align: right;}.save-dialog-player-container.right .save-dialog-player-line {text-align: left;}.save-dialog-avatar {position: absolute;top: 0;width: 15rem;height: 15rem;}.has-breaks .save-dialog-game, .has-maximum .save-dialog-game {top: 14rem;}.has-breaks.has-maximum .save-dialog-game {top: 12rem;height: 44rem;}.has-maximum .save-dialog-details, .has-breaks .save-dialog-details {top: 67rem;}.has-maximum.has-breaks .save-dialog-details {top: 58rem;}.save-dialog-breaks.title, .save-dialog-maximum.title {position: absolute;display: flex;align-items: center;justify-content: center;left: 30vw;right: 30vw;font-size: 4rem;height: 5rem;line-height: 1;color: #888;border-bottom: 1px solid rgba(255, 255, 255, 0.2);font-weight: 700;top: 0;}.save-dialog-breaks, .save-dialog-maximum {position: absolute;display: inline-flex;align-items: center;justify-content: center;top: 3rem;font-size: 4rem;line-height: 1;height: 10rem;color: #fff;}.has-breaks.has-maximum .save-dialog-maximum.title {top: 12rem;}.has-breaks.has-maximum .save-dialog-maximum {top: 15rem;}.save-dialog-confirmation {position: absolute;left: 18rem;top: -5rem;height: calc(20rem + 1px);width: calc(100% - 21rem);background-color: rgba(0,0,0,0.9);z-index: 9999;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;}.left .save-dialog-confirmation {align-items: flex-end;left: auto;right: 18rem;}.right .save-dialog-confirmation {align-items: flex-start;}.save-dialog-confirmation-status {position: relative;display: inline-block;width: 10rem;height: 10rem;overflow: hidden;margin-top: 2.5rem;margin-bottom: 2.5rem;}.has-breaks.has-maximum .save-dialog-confirmation {height: calc(16rem + 1px);bottom: -2rem;}.has-breaks.has-maximum .save-dialog-confirmation-status {width: 8rem;height: 8rem;}#saveDialog.shows-confirmation .save-dialog-details {opacity: 0.2;}.save-dialog-confirmation-status:before {content: '';position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform-origin: center center;animation: rotate-translate-xy 2s linear infinite;background-image: url(../res/icon/loader.svg) !important;transition: opacity 0.4s;}.save-dialog-confirmation.confirmed .save-dialog-confirmation-status:before,.save-dialog-confirmation.denied .save-dialog-confirmation-status:before {opacity: 0;}.save-dialog-confirmation-status i {position: absolute;display: inline-flex;width: 8rem;height: 8rem;font-size: 8rem;left: calc(50% - 4rem);top: calc(50% - 4rem);transform: rotateY(90deg);transition: transform 0.4s;color: #fff;}.save-dialog-confirmation-status i.confirmed {color: #0f0;}.save-dialog-confirmation-status i.denied {color: #f00;}.save-dialog-confirmation.confirmed:not(.denied) .save-dialog-confirmation-status i.confirmed {transform: rotateY(0deg);}.save-dialog-confirmation.denied .save-dialog-confirmation-status i.denied {transform: rotateY(0deg);}.save-dialog-confirmation-text {font-size: 3rem;text-align: center;padding: 0;display: inline-flex;flex-direction: column;align-items: center;justify-content: flex-end;background-color: #222;border-radius: 0.5rem;}.save-dialog-confirmation-text span {color: #000;background-color: var(--primaryColor);padding: 1rem 4rem;border-radius: 0.5rem 0.5rem 0 0;}#statsDialog .data-image, #saveDialog .data-image {display: inline-block;background-color: transparent;background-size: cover;border-radius: 100%;}#statsDialog .data-image {z-index: 5;}#statsDialog .data-badges {display: inline-block;background-color: transparent;z-index: 10;}#saveDialog .data-image {height: 1em;width: 1em;}#statsDialog .data-image,#statsDialog .data-badges {position: absolute;left: 14rem;top: 2rem;height: 10rem;width: 10rem;}#statsDialog .data-player {position: absolute;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;height: 10rem;left: 26rem;top: 2rem;font-size: 4rem;color: #fff;right: 16rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: 'Days One', sans-serif;font-weight: 800;}#statsDialog .data-player-lastName {color:#ccc;}#statsDialog .data-player.hasNickname {flex-direction: column;align-items: flex-start;justify-content: center;}#statsDialog .data-player.hasNickname .data-player-spacer {display: none;}#statsDialog .data-player.hasNickname .data-player-firstName {line-height: 1.3;}#statsDialog .data-player.hasNickname .data-player-lastName {font-size: 60%;}#statsDialog .data-rating {position: absolute;left: 2rem;top: 2rem;width: 10rem;height: 10rem;}#saveDialog #saveButton {position: fixed;display: inline-flex;align-items: center;justify-content: center;color: #000;left: 50vw;bottom: 5rem;height: 10rem;font-size: 4rem;width: auto;padding: 0 5rem;clip-path: polygon(2.875rem 0%, calc(100% - 2.875rem) 0%, 100% 50%, calc(100% - 2.875rem) 100%, 2.875rem 100%, 0% 50%);background-color: var(--primaryColor);transform: translateX(-50%);}#saveDialog #saveButton i {display: inline-block;margin-right: 2.5rem;font-size: 3.5rem;}#saveDialog #skipButton, #saveDialog #cancelButton {background-image: none;display: inline-flex;align-items: center;justify-content: center;}#saveDialog #saveButton.saving {border: none;border-radius: 0;box-shadow: none;overflow: hidden;background-color: transparent;background-image: none;}#saveDialog #saveButton.saving i {display: none;}#saveDialog #saveButton.saving:before {content: '';position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform-origin: center center;animation: rotate-translate-xy 2s linear infinite;background-image: url(../res/icon/loader.svg) !important;}#cancelStatsButton,#cancelRankingButton,#cancelButton,#skipButton,#remoteManagerCloseButton,.chmListbox-button-close,.chmListbox-button-print,.chmListbox-button-download,.chmSelector-button-close {position: fixed;display: inline-flex;align-items: center;justify-content: center;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);background-color: rgba(50,50,50, 1);border: none;color: var(--primaryColor);}#cancelStatsButton,#cancelRankingButton,#cancelButton,#skipButton,#remoteManagerCloseButton,.chmListbox-button-close,.chmListbox-button-print,.chmListbox-button-download {height: 10rem;width: 11.5rem;right: 2rem;top: 2rem;font-size: 4rem;}.chmSelector-button-close {height: calc(10 * var(--baseFontSize));width: calc(11.5 * var(--baseFontSize));right: calc(2 * var(--baseFontSize));top: calc(2 * var(--baseFontSize));font-size: calc(4 * var(--baseFontSize));} #cancelRankingButton { z-index: 999; }.chmListbox-button-print {z-index: 6000000;left: auto;right: 15.5rem;top: auto;bottom: 2rem;color: var(--primaryColor);font-size: 4rem;}.chmListbox-button-download {z-index: 6000000;left: auto;right: 2rem;top: auto;bottom: 2rem;color: var(--primaryColor);font-size: 4rem;}.chmListbox-button-download.generating {border: none;border-radius: 0;box-shadow: none;overflow: hidden;background-color: transparent;background-image: none;}.chmListbox-button-download.generating i {display: none;}.chmListbox-button-download.generating:before {content: '';position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform-origin: center center;animation: rotate-translate-xy 2s linear infinite;background-image: url(../res/icon/loader.svg) !important;}.chmListbox-downloadProgress {position: fixed;left: 50%;top: 50%;width: auto;height: auto;transform: translate(-50%, -50%);z-index: 5500000;font-size: 4rem;line-height: 1;padding: 4rem 6rem;color: #fff;background-color: #000;border-radius: 999rem;box-shadow: 0 0 3rem 1rem var(--primaryColor);}.chmListbox-qrCode {position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 5000000;}.chmListbox-qrCode-code-wrapper {position: absolute;left: 0;right: 0;top: 15rem;height: 75rem;}.chmListbox-qrCode-code {position: absolute;top: 0;left: 50%;width: 75rem;height: 75rem;transform: translateX(-50%);}.chmListbox-qrCode-code svg {position: absolute;left: 0;top: 0;width: 100% !important;height: 100% !important;border-radius: 2rem;}.chmListbox-qrCode-title {position: absolute;left: 16rem;top: 5rem;right: 16rem;height: 10rem;font-size: 5rem;display: flex;align-items: center;justify-content: center;flex-direction: row;color: var(--primaryColor);transition: color 1s;}.chmListbox-qrCode-info {position: absolute;bottom: 0;height: 10rem;left: 16rem;right: 16rem;font-size: 3rem;color: #ccc;display: flex;align-items: center;justify-content: center;}#saveDialog #skipButton {color: var(--primaryColor);font-size: 4rem;}#statsDialog.faded:after {content: '';position: fixed;z-index: 7000000;background-color: rgba(0, 0, 0, 0.9);left: 0;top: 0;right: 0;bottom: 0;}#statsChartContainer {position: absolute;display: flex;align-items: center;justify-content: center;left: 27rem;right: 2rem;top: 20rem;bottom: 2rem;background-color: #333;padding: 4rem;}#statsChart {position: absolute;display: flex;align-items: center;justify-content: center;left: 4rem;right: 4rem;top: 4rem;bottom: 4rem;}#statsChartContainer.hasControls #statsChart {bottom: 14rem;}.statsChartControls {display: none;position: absolute;align-items: center;justify-content: center;left: 4rem;right: 4rem;height: 8rem;bottom: 4rem;}#statsChartContainer.hasControls .statsChartControls {display: flex;}.statsChartControl {display: flex;align-items: center;justify-content: center;margin: 0 1rem;height: 6rem;font-size: 2rem;border-radius: 999rem;padding: 0 4rem;background-color: rgba(255, 255, 255, 0.1);transition: background-color 0.4s, color 0.4s;}.statsChartControlLabel {display: flex;align-items: center;justify-content: center;margin: 0 1rem;height: 6rem;font-size: 2rem;padding: 0;color: rgba(255, 255, 255, 0.6);}.statsChartControl.selected {background-color: rgba(255, 255, 255, 0.8);color: #000;}@media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 15/10) {.statsChartControl {margin: 0 0.5vw;font-size: 1.2vw;padding: 0 2vw;}.statsChartControlLabel {margin: 0 0.5vw;font-size: 1vw;}}[data-chart-type="bar"] .highcharts-container {transition: color 1.5s;}[data-chart-type="bar"] .highcharts-data-label {transition: opacity 0.25s;}[data-chart-type="bar"] .highcharts-xaxis-labels span {top: 0 !important;}.highcharts-xaxis-labels,.highcharts-yaxis-labels {font-family: 'Nunito';}.highcharts-data-labels * {font-family: 'Nunito' !important;}.highcharts-xaxis-labels .svgNumber,.highcharts-yaxis-labels .svgNumber,.highcharts-data-labels .svgNumber {margin: 0 1px;}.chartLineLabel {text-align: center;padding: 0.5rem;}.chartLineLabel_title {font-family: 'Nunito';font-size: 2.5rem;line-height: 1;font-weight: 700;margin: 1rem 0;}.chartLineLabel_value {position: relative;display: flex;align-items: center;justify-content: center;font-size: 3rem;}.chartLineLabel_valueFG {position: relative;z-index: 3;}.chartLineLabel_date {font-size: 1rem;color: #fff;}.chartLineLabel_date .svgNumber {margin: 0 0.1em;}.chartLabel {display: inline-block;position: absolute;left: 50%;top: 0;z-index: 9999;}.chartLabelImage {display: inline-block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 100%;background-color: rgba(255,255,255,0.1);}.chartLabel .chart-verification-warning {display: none;}.chartLabel.opponent-not-verified .chart-verification-warning {display: inline-flex;align-items: center;justify-content: center;position: absolute;color: #ffffff;right: 0;top: 0;background-color: var(--warningColor);padding-top: 0.1em;border-radius: 0.5rem;z-index: 10;border: 1px solid #000;}.chartLabelText {display: inline-flex;flex-direction: column;align-items: center;justify-content: center;font-size: 2rem;position: absolute;top: calc(100% + 1.5rem);border: 3px solid var(--primaryColor);border-radius: 0.2rem;background-color: rgba(0,0,0,0.75);color: #fff;padding: 1rem;left: 0;right: auto;transform-origin: calc(1.2rem + 1.5px) calc(-0.6rem - 1.5px);transform: translateX(calc(-1.2rem - 1.5px)) scale(0);font-family: 'Nunito';transition: border-color 1s, transform 0.4s;}.chartLabelText:before {content: '';position: absolute;left: 0;right: auto;bottom: calc(100% + 1px);width: 0;height: 0;border: 1.2rem solid transparent;border-bottom-color: var(--primaryColor);}.chartLabel.anchorRight .chartLabelText {right: 0;left: auto;transform-origin: 100% 0%;transform-origin: calc(100% - 1.2rem - 1.5px) calc(-0.6rem - 1.5px);transform: translateX(calc(1.2rem + 1.5px)) scale(0);}.chartLabel.anchorRight .chartLabelText:before {right: 0;left: auto;}.chartLabel.hover .chartLabelText {transform: translateX(calc(-1.2rem - 1.5px)) scale(1);}.chartLabel.anchorRight.hover .chartLabelText {transform: translateX(calc(1.2rem + 1.5px)) scale(1);}.chartLabelText-club {text-align: center;padding-top: 1rem;padding-bottom: 1rem;color: var(--primaryColor);transition: color 1s;}.chartLabelText-player {color: #fff;text-align: center;line-height: 1;}.chartLabelText-player * {line-height: 1;}.chartLabelText-player small {font-size: 1.3rem;}.chartLabelText-cta {display: inline-flex;flex-direction: row;align-items: center;justify-content: center;font-size: 2rem;background-color: var(--primaryColor);color: #000;height: 6rem;padding: 0 4rem;padding-right: 3rem;clip-path:polygon(calc(0.2875 * 6rem) 0%,calc(100% - (0.2875 * 6rem)) 0%,100% 50%,calc(100% - (0.2875 * 6rem)) 100%,calc(0.2875 * 6rem) 100%,0% 50%);margin: 1rem;margin-top: 2.5rem;}.chartLabelText-cta i {margin-left: 1.5rem;}.playerBox {position: fixed;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;right: 12rem;top: 0;bottom: auto;width: auto;height: auto;z-index: 3009999;transform-origin: calc(100% + 0.6rem + 1.5px) calc(2.5rem + 1.5px);transform: translateY(-3px) scale(0);font-size: 2.5rem;border: 3px solid var(--primaryColor);border-radius: 0.2rem;background-color: rgba(0,0,0,0.75);color: #fff;padding: 1rem;font-family: 'Nunito';transition: border-color 1s, transform 0.4s;}#rankingList .playerBox {width: 25%;height: 22rem;}.playerBox.isVisible {transform: translateY(-3px) scale(1);}.playerBox.anchorBottom {transform-origin: calc(100% + 0.6rem + 1.5px) calc(100% - 2.5rem - 1.5px);transform: translate(0, calc(-8rem + 1.5px)) scale(0);bottom: 0;top: auto;}.playerBox.anchorBottom.isVisible {transform: translate(0, calc(-8rem + 1.5px)) scale(1);}.playerBox.anchorBottomCenter {transform-origin: 50% calc(100% + 2.5rem - 1.5px);transform: translate(-50%, -1.2rem) scale(0);bottom: 0;top: auto;}.playerBox.anchorBottomCenter.isVisible {transform: translate(-50%, -1.2rem) scale(1);}.playerBox.anchorTopCenter {transform-origin: 50% calc(-2.5rem + 1.5px);transform: translate(-50%, 1.2rem) scale(0);bottom: 0;top: auto;}.playerBox.anchorTopCenter.isVisible {transform: translate(-50%, 1.2rem) scale(1);}.playerBox:before {content: '';position: absolute;transform: translateY(-50%);left: calc(100% + 1px);top: 2.5rem;bottom: auto;width: 0;height: 0;border: 1.2rem solid transparent;border-left-color: var(--primaryColor);}.playerBox.anchorBottom:before {transform: translateY(50%);bottom: 2.5rem;top: auto;}.playerBox.anchorBottomCenter:before {border-color: transparent;border-top-color: var(--primaryColor);transform: translateX(-50%);left: 50%;top: calc(100% + 1px);bottom: auto;}.playerBox.anchorTopCenter:before {border-color: transparent;border-bottom-color: var(--primaryColor);transform: translateX(-50%);left: 50%;top: auto;bottom: calc(100% + 1px);}.playerBox-club {text-align: center;padding-top: 1rem;padding-bottom: 1rem;color: var(--primaryColor);transition: color 1s;}.playerBox-player {color: #fff;text-align: center;line-height: 1;}.playerBox-player * {line-height: 1;}.playerBox-player strong {font-size: 1em;}.playerBox-player small {font-size: 0.7em;}.playerBox-cta {display: inline-flex;flex-direction: row;align-items: center;justify-content: center;font-size: 2rem;background-color: var(--primaryColor);color: #000;height: 6rem;padding: 0 4rem;padding-right: 3rem;clip-path:polygon(calc(0.2875 * 6rem) 0%,calc(100% - (0.2875 * 6rem)) 0%,100% 50%,calc(100% - (0.2875 * 6rem)) 100%,calc(0.2875 * 6rem) 100%,0% 50%);margin: 1rem;margin-top: 2.5rem;}.playerBox-cta i {margin-left: 1.5rem;}#statsList {position: absolute;left: 27rem;right: 2rem;top: 20rem;bottom: 2rem;background-color: #333;padding: 4rem;overflow: hidden;}#statsList:before,#statsList:after {content: '';position: absolute;z-index: 10000;left: 0;right: 0;height: 4rem;pointer-events: none;}#statsList:before {top: 0;background: linear-gradient(to top, rgba(51, 51, 51, 0), #333);}#statsList:after {bottom: 0;background: linear-gradient(to bottom, rgba(51, 51, 51, 0), #333);}#statsList .container, #statsList .container-fluid {max-width: 100% !important;width: 100%;position: absolute;padding-bottom: 10rem;}.margin-top {margin-top: 10rem;}#statsTabs {position: absolute;display: flex;align-items: flex-end;justify-content: center;top: 14rem;left: 27rem;height: calc(6rem + 1px);right: 2rem;white-space: nowrap;}#statsTabs:after {content: '';position: absolute;left: 0;right: 0;top: 100%;/* border-bottom: 0.1rem solid rgba(255,255,255,0.3); */}.statsTab {position: relative;display: inline-flex;align-items: center;justify-content: center;width: 25%;text-align: center;color: #fff;background-color: rgba(255, 255, 255, 0.1);/*border: 0.1rem solid rgba(255,255,255,0.3);*/border-bottom: none;height: 6rem;font-size: 2rem;line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;clip-path: polygon(3.45rem 0%, calc(100% - 3.45rem) 0%, 100% 100%, 0% 100%);}.statsTab i {color: #555;margin-right: 1rem;font-size: 3rem;padding-top: 0.25rem;}.statsTab.active i {color: var(--primaryColor);transition: color 1s;}.statsTab.active {background-color: #333;color: #fff;}#statsSelects {position: absolute;display: flex;flex-direction: column;align-items: flex-end;justify-content: center;top: 20rem;left: 2rem;bottom: 0;width: calc(25rem + 1px);}#statsSelects:after {content: '';position: absolute;left: 100%;bottom: 0;top: 0;/* border-right: 0.1rem solid rgba(255,255,255,0.3); */}.statsSelect {position: relative;width: 100%;display: flex;align-items: center;justify-content: flex-end;color: #fff;background-color: rgba(255, 255, 255, 0.1);height: 8rem;font-size: 2rem;line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 6rem;margin-bottom: 2rem;clip-path: polygon(2.875rem 0%, 100% 0%, 100% 100%, 2.875rem 100%, 0% 50%);}.statsSelect.active {background-color: #333;color: #fff;}.statsSelect.hasIcon {padding-right: 7rem;background-position: calc(100% - 2rem) center;background-size: 4rem auto;}#rankingList {position: absolute;background-color: #333;left: 4.875rem;right: 4.875rem;padding: 4rem;bottom: 10rem;top: 14rem;z-index: 100;overflow: hidden;}#rankingList:before, #rankingList:after {content: '';position: absolute;z-index: 10000;left: 0;right: 0;pointer-events: none;}#rankingList:before {top: 0;background: linear-gradient(to bottom, #333 0%, rgba(0,0,0,0) 100%);height: 4rem;}#rankingList:after {bottom: 0;background: linear-gradient(to top, #333 0%, #333 4rem, rgba(0,0,0,0) 100%);height: 8rem;}.ranking-list-container {transition: opacity 0.4s;}#rankingList.touchScroll .ranking-list-container {position: absolute;overflow-x: auto;left: 4rem;top: 0rem;height: calc(100% - 4rem);padding-top: 4rem;width: 200% !important;max-width: 200% !important;}#rankingList.touchScroll .ranking-list-container > * {position: relative;width: calc(50% - 8rem) !important;}#rankingList.loading .ranking-list-container {opacity: 0.2;}#rankingListItems {height: auto;margin-bottom: 8rem;}#rankingTabs {position: absolute;display: flex;flex-direction: row;align-items: center;justify-content: center;left: 4.875rem;right: 4.875rem;height: calc(8rem + 1px);bottom: 2rem;z-index: 10;}.rankingTab {display: inline-flex;flex-direction: row;align-items: flex-start;font-size: 1.3rem;line-height: 1;padding-top: 1rem;justify-content: center;background-color: rgba(255, 255, 255, 0.1);background-size: 4rem 4rem;background-position: center 3rem;color: #ccc;clip-path: polygon(0% 0%,100% 0%,calc(100% - 4.6rem) 100%,4.6rem 100%);height: 100%;width: calc((100vw - (2 * 4.875rem)) / 8);min-width: calc((100vw - (2 * 4.875rem)) / 8);}.rankingTab.selected {background-color: #333;}@media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 14/10) {#rankingTabs {justify-content: space-between;}.rankingTab {clip-path: none;border-radius: 0 0 1rem 1rem;width: calc(((100vw - (2 * 4.875rem)) / 8) - 1.4vw);min-width: calc(((100vw - (2 * 4.875rem)) / 8) - 1.4vw);}}.ranking-list-item {position: relative;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 4rem;width: calc((100% / 3) - 1px);}.ranking-list-item[data-ranking-position="1"] {/* width: calc(50% - 1px);margin-left: calc(50% - 1px); */width: calc(100% - 1px);/* transform: translateX(-50%); */margin-top: 2.5rem;}.ranking-list-item[data-ranking-position="2"],.ranking-list-item[data-ranking-position="3"] {width: calc(50% - 1px);}#rankingListItems[data-items-overhead="1"] .ranking-list-item:last-child {margin-left: calc((100% / 3) - 1px);}#rankingListItems[data-items-overhead="1"] .ranking-list-item[data-ranking-position="2"]:last-child {margin-left: calc(25% - 1px);}#rankingListItems[data-items-overhead="2"] .ranking-list-item:nth-last-child(2) {margin-left: calc((0.5 * (100% / 3)) - 1px);}.ranking-list-item .ranking-list-item-avatar {position: relative;display: inline-block;width: 6rem;height: 6rem;border-radius: 100%;}.ranking-list-item[data-ranking-position="1"] .ranking-list-item-avatar {width: 10rem;height: 10rem;}.ranking-list-item .ranking-list-item-position {position: absolute;display: inline-flex;flex-direction: row;align-items: center;justify-content: flex-end;width: auto;top: 0;right: calc(50% + 4rem);height: 6rem;font-size: 2.5rem;color:var(--primaryColor);}.ranking-list-item .ranking-list-item-position i {display: inline-block;margin-right: 0.5em;opacity: 0.5;}.ranking-list-item[data-ranking-position="1"] .ranking-list-item-position {right: calc(50% + 6.5rem);height: 10rem;font-size: 4rem; }.ranking-list-item[data-game-type=""] .ranking-list-item-value,.ranking-list-item[data-game-type="all"] .ranking-list-item-value {color: #ff8800 !important;}.ranking-list-item .ranking-list-item-value {position: absolute;display: inline-flex;flex-direction: column;align-items: flex-start;justify-content: center;width: auto;top: 0;height: 6rem;left: calc(50% + 4rem);}.ranking-list-item[data-ranking-position="1"] .ranking-list-item-value {height: 10rem;left: calc(50% + 6.5rem);}.ranking-list-item .ranking-list-item-value-number {font-size: 2rem;}.ranking-list-item[data-ranking-position="1"] .ranking-list-item-value-number {font-size: 2.5rem;}.ranking-list-item .ranking-list-item-value-details {font-size: 0.9rem;margin-top: 0.4rem;display: inline-flex;align-items: center;justify-content: center;}.ranking-list-item[data-ranking-position="1"] .ranking-list-item-value-details {font-size: 1.2rem;margin-top: 0.6rem;}.ranking-list-item .ranking-list-item-value-details span {display: inline-flex;align-items: center;justify-content: center;line-height: 1;opacity: 0.5;padding-right: 0.4rem;padding-top: 0.2em;}.ranking-list-item[data-ranking-position="1"] .ranking-list-item-value-details span {padding-right: 0.6rem;padding-top: 0.2em;}.ranking-list-item[data-mode="quote"] .ranking-list-item-value-details span:not(:first-child) {padding-left: 0.4rem;}.ranking-list-item[data-mode="quote"][data-ranking-position="1"] .ranking-list-item-value-details span:not(:first-child) {padding-left: 0.6rem;}.ranking-list-item > * {z-index: 10;}.ranking-list-item .ranking-list-item-name {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;font-size: 2rem;margin-top: 0.5rem;min-height: 6.5rem;width: 100%;padding: 1rem;z-index: 2;}.ranking-list-item[data-ranking-position="1"] .ranking-list-item-name {font-size: 3rem;margin-top: 1rem;min-height: 9rem;}.ranking-list-item .ranking-list-item-name > * {z-index: 5;}.ranking-list-item[data-ranking-position="1"] .ranking-list-item-name {width: 100%;}.ranking-list-item .ranking-list-item-name:after {content: '';display: block;position: absolute;left: 0;right: 0;bottom: -0.5rem;height: 17rem;background: linear-gradient(350deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);z-index: 1;}.ranking-list-item[data-ranking-position="1"] .ranking-list-item-name:after {height: 23rem;}.ranking-list-item .ranking-list-item-name-full {margin-top: 0.25rem;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.ranking-list-item[data-ranking-position="1"] .ranking-list-item-name-full {margin-top: 0.5rem;}.ranking-list-item[data-has-nickname="yes"] .ranking-list-item-name-nickname {font-size: 1.3em;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.ranking-list-item-name-firstname {padding-right: 0.3em;}.ranking-list-item[data-has-nickname="yes"] .ranking-list-item-name-full {font-size: 0.7em;}.ranking-list-item-empty {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;height: 60rem;font-size: 3rem;color: #666;}.ranking-list-item-empty i {font-size: 10rem;margin-bottom: 3rem;}.ranking-verification-warning {display: none;}.ranking-list-item.player-not-verified .ranking-verification-warning {display: inline-flex;align-items: center;justify-content: center;position: absolute;left: calc(50% - 0.5rem);right: auto;top: -2rem;color: #ffffff;background-color: var(--warningColor);font-size: 2rem;width: 4rem;height: 4rem;padding-top: 0.1em;border-radius: 0.5rem;z-index: 10;border: 1px solid #000;}.ranking-list-item[data-ranking-position="1"] .ranking-verification-warning {left: calc(50% + 2rem);top: 0;}#rankingModeToggle {position: absolute;left: calc(75% - 5rem);transform: translate(-50%, 0);top: 7rem;width: 10rem;height: 5rem;}.ranking-mode-toggle-button {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #333;clip-path: polygon(calc(5rem * 1.15 / 4) 0%,calc(100% - (5rem * 1.15 / 4)) 0%,100% 50%,calc(100% - (5rem * 1.15 / 4)) 100%,calc(5rem * 1.15 / 4) 100%,0% 50%);}.ranking-mode-toggle-button:before {content: '';position: absolute;left: 50%;top: 50%;--height: 4.2rem;height: var(--height);width: calc(1.15 * var(--height));background-color: var(--primaryColor);transform: translate(-50%, -50%);transition: transform 0.4s;clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);}#rankingModeToggle[data-position="left"] .ranking-mode-toggle-button:before {transform: translate(calc(-50% - 2.1rem), -50%);}#rankingModeToggle[data-position="right"] .ranking-mode-toggle-button:before {transform: translate(calc(-50% + 2.1rem), -50%);}.ranking-mode-toggle-label {position: absolute;top: 0;height: 5rem;width: auto;display: inline-flex;flex-direction: row;align-items: center;font-size: 2rem;}.ranking-mode-toggle-label.left {right: 100%;justify-content: flex-end;padding-right: 1rem;}.ranking-mode-toggle-label.right {left: 100%;justify-content: flex-start;padding-left: 1rem;}#rankingTools {position: absolute;left: 0;top: 0;width: 100%;height: 14rem;z-index: 998;}#rankingTitle {position: absolute;display: inline-flex;flex-direction: row;align-items: center;justify-content: flex-start;left: 4.875rem;top: 2rem;height: 5rem;font-size: 3rem;font-weight: 700;color: var(--primaryColor);}#rankingModeSelect {position: absolute;--left: calc((4.875rem - (5rem * 1.15 / 4)));left: var(--left);top: 7rem;width: calc(50% - var(--left));height: 5rem;}.ranking-select-box {position: absolute;left: 0;width:100%;top: 0;height: 5rem;}.ranking-select-label {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #333;clip-path: polygon(calc(5rem * 1.15 / 4) 0%,calc(100% - (5rem * 1.15 / 4)) 0%,100% 50%,calc(100% - (5rem * 1.15 / 4)) 100%,calc(5rem * 1.15 / 4) 100%,0% 50%);display: inline-block;text-align: left;padding-left: calc(5rem * 1.15 / 4);padding-right: calc((5rem * 1.15) + 1rem);padding-top: 1.6rem;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 2rem;width: 100%;}.ranking-select-label i {display: inline-block;margin-right: 1rem;margin-left: calc(1rem + 2px);color: var(--primaryColor);}.ranking-select-button {content: '';position: absolute;--height: 4.2rem;right:0.5rem;top: 50%;height: var(--height);width: calc(1.15 * var(--height));background-color: var(--primaryColor);color: #000;transform: translateY(-50%);clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);display: flex;align-items: center;justify-content: center;font-size: 2rem;}.ranking-select-button i {display: inline-flex;align-items: center;justify-content: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: transform 0.25s;padding-top: 0.1em;}#rankingModeSelect.open .ranking-select-button i {transform: rotate(180deg);}.ranking-select-items {font-size: 2rem;position: absolute;--left: calc(5rem * 1.15 / 4);left: var(--left);top: 5rem;background-color: #000;transform-origin: 50% 0%;transform: scaleY(0);transition: transform 0.25s;width: calc(100% - (2 * var(--left)));border: 2px solid var(--primaryColor);}#rankingModeSelect.open .ranking-select-items {transform: scaleY(1);}.ranking-select-item {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;padding: 1.5rem 1rem;border: 2px solid #000;transition: background-color 0.25s, color 0.25s;}.ranking-select-item i {display: inline-block;margin-right: 1rem;color: var(--primaryColor);transition: color 0.25s;}.ranking-select-item.selected {background-color: var(--primaryColor);color: #000;}.ranking-select-item.selected i {color: #000;}.col-20percent {width: 20%;display: inline-block;position: relative;padding: 1.5rem;}.col-33percent {width: calc(100% / 3);display: inline-block;position: relative;padding: 1.5rem;}.col-50percent {width: 50%;display: inline-block;position: relative;padding: 1.5rem;}.rating {position: absolute;top: 0;width: 10rem;height: 10rem;}.clickAnimation {position: fixed;z-index: 2000000;width: 30vmin;height: 30vmin;border-radius: 100%;border: 2vmin solid #777;box-shadow: 0 0 1vmin #777, inset 0 0 1vmin #777;pointer-events: none;opacity: 0;animation: clickCircle 1s ease-out 1;}.clickAnimation.secondary {border: 2rem solid #fff;box-shadow: 0 0 1rem #fff, inset 0 0 1rem #fff;}.clickAnimation.primary {border: 2rem solid var(--primaryColor);box-shadow: 0 0 1rem var(--primaryColor), inset 0 0 1rem var(--primaryColor);}@keyframes clickCircle {0% {opacity: 1;transform: translate(-50%, -50%) scale(0.2, 0.2);}100% {opacity: 0;transform: translate(-50%, -50%) scale(1, 1);}}.id-output, .pin-output {position: relative;display: block;border-radius: 1rem;background-color: rgba(102, 102, 102, 0.267);text-align: center;margin-bottom: 1rem;}.id-output {font-size: 3rem;padding: 3rem 0;display: flex;align-items: center;justify-content: center;width: 90rem;}.pin-output {font-size: 3rem;padding: 2rem 0;display: flex;align-items: center;justify-content: center;width: 90rem;}/*@media(max-aspect-ratio: 1 / 1) {.id-output,.pin-output {font-size: 3vw;}}*/.id-output-digit, .pin-output-digit {position: relative;display: inline-block;margin-right: 0.4rem;color: #fff;width: 4.5%;background-color: #000;border-radius: 0.2em;padding: 0.2em;transition: background-color 0s;line-height: 1.3;border: 0.3rem solid transparent;}.pin-output-digit {width: 5rem;height: 5rem;display: inline-flex;align-items: center;justify-content: center;line-height: 1;font-size: 2rem;}.id-output-digit {width: 5rem;height: 5rem;display: inline-flex;align-items: center;justify-content: center;line-height: 1;font-size: 4rem;}.id-output-digit:nth-child(5n) {margin-right: 3.4rem;}.id-output-digit:nth-child(5n):after {content: '–';position: absolute;top: 0.3rem;right: -3.5rem;display: inline-flex;align-items: center;justify-content: center;background-color: transparent;color: #fff;width: 3rem;height: 3rem;font-size: 2rem;line-height: 1.2;}.id-output-digit:last-child, .pin-output-digit:last-child {margin-right: 0;}.id-output-digit:last-child:after {display: none;}.id-output-digit.active, .pin-output-digit.active {background-color: #fff;color:#000;}.id-input, .pin-input {position: relative;display: inline-block;font-size: 3rem;padding: 0;}.id-input {width: 78rem;height: 41.5rem;}.pin-input {width: 40rem;height: 41.5rem;}.id-input-button, .pin-input-button {position: relative;display: inline-flex;align-items: center;justify-content: center;text-align: center;background-color: rgba(255,255,255,0.25);color: var(--primaryColor);transition: color 1s;font-size: 5rem;line-height: 1;width: 9.2rem;height: 8rem;margin: 1.2rem;/*padding: 0.5em;*/font-weight: 700;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);}.id-input-button-large, .pin-input-button-large {width: 25rem;height: 8rem;border-radius: 4rem;/* background-color: #3f3; */background-color: var(--primaryColor);color: #000;margin: 0 5rem;font-size: 3rem;transition: opacity 0.4s;border-radius: 0;clip-path: polygon(2.3rem 0%, calc(100% - 2.3rem) 0%, 100% 50%, calc(100% - 2.3rem) 100%, 2.3rem 100%, 0% 50%);}.id-input-button-large {margin: 0;position: absolute;right: 1.8rem;bottom: 1.2rem;}.id-input-button[data-char="A"],.id-input-button[data-char="D"],.id-input-button[data-char="_"] {margin-left: 6rem;}.id-input-button[data-char="0"] {position: absolute;left: 1.8rem;bottom: 0;width: 20.9rem;clip-path: polygon(2.3rem 0%, calc(100% - 2.3rem) 0%, 100% 50%, calc(100% - 2.3rem) 100%, 2.3rem 100%, 0% 50%);}.pin-input-button-large {margin: 0;position: absolute;left: 26.9rem;bottom: 1.1rem;}.pin-input-button[data-char="0"] {/* position: absolute;left: 1.8rem;bottom: 0; */width: 20.9rem;clip-path: polygon(2.3rem 0%, calc(100% - 2.3rem) 0%, 100% 50%, calc(100% - 2.3rem) 100%, 2.3rem 100%, 0% 50%);margin-right: 12.9rem;}.id-input-button-large.disabled, .pin-input-button-large.disabled {pointer-events: none;opacity: 0.1;}.id-input-button-large > i, .pin-input-button-large > i {display: inline-block;margin-left:2rem;}.id-error, .pin-error {color: #f44;padding: 0.5em 0;transition: opacity 0.3s;}.pin-info {position: relative;display: block;border-radius: 1rem;background-color: rgba(102, 102, 102, 0.267);margin-bottom: 2px;display: inline-flex;align-items: center;justify-content: space-between;width:90rem;height: 9rem;}.pin-info>div {margin-bottom: 1rem;line-height: 1;}.pin-info-label {color: #ccc;font-size: 2rem;line-height: 1;white-space: nowrap;margin-left: 2rem;display: inline-block;width: 15rem;text-align: left;}.pin-info-id {font-size: 4rem;white-space: nowrap;line-height: 1;}.pin-info-button {display: inline-flex;align-items: center;justify-content: center;margin-left: 3rem;font-size: 2rem;width: 15rem;height: 6rem;/*border-radius: 4rem;*/clip-path: polygon(1.725rem 0%, calc(100% - 1.725rem) 0%, 100% 50%, calc(100% - 1.725rem) 100%, 1.725rem 100%, 0% 50%);padding: 0 3rem;margin-right: 1rem;color: var(--primaryColor);transition: color 1s;background-color: #000;/*border: 0.1rem solid #fff;*//*padding:0.25em 0.75em;*//*border-radius: 0.5em;*/line-height: 1.5;}#saveDialog .player-ranking {font-size: 1rem;line-height: 1;overflow: visible;}.game-points-container-parent {position: fixed;top: 25rem;display: inline-block;perspective: 30rem;perspective-origin: center center;height: 18rem;max-width: 50rem;width: calc(50vw - 15rem - 3rem);}.game-points-container {position: absolute;display: inline-block;height: 18rem;width: calc(50vw - 15rem - 3rem);max-width: 50rem;transition: transform 2s;transform-origin: center center;transform-style: preserve-3d;transform: translateY(0) translateZ(0) rotate3d(1, 0, 0, 0deg);}.game-points-container>* {transform-style: preserve-3d;backface-visibility: hidden;-webkit-backface-visibility: hidden;}.game-points-container.rotated-90 {transform: translateY(-9rem) translateZ(-9rem) rotate3d(1, 0, 0, 90deg);}.game-points-container.rotated-180 {transform: translateY(0) translateZ(-18rem) rotate3d(1, 0, 0, 180deg);}.left .game-points-container {right: 0;}.right .game-points-container {left: 0;}.game-points {position: absolute;display: inline-block;height: 18rem;width: calc(50vw - 15rem - 3rem);max-width: 50rem;left: 0;top: 0;transform-origin: center center;background-color: rgba(255, 255, 255, 0.1);border-radius: 1rem;}.game-points.turned {transform: rotateX(-90deg) translateY(9rem) translateZ(9rem);}.game-points-icon {position: absolute;top: 2rem;width: 14rem;height: 14rem;}.right .game-points-icon {right: 2rem;}.left .game-points-icon {left: 2rem;}.game-points--battle .game-points-icon {border-radius: 3rem;background-image: url('../res/images/scoretrek_battle_square.svg');}.game-points-rating {position: absolute;color: #fff;line-height: 1;bottom: 6.5rem;font-size: 3rem;text-align: center;}@media(max-aspect-ratio: 12/10) {.game-points-rating {font-size: 2.5rem;bottom: 7rem;}}.game-points.turned .game-points-rating {color: #f80;}.right .game-points-rating {left: 2rem;right: 17rem;}.left .game-points-rating {right: 2rem;left: 17rem;}.game-points--battle .game-points-rating {bottom: 10rem;font-family: 'Days One', sans-serif;}.game-points-value {position: absolute;line-height: 1;top: 3rem;font-size: 3rem;text-align: center;}@media(max-aspect-ratio: 12/10) {.game-points-value {font-size: 2.5rem;top: 4rem;}}.right .game-points-value {left: 2rem;right: 17rem;}.left .game-points-value {left: 17rem;right: 2rem;}.game-points-value:before {position: relative;display: inline-block;margin-right: 0.1em;}.game-points--neutral .game-points-value {color: #888;}.game-points--positive .game-points-value {color: #559955;}.game-points--negative .game-points-value {color: #DD5555;}.game-points--neutral .game-points-value:before {content: '±';}.game-points--positive .game-points-value:before {content: '+';}.game-points--negative .game-points-value:before {content: '-';}.game-points-progress {position: absolute;background-color: rgba(255, 255, 255, 0.3);bottom: 2rem;height: 3rem;border-radius: 2rem;overflow: hidden;}.right .game-points-progress {right: 17rem;left: 2rem;}.left .game-points-progress {left: 17rem;right: 2rem;}.game-points--battle .game-points-progress {bottom: 4.5rem;}.game-points-progress-bar {position: absolute;top: 0;bottom: 0;border-radius: 2rem;width: 100%;left: 0;right: 0;}.right .game-points-progress-bar {/*right:0;*/transform-origin: right center;/*left:auto;*/}.left .game-points-progress-bar {/*left:0;*/transform-origin: left center;/*right:auto;*/}.game-points--neutral .game-points-progress-bar {/*left: 0;*//*right: 0;*/transform-origin: center center;/*transform: translateX(-50%);*/}.left .game-points--battle .game-points-progress-bar {background: linear-gradient(to right, var(--themeColor-battle), var(--themeColor-battle-contrast));}.right .game-points--battle .game-points-progress-bar {background: linear-gradient(to left, var(--themeColor-battle), var(--themeColor-battle-contrast));}.game-points--battle.isWinner .game-points-progress-bar {transform: scaleX(0);}.game-points--battle.isLoser .game-points-progress-bar {transform: scaleX(1);}.number-format, .number-format *, .number-format:before, .number-format *:before, .number-format:after, .number-format *:after {line-height: 1.4;}[data-load-player-stats] {transition: transform 0.5s;}[data-load-player-stats].activating {transition: transform 1.5s;}[data-load-player-stats].activating {transform: scale(1.5);}.highcharts-container {overflow: visible !important;}.highcharts-label {color: #fff;}.connection-failed {text-align: center;background-color: var(--warningColor);color: #fff;text-transform: uppercase;padding: 1.5em;font-size: 2.5rem;line-height: 1;}.connection-failed, .connection-failed * {font-weight: 700;}#remoteIndicator, #offlineIndicator {opacity: 0;display: block;position: fixed;z-index: 2000000;left: 50%;transform: translateX(-50%);}.is-unregistered #offlineIndicator,.ui-hidden #offlineIndicator {display: none !important;}#remoteIndicator {transition: all 0.4s;width: 10rem;height: 10rem;pointer-events: none;opacity: 0;bottom: calc(3rem + var(--menu-height) + var(--menu-handler-height) + var(--menu-elevation-height) + var(--safe-area-inset-bottom));}#offlineIndicator {transition: opacity 3s, width 0.4s, height 0.4s;width: 8rem;height: 8rem;top: calc(3rem + var(--header-height) + var(--target-height) + var(--safe-area-inset-top));}.has-remote:not(.is-offline) #remoteIndicator {opacity: 1;pointer-events: all;}.menuElevated_game14.floatingReset #remoteIndicator,.menuElevated_gameCarom.floatingReset #remoteIndicator,.menuElevated_gameSnooker.floatingReset #remoteIndicator,.menuElevated_game14.floatingReset #offlineIndicator,.menuElevated_gameCarom.floatingReset #offlineIndicator,.menuElevated_gameSnooker.floatingReset #offlineIndicator {pointer-events: none !important;opacity: 0 !important;}.is-unregistered #offlineIndicator,.ui-hidden #offlineIndicator {top: 2rem;width: 6rem;height: 6rem;margin-left: -3rem;}#offlineIndicator svg, #remoteIndicator svg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}.is-offline #offlineIndicator {opacity: 1;transition-delay: 0s;}@keyframes offlineDot {0% {opacity: 1;}49% {opacity: 1;}50% {opacity: 0.3;}99% {opacity: 0.3;}100% {opacity: 1;}}@keyframes offlineBar1 {0% {opacity: 0.1;}15% {opacity: 1;}60% {opacity: 1;}100% {opacity: 0.1;}}@keyframes offlineBar2 {0% {opacity: 0.1;}15% {opacity: 0.1;}30% {opacity: 1;}60% {opacity: 1;}100% {opacity: 0.1;}}@keyframes offlineBar3 {0% {opacity: 0.1;}30% {opacity: 0.1;}45% {opacity: 1;}60% {opacity: 1;}100% {opacity: 0.1;}}@keyframes offlineBar4 {0% {opacity: 0.1;}45% {opacity: 0.1;}60% {opacity: 1;}100% {opacity: 0.1;}}@keyframes remoteBar1 {0% {opacity: 0.1;}20% {opacity: 1;}80% {opacity: 1;}100% {opacity: 0.1;}}@keyframes remoteBar2 {0% {opacity: 0.1;}20% {opacity: 0.1;}40% {opacity: 1;}80% {opacity: 1;}100% {opacity: 0.1;}}@keyframes remoteBar3 {0% {opacity: 0.1;}20% {opacity: 0.1;}40% {opacity: 0.1;}80% {opacity: 1;}100% {opacity: 0.1;}}#remoteDevice {opacity: 0.3;transition: opacity 1s;}.remote-is-sending #remoteDevice {opacity: 1;}#remoteBar1, #remoteBar2, #remoteBar3 {opacity: 0;}.remote-is-sending #remoteBar1 {animation: remoteBar1 1.5s ease-in-out infinite;}.remote-is-sending #remoteBar2 {animation: remoteBar2 1.5s ease-in-out infinite;}.remote-is-sending #remoteBar3 {animation: remoteBar3 1.5s ease-in-out infinite;}#online_icon {opacity: 1;}#offline_icon {opacity: 0;}.is-offline #online_icon {opacity: 0;}.is-offline #offline_icon {opacity: 1;}#offline_dot {animation: offlineDot 2s ease-in-out infinite;}#offline_bar_1 {animation: offlineBar1 3s ease-in-out infinite;animation-delay: 0s;}#offline_bar_2 {animation: offlineBar2 3s ease-in-out infinite;}#offline_bar_3 {animation: offlineBar3 3s ease-in-out infinite;}#offline_bar_4 {animation: offlineBar4 3s ease-in-out infinite;}.dialog-checkbox input {display: none;}.dialog-checkbox {margin-bottom: 0.5em;}.dialog-checkbox:last-child {margin-bottom: 0;}.dialog-checkbox label {position: relative;display: flex;align-items: center;justify-content: flex-start;flex-direction: row;}.dialog-checkbox label i {position: relative;display: inline-flex;align-items: center;justify-content: center;width: 2.3em;height: 2em;margin-right: 0.3em;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);background-color: #ccc;color: transparent;transition: color 0.25s, background-color 0.25s;}.dialog-checkbox input:checked+label i {background-color: #afa;color: #050;}.remote-qrcode {display: flex;align-items: center;justify-content: center;flex-direction: column;}.stats-table-quotes {position: relative;width: 100%;margin-top: -3.5rem;border-collapse: separate;border-spacing: 0 1.5rem;}.stats-table-quotes thead tr th {font-size: 2rem;color: #ccc;text-align: right;vertical-align: bottom;padding: 1rem;}.stats-table-quotes thead tr th:first-child {text-align: left;padding-left:2rem;}.stats-table-quotes-row {clip-path: polygon(2.3rem 0%, calc(100% - 2.3rem) 0%, 100% 50%, calc(100% - 2.3rem) 100%, 2.3rem 100%, 0% 50%)}.stats-table-quotes-row td {font-size: 2rem;color: #fff;height: 7rem;line-height: 1;text-align: right;padding: 1rem;vertical-align: middle;background-color: rgba(0,0,0,0.25);white-space: nowrap;}.stats-table-quotes-row.highlight td {background-color: rgba(0,0,0,1);}.stats-table-quotes td:last-child, .stats-table-quotes th:last-child {padding-right: 3rem;}.stats-table-quotes-row .stats-table-quotes-col-game {background-position: 2rem center;background-size: 5rem;padding-left: 8rem;text-align: left;/*border-radius: 3rem 0 0 3rem;*/}.stats-table-quotes-row .stats-table-quotes-col-sum {color: #aaa;}.stats-table-quotes-row .stats-table-quotes-col-won {color: #5f5;}.stats-table-quotes-row .stats-table-quotes-col-lost {color: #f33;}.stats-table-quotes-row .stats-table-quotes-col-tie {color: #aa5;}.stats-table-quotes-row .stats-table-quotes-col-success {color: #aaa;}.stats-table-quotes-row .stats-table-quotes-col-rating {color: #fff;}.stats-table-quotes-row[data-row-type=""] .stats-table-quotes-col-rating, .stats-table-quotes-row[data-row-type="all"] .stats-table-quotes-col-rating {color: #f80;}.stats-table-quotes-row[data-row-type="game08"] .stats-table-quotes-col-rating {color: #fff;}.stats-table-quotes-row[data-row-type="game09"] .stats-table-quotes-col-rating {color: #ff0;}.stats-table-quotes-row[data-row-type="game10"] .stats-table-quotes-col-rating {color: #09e;}.stats-table-quotes-row[data-row-type="game14"] .stats-table-quotes-col-rating {color: #0a0;}.stats-table-quotes-row[data-row-type="gameMulti"] .stats-table-quotes-col-rating {color: #f5f;}.stats-table-quotes-row[data-row-type="gameSnooker"] .stats-table-quotes-col-rating {color: #ff6464;}.stats-table-quotes-row[data-row-type="gameCarom"] .stats-table-quotes-col-rating {color: #00d7ba;}.stats-table-quotes-row.invisible td {opacity: 0;}.stats-table-games-container {position: relative;width: calc(100vw - 37rem) !important;display: flex;align-items: flex-start;justify-content: center;}.stats-table-games {position: relative;width: 100%;max-width: calc(100vw - 37rem) !important;border-collapse: separate;border-spacing: 0 0;margin-bottom: 8rem;}.stats-table-games-row td {font-size: 2rem;color: #eee;height: 6rem;line-height: 1;text-align: right;vertical-align: middle;padding: 0;background-color: rgba(255, 255, 255, 0.1);background-color: #222;border-bottom: 2px solid #000000;white-space: nowrap;}.stats-table-games-row:nth-last-of-type(2) td {border-bottom: none;}.stats-table-games-row .stats-table-games-col-gametype {background-position: right center;background-size: 3rem;width: 5rem;}.stats-table-games-row .stats-table-games-col-date {font-size: 1.5rem;text-align: left;padding-left: 1.5rem;color: #888;width: 20rem;}.stats-table-games-row .stats-table-games-col-buttons {font-size: 1.5rem;text-align: left;padding-left: 1.5rem;width: 7rem;}.stats-table-button {display: inline-flex;align-items: center;justify-content: center;width: 5.5rem;height: calc(5.5rem / 1.15);background-color: #000;color: var(--primaryColor);clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);transition: color 1s;}.stats-table-games-row td .svgNumber {margin: 0 2px;}.stats-table-games-row .stats-table-games-col-date .svgNumber {margin: 0 1px;}.stats-table-games-row .stats-table-games-col-value {padding: 0 1rem;width: 12rem;}.stats-table-games-row .stats-table-games-col-combinedValue {position: relative;color: #f80;padding: 0 1rem;width: 12rem;}.stats-table-games-row .stats-table-games-col-result-1 {text-align: right;width: 12rem;}.stats-table-games-row .stats-table-games-col-result-separator {text-align: center;width: 3rem;color: #fc5;}.stats-table-games-row.won .stats-table-games-col-result-separator {color: #5f5;}.stats-table-games-row.lost .stats-table-games-col-result-separator {color: #f55;}.stats-table-games-row.tie .stats-table-games-col-result-separator {color: #aa5;}.stats-table-games-row .stats-table-games-col-result-2 {text-align: left;width: 10rem;}.won .stats-table-games-col-result-1,.lost .stats-table-games-col-result-2 {color: #fff;}.lost .stats-table-games-col-result-1,.won .stats-table-games-col-result-2 {color: #888;}.tie .stats-table-games-col-result-1,.tie .stats-table-games-col-result-2 {color: #888;}.stats-table-games-row .stats-table-games-col-opponent {text-align: right;color: #eee;font-size: 2rem;overflow: hidden;text-overflow: ellipsis;max-width: calc(100% - 81rem);}.stats-table-games-row .stats-table-games-col-opponent small {font-size: 1.2rem;}.stats-table-games-row .stats-table-games-col-opponent > span {height: 100%;display: inline-flex;flex-direction: column;align-items: flex-end;justify-content: center;padding-right:1rem;}.stats-table-games-row .stats-table-games-col-opponent-avatar {text-align: left;width: 7rem;height: 6rem;line-height: 0;padding: 0;position: relative;}.stats-table-games-row .stats-table-games-col-opponent-avatar-image {position: relative;width: 5rem;height: 5rem;display: inline-block;border-radius: 100%;background-size: cover;z-index: 5;background-color: rgba(255,255,255,0.1);}.stats-table-games-row .stats-games-verification-warning {display: none;}.stats-table-games-row.opponent-not-verified .stats-games-verification-warning {display: inline-flex;align-items: center;justify-content: center;position: absolute;color: #ffffff;width: 1.8rem;height: 1.8rem;font-size: 0.9rem;left: -0.3rem;top: calc(0.5rem - 0.3rem);background-color: var(--warningColor);padding-top: 0.1em;border-radius: 0.3rem;z-index: 10;border: 1px solid #000;}#remoteManager {background-color: rgba(0, 0, 0, 0.975);}#remoteManager .title {position: absolute;left: 6rem;top: 5rem;right: 20rem;height: 10rem;font-size: 5rem;display: flex;align-items: center;justify-content: flex-start;flex-direction: row;color: var(--primaryColor);transition: color 1s;}#remoteManager .title.centered {justify-content: center;left: 20rem;}#remoteManager .remote-list-container {position: absolute;left: 5rem;top: 15rem;bottom: 4rem;right: 60rem;padding: 1rem;border-radius: 1rem;background-color: #121212;overflow: hidden;}#remoteManager .remote-list {position: absolute;left: 1rem;top: 1rem;right: 1rem;height: auto;margin-top: 0;}#remoteManager .remote-list-controls {position: absolute;top: 15rem;bottom: 4rem;width: 9rem;right: 50rem;}#remoteManager .remote-list-control {position: absolute;left: 0;width: 9rem;height: 9rem;background-color: rgba(255, 255, 255, 0.1);color: #ccc;display: flex;align-items: center;justify-content: center;border-radius: 1rem;font-size: 4rem;opacity: 0.1;transition: opacity 0.25s;}#remoteManager .remote-list-control.active {opacity: 1;}#remoteManager .remote-list-control-up {top: 0;}#remoteManager .remote-list-control-down {bottom: 0;}#remoteManager .remote-list-item {position: relative;width: 100%;margin-bottom: 1rem;background-color: #333;color: var(--primaryColor);transition: color 1s;height: 7rem;font-size: 3rem;padding: 1rem;display: inline-flex;align-items: center;justify-content: flex-start;border-radius: 0.5rem;}#remoteManager .remote-list-item .remote-icon {position: relative;display: inline-block;width:1.5em;text-align: center;color: #fff;}#remoteManager .remote-list-item .remote-name {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: calc(100% - 20rem);height: 1em;}#remoteManager .remote-list-item .remote-interaction {font-size: 1.25rem;color: #666;position: absolute;right: 1rem;top: 1rem;text-align: right;display: inline-flex;height: 3rem;}#remoteManager .remote-list-item.selected {background-color: var(--primaryColor);transition: background-color 1s;color: #000;}#remoteManager .remote-manager-actions {position: absolute;right: 5rem;width: 35rem;height: 30rem;/*top:calc(15rem + 40.5rem);*/bottom: 5rem;/*transform: translateY(-50%);*/right: 5rem;}#remoteManager .remote-manager-action {position: absolute;display: inline-flex;align-items: center;justify-content: flex-start;left: 0;height: 8rem;font-size: 4rem;color: #fff;opacity: 1;transition: opacity 0.5s;}#remoteManager .remote-manager-action.disabled {opacity: 0.1;}#remoteManager .remote-manager-action-add {bottom: 0;}#remoteManager .remote-manager-action-delete {top: 0;}#remoteManager .remote-manager-action i {font-size: 7rem;display: inline-flex;align-items: center;justify-content: center;width: 7rem;}#remoteManager .remote-manager-action-add i {color: rgba(0, 255, 0, 0.8);}#remoteManager .remote-manager-action-delete i {color: rgba(255, 0, 0, 0.8);}#remoteManager .remote-manager-action span {padding-left: 2rem;}#remoteManager .remote-qrcode-container {position: absolute;top: 15rem;height: 75rem;left: 0;right: 0;overflow: hidden;}#remoteManager .remote-qrcode {position: absolute;left: 50%;top: 50%;width: 75rem;height: 75rem;transform: translate(-50%, -50%);}#remoteManager .remote-qrcode-info {position: fixed;bottom: 0;height: 10rem;left: 0;right: 0;font-size: 3rem;color: #ccc;display: flex;align-items: center;justify-content: center;}#remoteManager .remote-qrcode-info * {white-space: nowrap;}#remoteManager .remote-qrcode svg {position: absolute;left: 0;top: 0;width: 100% !important;height: 100% !important;border-radius: 2rem;}strong, b {font-weight: 700;}@keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}@keyframes rotate-translate-xy {0% {transform: translate(-50%, -50%) rotate(0);}100% {transform: translate(-50%, -50%) rotate(360deg);}}html[data-theme="red"] #reload:after,html[data-theme="red"] .reloader:after,html[data-theme="red"] .list-lazy-loader:after,html[data-theme="red"] .chmRating-loader,html[data-theme="red"] #saveDialog #saveButton.saving:before,html[data-theme="red"] .save-dialog-confirmation-status:before,html[data-theme="red"] .chmListbox-button-download.generating:before,html[data-theme="red"] .chmDialogLoader:before {background-image: url(../res/icon/loader_red.svg) !important;}html[data-theme="orange"] #reload:after,html[data-theme="orange"] .reloader:after,html[data-theme="orange"] .list-lazy-loader:after,html[data-theme="orange"] .chmRating-loader,html[data-theme="orange"] #saveDialog #saveButton.saving:before,html[data-theme="orange"] .save-dialog-confirmation-status:before,html[data-theme="orange"] .chmListbox-button-download.generating:before,html[data-theme="orange"] .chmDialogLoader:before {background-image: url(../res/icon/loader_orange.svg) !important;}html[data-theme="yellow"] #reload:after,html[data-theme="yellow"] .reloader:after,html[data-theme="yellow"] .list-lazy-loader:after,html[data-theme="yellow"] .chmRating-loader,html[data-theme="yellow"] #saveDialog #saveButton.saving:before,html[data-theme="yellow"] .save-dialog-confirmation-status:before,html[data-theme="yellow"] .chmListbox-button-download.generating:before,html[data-theme="yellow"] .chmDialogLoader:before {background-image: url(../res/icon/loader_yellow.svg) !important;}html[data-theme="green"] #reload:after,html[data-theme="green"] .reloader:after,html[data-theme="green"] .list-lazy-loader:after,html[data-theme="green"] .chmRating-loader,html[data-theme="green"] #saveDialog #saveButton.saving:before,html[data-theme="green"] .save-dialog-confirmation-status:before,html[data-theme="green"] .chmListbox-button-download.generating:before,html[data-theme="green"] .chmDialogLoader:before {background-image: url(../res/icon/loader_green.svg) !important;}html[data-theme="blue"] #reload:after,html[data-theme="blue"] .reloader:after,html[data-theme="blue"] .list-lazy-loader:after,html[data-theme="blue"] .chmRating-loader,html[data-theme="blue"] #saveDialog #saveButton.saving:before,html[data-theme="blue"] .save-dialog-confirmation-status:before,html[data-theme="blue"] .chmListbox-button-download.generating:before,html[data-theme="blue"] .chmDialogLoader:before {background-image: url(../res/icon/loader_blue.svg) !important;}html[data-theme="violet"] #reload:after,html[data-theme="violet"] .reloader:after,html[data-theme="violet"] .list-lazy-loader:after,html[data-theme="violet"] .chmRating-loader,html[data-theme="violet"] #saveDialog #saveButton.saving:before,html[data-theme="violet"] .save-dialog-confirmation-status:before,html[data-theme="violet"] .chmListbox-button-download.generating:before,html[data-theme="violet"] .chmDialogLoader:before {background-image: url(../res/icon/loader_violet.svg) !important;}html[data-theme="pink"] #reload:after,html[data-theme="pink"] .reloader:after,html[data-theme="pink"] .list-lazy-loader:after,html[data-theme="pink"] .chmRating-loader,html[data-theme="pink"] #saveDialog #saveButton.saving:before,html[data-theme="pink"] .save-dialog-confirmation-status:before,html[data-theme="pink"] .chmListbox-button-download.generating:before,html[data-theme="pink"] .chmDialogLoader:before {background-image: url(../res/icon/loader_pink.svg) !important;}.service-menu-overlay {position: fixed;left:0;top:0;right:0;bottom: 0;z-index: 8000000;}.service-menu {position: fixed;z-index: 8000010;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: #fff;box-shadow: 0 0 3rem 1rem var(--primaryColor);transition: box-shadow 1s;}.service-menu.basic {box-shadow: 0 0 3rem 1rem #fff;}.service-menu-title {position: relative;display: flex;align-items: center;justify-content: center;font-size: calc(3 * var(--baseFontSize));text-transform: uppercase;padding: calc(2.5 * var(--baseFontSize));line-height: 1;background-color: var(--primaryColor);color: #000;transition: background-color 1s;}.service-menu.basic .service-menu-title {background-color: #000;color: #fff;}.service-menu-item {position: relative;display: flex;align-items: center;justify-content: center;border-top: 1px solid rgba(0, 0, 0, 0.2);font-size: calc(4 * var(--baseFontSize));padding: calc(2.5 * var(--baseFontSize)) calc(4 * var(--baseFontSize));line-height: 1;color: #000;}.service-menu-theme-selectors {display: block;text-align: left;width: calc((24 * var(--baseFontSize)) + 17px);height: calc(12.5 * var(--baseFontSize));}.service-menu-theme-selector {position: relative;display: inline-block;width: calc(6 * var(--baseFontSize));height: calc(6.9 * var(--baseFontSize));clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);margin: 2px;margin-bottom: calc(1px - (2.3 * var(--baseFontSize)));}.service-menu-theme-selector:first-child {margin-left: calc((3 * var(--baseFontSize)) + 3px);}.service-menu-theme-selector[data-theme="white"] {background-color: var(--themeColor-white);}.service-menu-theme-selector[data-theme="gray"] {background-color: var(--themeColor-gray);}.service-menu-theme-selector[data-theme="red"] {background-color: var(--themeColor-red);}.service-menu-theme-selector[data-theme="orange"] {background-color: var(--themeColor-orange);}.service-menu-theme-selector[data-theme="yellow"] {background-color: var(--themeColor-yellow);}.service-menu-theme-selector[data-theme="green"] {background-color: var(--themeColor-green);}.service-menu-theme-selector[data-theme="blue"] {background-color: var(--themeColor-blue);}.service-menu-theme-selector[data-theme="violet"] {background-color: var(--themeColor-violet);}.service-menu-theme-selector[data-theme="pink"] {background-color: var(--themeColor-pink);}#focus {display: none;position: fixed;z-index: 9000000;pointer-events: none;left:50%;top:50%;width:300px;height: 300px;transition: all 0.25s, opacity 1s;}#focus:before {content: '';position: absolute;left:-0.5rem;top:-0.5rem;right:-0.5rem;bottom: -0.5rem;border:0.5rem solid var(--focusColor);box-shadow: 0 0 1rem var(--focusColor);border-radius: 3px;transition: border 1s, box-shadow 1s;}#focus.invisible {opacity: 0 !important;}#focus[data-left="yes"]:before {left:0;}#focus[data-right="yes"] {right:0 !important;width: auto !important;}#focus[data-right="yes"]:before {right:0;}#focus[data-top="yes"]:before {top:0;}#focus[data-bottom="yes"] {bottom:0 !important;height: auto !important;}#focus[data-bottom="yes"]:before {bottom:0;}#focus[data-width-zero="yes"]:before,#focus[data-height-zero="yes"]:before {opacity: 0 !important;}.use-keys #focus {display: inline-block;}.click-transparent,.click-transparent * {pointer-events: none !important;}.about {text-align: center;}.submenu {position: fixed;z-index: 1000003;background-color: var(--primaryColor);color: #000;border: 1px solid #000;border-radius: 0;padding: 0 1rem;}.submenu-item {display: flex;align-items: center;justify-content: flex-start;flex-direction: row;font-size: calc(2.5 * var(--baseFontSize));padding: 0;padding-right: calc(3 * var(--baseFontSize));height: calc(10 * var(--baseFontSize));border-bottom: 1px solid rgba(0,0,0,0.25);}.submenu-item:last-child {border-bottom: none;}.submenu-item-icon {display: flex;align-items: center;justify-content: center;--size: calc(5 * var(--baseFontSize));width: var(--size);height: var(--size);min-width: var(--size);min-height: var(--size);max-width: var(--size);max-height: var(--size);font-size: calc(4 * var(--baseFontSize));margin: 0 calc(2 * var(--baseFontSize));color:#fff;}.submenu:after {content: '';display: inline-block;position: absolute;width: 0;height: 0;border: 1rem solid transparent;left: calc(100% - (3.75 * var(--baseFontSize)));top: calc(100% - 1px);border-top-color: var(--primaryColor);}#floatingReset {position: fixed;display: flex;align-items: center;justify-content: center;left: 50%;top: calc(50vh + (var(--header-height) / 2) - (var(--menu-height) / 2) - (var(--menu-elevation-height) / 2) + var(--safe-area-inset-top));transform: translate(-50%, -50%) rotate(180deg);width: 20rem;height: calc(20rem / 1.15);background-color: var(--primaryColor);color: #000;/* background-color: rgba(255, 255, 255, 0.5); */z-index: 2000010;clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);transition: all 0.4s, background-color 1s;opacity: 0;pointer-events: none;}#main.floatingReset #floatingReset {opacity: 1;pointer-events: all;transform: translate(-50%, -50%) rotate(0deg);}#main.floatingReset.has-alternating-break[data-breaking-player="0"] #floatingReset {opacity: 0;pointer-events: none;transform: translate(-50%, -50%) rotate(180deg);}#floatingReset svg {width: 10rem;height: auto;}.chmButtonRowCarom {display: flex;flex-direction: row;align-items: center;justify-content: space-between;height: var(--carom-button-size);width: 100%;padding: 0 calc(0.2 * var(--carom-button-size));}.chmButtonGroupCarom {display: inline-flex;flex-direction: row;align-items: center;justify-content: center;}.chmButtonGroupCarom > * {z-index: 10;}.chmButtonGroupCarom .chmButton,.chmButtonGroupCarom .chmButtonSpacer {font-size: calc(0.3 * var(--carom-button-size));height: var(--carom-button-size);width: calc(var(--carom-button-size) / 1.15);clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);}.caromCenter .chmButton:nth-child(1),.caromCenter .chmButton:nth-child(2),.caromCenter .chmButton:nth-child(6),.caromCenter .chmButton:nth-child(7) {font-size: calc(0.2 * var(--carom-button-size));}.caromLeft,.caromRight {z-index: 5;width: calc(50vw - (1.4 * var(--carom-button-size)));}@media (max-aspect-ratio: 1/1) {.caromLeft {justify-content: flex-start;}.caromRight {justify-content: flex-end;}}.chmButtonRowSnooker {display: flex;flex-direction: row;align-items: center;justify-content: space-between;height: var(--snooker-button-size);width: 100%;padding: 0 calc(0.2 * var(--snooker-button-size));}.chmButtonGroupSnooker {display: inline-flex;flex-direction: row;align-items: center;justify-content: center;}.chmButtonGroupSnooker > * {z-index: 10;}.chmButtonGroupSnooker .chmButton,.chmButtonGroupSnooker .chmButtonSpacer {font-size: calc(0.3 * var(--snooker-button-size));height: var(--snooker-button-size);width: calc(var(--snooker-button-size) / 1.15);clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%);}.chmButtonGroupSnooker .chmButton.bold {font-size: calc(0.4 * var(--snooker-button-size));}.chmButtonGroupSnooker .chmButton[data-ball-color] {width: calc(var(--snooker-button-size) / 1.15);height: calc(var(--snooker-button-size) / 1.15);margin: calc(0.05 * var(--snooker-button-size));clip-path: none;border-radius: 100%;color: #fff;}.chmButtonGroupSnooker .chmButton[data-ball-color="red"] {background: linear-gradient(to bottom, rgba(255,0,0,1) 0%, rgba(0,0,0,0) 100%);}.chmButtonGroupSnooker .chmButton[data-ball-color="yellow"] {background: linear-gradient(to bottom, rgba(255,255,0,1) 0%, rgba(0,0,0,0) 100%);}.chmButtonGroupSnooker .chmButton[data-ball-color="green"] {background: linear-gradient(to bottom, rgba(0,150,0,1) 0%, rgba(0,0,0,0) 100%);}.chmButtonGroupSnooker .chmButton[data-ball-color="brown"] {background: linear-gradient(to bottom, rgba(200,100,0,1) 0%, rgba(0,0,0,0) 100%);}.chmButtonGroupSnooker .chmButton[data-ball-color="blue"] {background: linear-gradient(to bottom, rgba(0,0,200,1) 0%, rgba(0,0,0,0) 100%);}.chmButtonGroupSnooker .chmButton[data-ball-color="pink"] {background: linear-gradient(to bottom, rgba(255,0,150,1) 0%, rgba(0,0,0,0) 100%);}.chmButtonGroupSnooker .chmButton[data-ball-color="black"] {background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);}@media (max-aspect-ratio: 1/1) {.chmButtonRowSnooker {padding: 0 1rem;}.chmButtonGroupSnooker.snookerLeft {margin-right: 1rem;}.chmButtonGroupSnooker.snookerRight {margin-left: 1rem;}}@media (min-aspect-ratio: 14/10) and (max-aspect-ratio: 17/10), (min-aspect-ratio: 1/1) and (max-aspect-ratio: 14/10) {:root {--menu-snooker-height: 8vw;}#menuSnooker {justify-content: center;padding-top: 0;}.chmButtonGroupSnooker .chmButton {height: 6vw;width: calc(6vw / 1.15);margin: 0.5vw;font-size: 2vw;}.chmButtonGroupSnooker .chmButton.bold {font-size: 2.7vw;}.chmButtonGroupSnooker .chmButton[data-ball-color] {width: calc(6vw / 1.15);height: calc(6vw / 1.15);font-size: 2vw;clip-path: none;border-radius: 100%;}}/* .snookerLeft,.snookerRight {transition: transform 0.75s;z-index: 5;width: calc(50vw - 10rem - 4rem);}.snookerLeft {transform-origin: 100% 50%;}[data-active-player="2"] .snookerLeft {transform: translateX(calc(100vw - 4rem - 100%));}[data-active-player="2"] .snookerRight{transform: translateX(calc(-100vw + 4rem + 100%)) rotateY(180deg);}.snookerLeft > *,.snookerRight > * {transition: transform 0.75s;transform: rotateY(0);}[data-active-player="2"] .snookerRight > * {transform: rotateY(180deg);}[data-active-player="2"] .snookerRight > [data-menu-item="gameSnooker-undo"] {transform: translateX(calc(100% + 2rem)) rotateY(180deg);}[data-active-player="2"] .snookerRight > [data-menu-item="gameSnooker-redo"] {transform: translateX(calc(-100% - 2rem)) rotateY(180deg);} */@media(max-aspect-ratio: 1399/1000) {.showOnWideScreen {display: none !important;}}@media(max-aspect-ratio: 11/9) {.hideOnSmallScreen {display: none !important;}}.floating-message-container {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 2999998;font-size: 15rem;pointer-events: none !important;}.floating-message {position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center;left: 0;top: 0;width: 100%;height: 100%;font-size: 1em;font-family: 'Days One', sans-serif;font-weight: 800;color: var(--primaryColor);text-shadow: 0 0 1rem rgba(0, 0, 0, 1);transform: scale(0) rotateX(-90deg);opacity: 1;transition: opacity 0.25s;animation: fly-in-out 3s;}.floating-message.reduced {opacity: 0.3;}.floating-message-container {perspective: 50vh;}.floating-message-container[data-position="left"],.floating-message-container[data-position="right"] {font-size: 7.5rem;width: 50vw;}.floating-message-container[data-position="right"] {right: 0;left: auto;}.floating-message,.floating-message > * {text-align: center;pointer-events: none !important;}.floating-message .large {font-size: 2em;}.floating-message .huge {font-size: 4em;}.force-hide {display: none !important;}@keyframes fly-in-out {0% {transform: scale(0) rotateX(-90deg);}15% {transform: scale(1) rotateX(0deg);}25% {transform: scale(0.9) rotateX(0deg);}35% {transform: scale(1) rotateX(0deg);}45% {transform: scale(0.9) rotateX(0deg);}75% {transform: scale(0.9) rotateX(0deg);}100% {transform: scale(0.5) rotateX(90deg);}}.playerEditor {position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 3000010;background-color: #000;}.playerEditor-title {position: absolute;display: flex;align-items: center;justify-content: flex-start;left: 4rem;top: 2rem;height: 10rem;font-size: 4rem;color: var(--primaryColor);transition: color 1s;text-align: left;font-family: 'Days One', sans-serif;font-weight: 800;line-height: 1;}.playerEditor-fields {position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center;top: 14rem;bottom: calc(var(--playerEditor-keyboard-height) + var(--safe-area-inset-bottom));left: 2rem;right: 2rem;padding-right: calc(7 * var(--playerEditor-field-size));}.playerEditor-save {position: relative;display: inline-flex;align-items: center;justify-content: center;color: #000;height: calc(3 * var(--playerEditor-field-size));font-size: calc(1.25 * var(--playerEditor-field-size));width: auto;padding: 0 calc(1.5 * var(--playerEditor-field-size));clip-path: polygon(calc(0.8625 * var(--playerEditor-field-size)) 0%,calc(100% - (0.8625 * var(--playerEditor-field-size))) 0%,100% 50%,calc(100% - (0.8625 * var(--playerEditor-field-size))) 100%,calc(0.8625 * var(--playerEditor-field-size)) 100%,0% 50%);background-color: var(--primaryColor);margin-left: calc(7 * var(--playerEditor-field-size));}.playerEditor-save i {display: inline-block;margin-right: calc(0.75 * var(--playerEditor-field-size));font-size: var(--playerEditor-field-size);}.playerEditor-field {position: relative;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;width: 80rem;max-width: 80rem;min-width: 80rem;margin-bottom: calc(2 * var(--playerEditor-field-size));}.playerEditor-field-label {font-family: 'Days One', sans-serif;font-weight: 800;font-size: var(--playerEditor-field-size);color: var(--primaryColor);line-height: 1;margin-bottom: calc(0.5 * var(--playerEditor-field-size));height: var(--playerEditor-field-size);}.playerEditor-field-text {position: relative;display: flex;align-items: center;justify-content: flex-start;font-family: 'Days One', sans-serif;font-weight: 800;font-size: var(--playerEditor-field-size);color: #ddd;background-color: #333;padding: var(--playerEditor-field-size);margin-bottom: calc(0.5 * var(--playerEditor-field-size));width: 100%;min-width: 100%;max-width: 100%;clip-path: polygon(calc(0.5 * var(--playerEditor-field-size)) 0%,100% 0%,100% calc(100% - (0.5 * var(--playerEditor-field-size))),calc(100% - (0.5 * var(--playerEditor-field-size))) 100%,0% 100%,0% calc(0.5 * var(--playerEditor-field-size)));letter-spacing: 0.1em;min-height: calc(var(--playerEditor-field-size) + (2 * var(--playerEditor-field-size)));overflow: hidden;white-space: pre;overflow: auto hidden;}.playerEditor-field-clear,.playerEditor-field-reset {position: absolute;width: calc((2 * var(--playerEditor-field-size)) + var(--playerEditor-field-size));height: calc(var(--playerEditor-field-size) + (2 * var(--playerEditor-field-size)));top: calc(1.5 * var(--playerEditor-field-size));background-color: rgba(50,50,50,1);color: var(--primaryColor);display: flex;align-items: center;justify-content: center;font-size: var(--playerEditor-field-size);clip-path: polygon(calc(0.5 * var(--playerEditor-field-size)) 0%,100% 0%,100% calc(100% - (0.5 * var(--playerEditor-field-size))),calc(100% - (0.5 * var(--playerEditor-field-size))) 100%,0% 100%,0% calc(0.5 * var(--playerEditor-field-size)));}.playerEditor-field-clear {left: calc(100% + (0.5 * var(--playerEditor-field-size)));}.playerEditor-field-reset {left: calc(100% + var(--playerEditor-field-size) + (2 * var(--playerEditor-field-size) + var(--playerEditor-field-size)));}.playerEditor-field-error {font-family: 'Days One', sans-serif;font-weight: 800;font-size: calc(0.75 * var(--playerEditor-field-size));color: var(--warningColor);min-height: var(--playerEditor-field-size);}.playerEditor-field.has-focus .playerEditor-field-text {color: #000;background-color: #fff;}.playerEditor-keyboard {position: absolute;display: flex;align-items: center;justify-content: center;bottom: var(--safe-area-inset-bottom);left: 0;right: 0;height: var(--playerEditor-keyboard-height);}.chmKeyboard {display: inline-flex;flex-direction: column;align-items: flex-start;justify-content: center;padding: calc(1 * var(--keyboard-key-gap));background-color: rgba(50,50,50, 1);border-radius: calc(0.5 * var(--keyboard-key-gap));}.chmKeyboard-row {display: flex;flex-direction: row;align-items: center;justify-content: center;}.chmKeyboard-key {display: inline-flex;width: var(--keyboard-key-size);min-width: var(--keyboard-key-size);max-width: var(--keyboard-key-size);height: var(--keyboard-key-size);min-height: var(--keyboard-key-size);max-height: var(--keyboard-key-size);flex-direction: column;align-items: center;justify-content: center;margin: calc(0.5 * var(--keyboard-key-gap));color: var(--primaryColor);background-color: #000;font-size: calc(var(--keyboard-key-size) / 3);transition: color 0.25s, background-color 0.25s;clip-path: polygon(calc(1 * var(--keyboard-key-gap)) 0%,100% 0%,100% calc(100% - (1 * var(--keyboard-key-gap))),calc(100% - (1 * var(--keyboard-key-gap))) 100%,0% 100%,0% calc(1 * var(--keyboard-key-gap)));}.chmKeyboard-key[data-control="default"] {background-color: #000;color: #fff;}.chmKeyboard-key-text[data-keyboard-chars="special"].highlight-special {color: var(--primaryColor);}.chmKeyboard-key:not([data-control="default"]) .chmKeyboard-key-text[data-keyboard-mode="normal"],.chmKeyboard-key:not([data-control="default"]) .chmKeyboard-key-text[data-keyboard-mode="shift"] {display: none !important;}.chmKeyboard[data-keyboard-chars="base"] .chmKeyboard-key-text[data-keyboard-chars="special"] {display: none !important;}.chmKeyboard[data-keyboard-chars="special"] .chmKeyboard-key-text[data-keyboard-chars="base"] {display: none !important;}.chmKeyboard-key-text[data-keyboard-mode="normal"] {font-size: 1em;margin-top: 0.3em;}.chmKeyboard[data-keyboard-mode="shift"] .chmKeyboard-key-text[data-keyboard-mode="normal"] {font-size: 0.5em;margin-bottom: 0;}.chmKeyboard-key-text[data-keyboard-mode="shift"] {font-size: 0.5em;margin-top: 0;}.chmKeyboard[data-keyboard-mode="shift"] .chmKeyboard-key-text[data-keyboard-mode="shift"] {font-size: 1em;margin-bottom: 0.3em;}.chmKeyboard[data-keyboard-mode="shift"] .chmKeyboard-key[data-control="shift"] {background-color: var(--primaryColor);color: #000;}.chmKeyboard[data-keyboard-chars="special"] .chmKeyboard-key[data-control="special"] {background-color: var(--primaryColor);color: #000;}.chmKeyboard-key:not([data-control="shift"]):not([data-control="special"]).wasPressed {transition: none;animation: key-highlight 1s ease 0s 1;}.chmKeyboard-key[data-control="backspace"] {width: calc(2 * var(--keyboard-key-size));min-width: calc(2 * var(--keyboard-key-size));max-width: calc(2 * var(--keyboard-key-size));}.chmKeyboard-key[data-control="shift"],.chmKeyboard-key[data-control="special"] {width: calc(1.5 * var(--keyboard-key-size));min-width: calc(1.5 * var(--keyboard-key-size));max-width: calc(1.5 * var(--keyboard-key-size));}.chmKeyboard-key[data-control=" "] {width: calc((5 * var(--keyboard-key-size)) + (0.5 * var(--keyboard-key-gap)));min-width: calc((5 * var(--keyboard-key-size)) + (0.5 * var(--keyboard-key-gap)));max-width: calc((5 * var(--keyboard-key-size)) + (0.5 * var(--keyboard-key-gap)));}.chmKeyboard-row:nth-child(2) {margin-left: calc(0.5 * var(--keyboard-key-size));}.chmKeyboard-row:nth-child(3) {margin-left: calc(0.75 * var(--keyboard-key-size));}.chmKeyboard-row:nth-child(5) {margin-left: calc((0.25 * var(--keyboard-key-size)));}.cursor {position: absolute;left: 5em;transform: translateX(-0.05em);top: var(--keyboard-key-gap);height: calc(100% - (2 * var(--keyboard-key-gap)));width: 2px;background-color: #000;animation: cursor-blink 1s infinite;}@keyframes cursor-blink {0% {opacity: 1;}50% {opacity: 1;}50% {opacity: 0;}100% {opacity: 0;}100% {opacity: 1;}}@keyframes key-highlight {0% {background-color: #000;color: #fff;}10% {background-color: var(--primaryColor);color: #000;}100% {background-color: #000;color: #fff;}}#chmNotifications {position: fixed;z-index: 7500000;left: 0;top: 0;right: 0;bottom: 0;pointer-events: none;padding: 5rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}html.has-access-input #chmNotifications {z-index: 3000000;}.chmNotification {display: flex;flex-direction: column;align-items: center;justify-content: flex-start;position: relative;padding-bottom: 5rem;color: #fff;font-size: 2rem;width: 100%;min-width: 100%;max-width: 100%;}.chmNotification-content {position: relative;width: 33%;min-width: 33%;max-width: 33%;background-color: #000;display: flex;flex-direction: column;align-items: stretch;justify-content: flex-start;pointer-events: all;box-shadow: 0 0 1rem rgba(0,0,0,0.9);box-shadow: 0 0 1rem var(--primaryColor);border: 0.3rem solid #888;border-radius: 1rem;}@media(max-aspect-ratio: 14/10) {.chmNotification-content {width: 60%;min-width: 60%;max-width: 60%;}}.chmNotification-head {display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;}.chmNotification-title {color: var(--primaryColor);font-family: 'Days One', sans-serif;font-weight: 800;padding: 2rem;}.chmNotification-close {--size: 7rem;height: var(--size);min-height: var(--size);max-height: var(--size);width: var(--size);min-width: var(--size);max-width: var(--size);display: inline-flex;align-items: center;justify-content: center;}.chmNotification-body {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;padding: 2rem;padding-top: 0;}.chmNotification-icon {font-size: 4rem;margin-right: 2rem;padding-top: 0.1em;}.chmNotification-text {font-size: 2rem;line-height: 1.3;}.chmNotification-foot {position: relative;display: block;border-radius: 0 0 1rem 1rem;overflow: hidden;width: 100%;height: 1rem;background-color: rgba(255,255,255,0.2);margin-top: 1rem;}.chmNotification-bar {position: absolute;left: 0;top: 0;bottom: 0;width: 100%;background-color: var(--primaryColor);}html[data-battle-mode="yes"] .disableInBattleMode {pointer-events: none;}html[data-battle-mode="yes"] .disableInBattleMode > * {opacity: 0.1;}html[data-battle-mode="yes"] .avatar-container .rating {transform: scaleY(0) !important;}html[data-battle-mode="yes"] #spielTyp,html[data-battle-mode="yes"] .avatar,html[data-battle-mode="yes"] .spieler {pointer-events: none;}html[data-battle-mode="yes"] #spielerNamen {background: linear-gradient(to bottom, var(--themeColor-battle-contrast) 0%, var(--themeColor-battle-contrast) 6rem, rgba(0, 0, 0, 0.7) 6rem, rgba(0, 0, 0, 0.7) 100%);}html[data-battle-mode="yes"] #spielZiel {background-color: var(--themeColor-battle-contrast);color: #000;pointer-events: none;}html[data-battle-mode="yes"] #menuHandler {background-image: url('../res/images/scoretrek_battle.svg');background-size: 10rem auto;background-position: 50% 2.5rem;}html[data-battle-mode="yes"] #menuHandler i {color: rgba(255,255,255,0.3);}.chmPointsInput,.chmBallsSelector {position: fixed;z-index: 2999999;left: 50%;bottom: calc(var(--menu-14-height) - 2rem);transform: translateX(-50%) scale(0);transform-origin: center calc(100% + (0.5 * var(--menu-14-height)));transition: transform 0.2s;background-color: #000;box-shadow: 0 0 1rem var(--primaryColor);border: 0.3rem solid #888;border-radius: 2vmin;}.chmPointsInput {bottom: calc(var(--menu-carom-height) - 2rem);transform-origin: center calc(100% + (0.5 * var(--menu-carom-height)));}.chmPointsInput.isSnooker {bottom: calc(var(--menu-snooker-height) - 2rem);transform-origin: calc(0.5 * var(--snooker-button-size)) calc(100% + (0.5 * var(--menu-snooker-height)));left: calc((3 * (var(--snooker-button-size) / 1.15)) + 6rem + (0.2 * var(--snooker-button-size)));transform: translateX(0) scale(0);}@media (max-aspect-ratio: 1/1) {.chmPointsInput.isSnooker {left: calc((3 * (var(--snooker-button-size) / 1.15)) + 7rem);transform-origin: calc(0.5 * var(--snooker-button-size)) calc(100% + (0.5 * var(--menu-snooker-height)));}}@media (min-aspect-ratio: 14/10) and (max-aspect-ratio: 17/10), (min-aspect-ratio: 1/1) and (max-aspect-ratio: 14/10) {.chmPointsInput.isSnooker {left: calc((3 * (6vw / 1.15)) + 3vw + (0.2 * var(--snooker-button-size)));transform-origin: calc(0.5 * (6vw / 1.15)) calc(100% + (0.5 * var(--menu-snooker-height)));}}.chmBallsSelector {bottom: calc(var(--menu-14-height) - 2rem);}.chmPointsInputDisplay {display: flex;flex-direction: row;align-items: center;justify-content: center;width: calc(100% - 4vmin);border-radius: 1vmin;height: 12vmin;font-size: 6vmin;background-color: #fff;color: #000;margin: 2vmin;margin-bottom: 0;}@media (max-aspect-ratio: 1/1) {.chmPointsInputDisplay {height: 16vmin;}}.chmPointsInputItems,.chmBallsSelectorItems {display: grid;font-size: 6vmin;grid-gap: 2vmin;gap: 2vmin;padding: 2vmin;}.chmPointsInputItems {grid-template-columns: 1fr 1fr 1fr;}.chmBallsSelectorItems {grid-template-columns: 1fr 1fr 1fr 1fr;}.chmPointsInput.isVisible,.chmBallsSelector.isVisible {transform: translateX(-50%) scale(1);}.chmPointsInput.isSnooker.isVisible {transform: translateX(0) scale(1);}.chmPointsInputButton,.chmBallsSelectorButton {position: relative;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;background-color: rgba(77, 77, 77, 0.5);color: #b3b3b3;width: 16vmin;height: 16vmin;border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 1vmin;overflow: hidden;}.chmPointsInputButton {width: 12vmin;height: 12vmin;padding-top: 1vmin;}@media (max-aspect-ratio: 1/1) {.chmPointsInputButton {width: 16vmin;height: 16vmin;}}.chmBallsSelectorButton {width: 16vmin;height: 16vmin;}.chmPointsInputButton.isPrimary {background-color: var(--primaryColor);color: #000;padding-top: 0;}.chmPointsInputButton.isSecondary {background-color: #b3b3b3;color: #000;padding-top: 0;}.chmBallsSelectorButton.disabled {opacity: 0.2;}.chmBallsSelectorButton_Line {position: absolute;left: 0;right: 0;bottom: 0;height: 1vmin;}.chmBallsSelectorButton.striped .chmBallsSelectorButton_Line:before, .chmBallsSelectorButton.striped .chmBallsSelectorButton_Line:after {content: '';position: absolute;top: 0;width: 12%;height: 100%;background-color: #b3b3b3;}.chmBallsSelectorButton.striped .chmBallsSelectorButton_Line:before {left: 0;}.chmBallsSelectorButton.striped .chmBallsSelectorButton_Line:after {right: 0;}i.pro {display: inline-block !important;border-radius: 0 !important;font-size: 0.75em !important;margin: 0 !important;padding: 0 !important;margin-left: 0.2em !important;margin-right: -0.5em !important;transform: translateY(0.55em) !important;background-color: transparent !important;background-image: url('/res/images/pro-badge/pro-badge.svg') !important;background-position: center center !important;background-size: contain !important;background-repeat: no-repeat !important;width: 5em !important;min-width: 5em !important;max-width: 5em !important;height: 2em !important;min-height: 2em !important;max-height: 2em !important;color: transparent !important;overflow: hidden !important;}i.pro:first-child {margin-left: 0 !important;} .chmSelector[data-rows="2"] .chmSelectorItems {font-size:calc(var(--chmSelectorItems-font-size) / 2);}.chmSelector[data-rows="2"] .chmSelectorItem_Container {height:calc(var(--chmSelectorItems-height) / 2);min-height:calc(var(--chmSelectorItems-height) / 2);max-height:calc(var(--chmSelectorItems-height) / 2);min-width:calc(var(--chmSelectorItems-height) / 2);}.chmSelector[data-rows="3"] .chmSelectorItems {font-size:calc(var(--chmSelectorItems-font-size) / 3);}.chmSelector[data-rows="3"] .chmSelectorItem_Container {height:calc(var(--chmSelectorItems-height) / 3);min-height:calc(var(--chmSelectorItems-height) / 3);max-height:calc(var(--chmSelectorItems-height) / 3);min-width:calc(var(--chmSelectorItems-height) / 3);}.chmSelector[data-rows="4"] .chmSelectorItems {font-size:calc(var(--chmSelectorItems-font-size) / 4);}.chmSelector[data-rows="4"] .chmSelectorItem_Container {height:calc(var(--chmSelectorItems-height) / 4);min-height:calc(var(--chmSelectorItems-height) / 4);max-height:calc(var(--chmSelectorItems-height) / 4);min-width:calc(var(--chmSelectorItems-height) / 4);}.chmSelector[data-rows="5"] .chmSelectorItems {font-size:calc(var(--chmSelectorItems-font-size) / 5);}.chmSelector[data-rows="5"] .chmSelectorItem_Container {height:calc(var(--chmSelectorItems-height) / 5);min-height:calc(var(--chmSelectorItems-height) / 5);max-height:calc(var(--chmSelectorItems-height) / 5);min-width:calc(var(--chmSelectorItems-height) / 5);}.chmSelector[data-rows="6"] .chmSelectorItems {font-size:calc(var(--chmSelectorItems-font-size) / 6);}.chmSelector[data-rows="6"] .chmSelectorItem_Container {height:calc(var(--chmSelectorItems-height) / 6);min-height:calc(var(--chmSelectorItems-height) / 6);max-height:calc(var(--chmSelectorItems-height) / 6);min-width:calc(var(--chmSelectorItems-height) / 6);}.chmSelector[data-rows="7"] .chmSelectorItems {font-size:calc(var(--chmSelectorItems-font-size) / 7);}.chmSelector[data-rows="7"] .chmSelectorItem_Container {height:calc(var(--chmSelectorItems-height) / 7);min-height:calc(var(--chmSelectorItems-height) / 7);max-height:calc(var(--chmSelectorItems-height) / 7);min-width:calc(var(--chmSelectorItems-height) / 7);}.chmSelector[data-rows="8"] .chmSelectorItems {font-size:calc(var(--chmSelectorItems-font-size) / 8);}.chmSelector[data-rows="8"] .chmSelectorItem_Container {height:calc(var(--chmSelectorItems-height) / 8);min-height:calc(var(--chmSelectorItems-height) / 8);max-height:calc(var(--chmSelectorItems-height) / 8);min-width:calc(var(--chmSelectorItems-height) / 8);}.chmSelector[data-rows="9"] .chmSelectorItems {font-size:calc(var(--chmSelectorItems-font-size) / 9);}.chmSelector[data-rows="9"] .chmSelectorItem_Container {height:calc(var(--chmSelectorItems-height) / 9);min-height:calc(var(--chmSelectorItems-height) / 9);max-height:calc(var(--chmSelectorItems-height) / 9);min-width:calc(var(--chmSelectorItems-height) / 9);}.chmSelector[data-rows="10"] .chmSelectorItems {font-size:calc(var(--chmSelectorItems-font-size) / 10);}.chmSelector[data-rows="10"] .chmSelectorItem_Container {height:calc(var(--chmSelectorItems-height) / 10);min-height:calc(var(--chmSelectorItems-height) / 10);max-height:calc(var(--chmSelectorItems-height) / 10);min-width:calc(var(--chmSelectorItems-height) / 10);}.chmSelector[data-rows="11"] .chmSelectorItems {font-size:calc(var(--chmSelectorItems-font-size) / 11);}.chmSelector[data-rows="11"] .chmSelectorItem_Container {height:calc(var(--chmSelectorItems-height) / 11);min-height:calc(var(--chmSelectorItems-height) / 11);max-height:calc(var(--chmSelectorItems-height) / 11);min-width:calc(var(--chmSelectorItems-height) / 11);}.chmSelector[data-rows="12"] .chmSelectorItems {font-size:calc(var(--chmSelectorItems-font-size) / 12);}.chmSelector[data-rows="12"] .chmSelectorItem_Container {height:calc(var(--chmSelectorItems-height) / 12);min-height:calc(var(--chmSelectorItems-height) / 12);max-height:calc(var(--chmSelectorItems-height) / 12);min-width:calc(var(--chmSelectorItems-height) / 12);}.chmSelector[data-rows="13"] .chmSelectorItems {font-size:calc(var(--chmSelectorItems-font-size) / 13);}.chmSelector[data-rows="13"] .chmSelectorItem_Container {height:calc(var(--chmSelectorItems-height) / 13);min-height:calc(var(--chmSelectorItems-height) / 13);max-height:calc(var(--chmSelectorItems-height) / 13);min-width:calc(var(--chmSelectorItems-height) / 13);}.chmSelector[data-rows="14"] .chmSelectorItems {font-size:calc(var(--chmSelectorItems-font-size) / 14);}.chmSelector[data-rows="14"] .chmSelectorItem_Container {height:calc(var(--chmSelectorItems-height) / 14);min-height:calc(var(--chmSelectorItems-height) / 14);max-height:calc(var(--chmSelectorItems-height) / 14);min-width:calc(var(--chmSelectorItems-height) / 14);}.chmSelector[data-rows="15"] .chmSelectorItems {font-size:calc(var(--chmSelectorItems-font-size) / 15);}.chmSelector[data-rows="15"] .chmSelectorItem_Container {height:calc(var(--chmSelectorItems-height) / 15);min-height:calc(var(--chmSelectorItems-height) / 15);max-height:calc(var(--chmSelectorItems-height) / 15);min-width:calc(var(--chmSelectorItems-height) / 15);}