/* ▄ ███ ███ ███ ███ ███ ███ ███ ▄▄▄▄▄ ▄▄▄▄▄ ▄▄▄▄▄▄ ▄███▄ ███████████▄█████████▄█████████▄ █████▀▀ ████▀▀ ▀▀█████▀▀ ▀▀█████▀▀ ▀▀███▄ ████ ███ ███ ███ ███ ████ ███ ███ ███ ███ ███ ███ ███ ███ ███ ███▄ ███ ███ ███ ███ ███▄ ███ ███ ███ ███ █████▄▄ ▄███ ███ ███ ███ ▀████████████▀ ▀█▀ ▀█▀ ▀█▀ ▀▀▀▀▀▀▀ ┌────────────────────────────┐ │░░░░░ 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: 400; 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: 8rem; --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: 8vmin; }}@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,.only-hasMatchTimer { 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,.hasMatchTimer .only-hasMatchTimer { 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'; font-weight: 400; 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.3s;}.enable-3D .turn-parent .turn-child,.enable-3D .turn-parent .turn-child-centered { transform-origin: center center; transition: transform 0.3s, opacity 0.3s; 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[data-breaking-player="0"] #playerMarker,#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: 400;}.spielername { width: 100%; overflow: hidden;}.teamName { display: none; position: absolute; top: -8rem; height: 6rem; width: calc(100% - 14rem); color: #000;}.handicap { display: none; white-space: nowrap; font-size: 3.5rem; color: #33ff33; font-weight: bold; line-height: 1; padding: 1rem; background-color: rgba(255, 255, 255, 0.2); margin: 0 2rem; pointer-events: none;}.spieler.hasHandicap .handicap { display: inline-block; pointer-events: all;}.spieler.left .handicap { padding-left: 2rem; clip-path: polygon(0% 50%, 2rem 0%, 100% 0%, 100% 100%, 2rem 100%);}.spieler.right .handicap { padding-right: 2.2rem; clip-path: polygon(100% 50%, calc(100% - 2rem) 0%, 0% 0%, 0% 100%, calc(100% - 2rem) 100%);}[data-battle-mode="yes"] .teamName { display: block;}html[data-battle-mode="yes"] #main.hasMatchTimer.isMatchTimerOverdue .teamName { color: #fff;}.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;}#main.has-alternating-break[data-breaking-player="0"] #switches,#main.has-alternating-break[data-breaking-player="0"] #switches *,#main.has-alternating-break[data-breaking-player="0"] #aufnahme,#main.has-alternating-break[data-breaking-player="0"] #aufnahme * { pointer-events: none !important; opacity: 0 !important;}#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);}#main.has-alternating-break[data-breaking-player="0"] #menu14:after,#main.has-alternating-break[data-breaking-player="0"] #menuCarom:after,#main.has-alternating-break[data-breaking-player="0"] #menuSnooker:after { content: ''; z-index: 99; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.75);}#main.has-alternating-break[data-breaking-player="0"] #menu14,#main.has-alternating-break[data-breaking-player="0"] #menu14 *,#main.has-alternating-break[data-breaking-player="0"] #menuCarom,#main.has-alternating-break[data-breaking-player="0"] #menuCarom *,#main.has-alternating-break[data-breaking-player="0"] #menuSnooker,#main.has-alternating-break[data-breaking-player="0"] #menuSnooker * { pointer-events: none !important;}.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%); transition: opacity 1s;}.has-target { --target-height: 8.5rem;}.has-target #spielZiel { display: flex;}#main.has-alternating-break[data-breaking-player="0"] #spielZiel { opacity: 0.3 !important;}#main.has-alternating-break[data-breaking-player="0"] #spielZiel,#main.has-alternating-break[data-breaking-player="0"] #spielZiel * { pointer-events: none !important;}#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;}#main.has-alternating-break[data-breaking-player="0"] #spielAufnahme { opacity: 0.3 !important;}#main.has-alternating-break[data-breaking-player="0"] #spielAufnahme,#main.has-alternating-break[data-breaking-player="0"] #spielAufnahme * { pointer-events: none !important;}#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: linear-gradient(180deg, #333, #111); box-shadow: 0 0.5rem 2rem rgba(255, 255, 255, 0.3); border: 1px solid #555; 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: transparent; width: 100%; margin: calc(3 * var(--baseFontSize)) 0; font-size: calc(2 * var(--baseFontSize)); width: 90rem;}.chmDialogTab { position: relative; background-color: #000; 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: var(--primaryColor); font-family: 'Days One', sans-serif; font-weight: 400; text-align: center;}.chmDialogTab:last-child { margin-right: 0;}.chmDialogTab.isActive { background-color: var(--primaryColor); border: 2px solid var(--primaryColor); border-bottom: none; color: #000;}.chmDialogText { font-size: calc(3 * var(--baseFontSize)); padding: 0; 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;}.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; font-weight: 400;}.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-scrollSize { position: absolute; top: 0; height: 0; left: 10rem; right: 10rem;}.chmSelector:before,.chmSelector:after { content: ''; position: fixed; z-index: 10000; top: 0; bottom: 0; width: 10rem; border-radius: 0; pointer-events: none; opacity: 0; transition: opacity 0.2s;}.chmSelector:before { left: 0; background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));}.chmSelector:after { right: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));}.chmSelector.hasScrolled:before { opacity: 1;}.chmSelector.hasMore:after { 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: 400; 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;}.chmSelector.items-centered {}@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: calc(4 * var(--baseFontSize)); padding: 0 var(--padding); 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); display: grid;}.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; display: grid; grid-auto-flow: column; grid-auto-columns: max-content; grid-gap: calc(2 * var(--baseFontSize)); align-items: center; padding-left: var(--baseFontSize);}.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: 12/10) { .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.3; 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));}.chmSelectorButtonsItem { transition: opacity 0.2s;}.chmSelectorButtonsItem.isHidden { opacity: 0 !important; pointer-events: none !important;}.chmSelectorToolbar { position: fixed; z-index: 6000000; left: 0; bottom: 0; height: calc(14 * var(--baseFontSize)); right: 0; padding: calc(1 * var(--baseFontSize)) calc(4 * var(--baseFontSize)); overflow: hidden; display: flex; flex-direction: row; align-items: center; justify-content: stretch; background-color: #000;}@media (max-aspect-ratio: 1/1) { .chmSelectorToolbar { padding: calc(1 * var(--baseFontSize)); }}.chmSelectorSearch { display: grid; grid-template-columns: 1fr max-content; /* links füllt, rechts bleibt content-breit */ width: 100%; align-items: center; grid-column-gap: calc(2 * var(--baseFontSize));}@media (max-aspect-ratio: 1/1) { .chmSelectorSearch { grid-column-gap: calc(1 * var(--baseFontSize)); }}.chmSelectorSearch-letters { width: 100%; align-self: stretch; display: grid; grid-template-columns: repeat(13, 1fr); grid-gap: calc(1 * var(--baseFontSize)); /* Chrome 58: lieber grid-gap */}@media (max-aspect-ratio: 1/1) { .chmSelectorSearch-letters { grid-gap: 1px; }}.chmSelectorSearch-letter { width: 100%; height: calc(5 * var(--baseFontSize)); font-size: calc(3 * var(--baseFontSize)); border-radius: calc(2.5 * var(--baseFontSize)); display: inline-flex; align-items: center; justify-content: center; background-color: #444; color: #fff; font-family: 'Days One'; font-weight: 400; background-color: var(--primaryColor); color: #000;}.chmSelectorSearch-letter.isDisabled { opacity: 0.3;}@media (max-aspect-ratio: 1/1) { .chmSelectorSearch-letter { height: calc(5.5 * var(--baseFontSize)); border-radius: calc(1 * var(--baseFontSize)); }}.chmSelectorSearch-buttons { display: flex; flex-direction: row; align-items: center; justify-content: center;}.chmSelectorSearch-buttons > * + * { margin-left: calc(1 * var(--baseFontSize));}.chmSelectorSearch-button { width: calc(11 * var(--baseFontSize)); height: calc(11 * var(--baseFontSize)); flex-grow: 0; flex-shrink: 0; font-size: calc(3 * var(--baseFontSize)); border-radius: calc(3 * var(--baseFontSize)); display: inline-flex; align-items: center; justify-content: center; background-color: var(--primaryColor); color: #000; background-color: #fff; color: #000;}@media (max-aspect-ratio: 1/1) { .chmSelectorSearch-button { border-radius: 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;}.chmSelector.items-centered .chmSelectorItemsWrapper { display: flex; flex-direction: row; align-items: flex-start; justify-content: center;}.chmSelectorItem_Container { display: flex; position: relative; flex-direction: column; align-items: flex-start; justify-content: center; pointer-events: none;}.chmSelectorItem { position: relative; font-size: 1em; width: auto; height: 4em; padding: 0 2em; background-color: #333; display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; border-radius: 2em; transition: opacity 0.5s; font-family: 'Days One', sans-serif; font-weight: 400; pointer-events: all;}.chmSelectorItem>* { z-index: 2; transition: color 0.3s;}.chmSelectorItem:before { content: ''; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; background-color: transparent; transition: opacity 0.3s; border-radius: 2em; border: 0.2em solid var(--primaryColor); opacity: 0;}.chmSelectorItem.isHighlighted:before { opacity: 1;}.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;}.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 0.2s;}.chmSelector .chmSelectorTextSingle,.chmSelector .text1,.chmSelector .text2,.chmSelector .text3 { overflow: hidden; text-overflow: ellipsis; max-width: calc(70vw - (2 * var(--chmSelectorItem-button-width)));}.chmSelector:not(.editMode) .chmSelectorItem.hover .chmSelectorTextSingle,.chmSelector:not(.editMode) .chmSelectorItem.hover .text1,.chmSelector:not(.editMode) .chmSelectorItem.hover .text2,.chmSelector:not(.editMode) .chmSelectorItem.hover .text3 { transition: none !important; color: #000000 !important;}.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; align-items: center; justify-content: center; overflow: hidden; right: 0; top: 0em; width: calc(var(--chmSelectorItem-button-width) + (2 * 0.65em)); padding: 0 0.65em; height: 4.05em; color: var(--primaryColor); background-color: transparent;}.chmSelectorEditButton>*,.chmSelectorTeamButton>* { z-index: 2;}.chmSelectorEditButton:before,.chmSelectorTeamButton:before { content: ''; position: absolute; z-index: 1; background-color: rgba(0, 0, 0, 1); clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); right: 0.65em; top: 0.65em; width: var(--chmSelectorItem-button-width); height: 2.75em; color: var(--primaryColor);}.chmSelectorItem[data-show-button="editTeam"] .chmSelectorEditButton { width: calc((0.75 * var(--chmSelectorItem-button-width)) + 0.65em); right: calc((0.75 * var(--chmSelectorItem-button-width)) + 0.65em + 0.1em); padding-left: 1em; padding-right: 0;}.chmSelectorItem[data-show-button="editTeam"] .chmSelectorEditButton:before { /* right: calc(0.65em + (0.5 * var(--chmSelectorItem-button-width)) + 0.1em); */ right: calc(-0.25 * var(--chmSelectorItem-button-width)); clip-path: polygon(25% 0%, 75% 0%, 75% 100%, 25% 100%, 0% 50%); /* padding-right: 0.4em; */}.chmSelectorItem[data-show-button="editTeam"] .chmSelectorTeamButton { width: calc((0.75 * var(--chmSelectorItem-button-width)) + 0.65em); padding-left: 0; padding-right: 1.1em;}.chmSelectorItem[data-show-button="editTeam"] .chmSelectorTeamButton:before { clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);}.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.hasText3 .chmSelectorText { font-size: 90%;}.chmSelectorItem .chmSelectorText.text3 { font-size: 60%; color: var(--secondaryColor);}.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 .chmSelectorButton.editPrimary { transition: color 0.3s, background-color 0.3s;}.chmSelector.editMode .chmSelectorButton.editPrimary { color: #000; background-color: var(--primaryColor);}.chmSelector.editMode .chmSelectorButton.editHide { opacity: 0.1 !important; pointer-events: none !important;}.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)); aspect-ratio: 1/1; left: 50%; padding: 0; transform: translateX(-50%); display: grid; grid-template-columns: 1fr;}.chmPointsSelector .chmSelectorItem_Container { position: relative;}.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; padding: 1rem 0;}/* .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; margin: 0 calc((-2.15 * var(--chmSelector-custom-button-size)) + (2 * var(--baseFontSize)));}.chmPointsSelector-custom-value { --width: calc(2 * var(--chmSelector-custom-button-size)); --height: calc(1.15 * var(--width)); display: inline-flex; flex-direction: row; align-items: center; justify-content: center; font-size: calc(0.33 * 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 { --offset: calc(0.25 * 1.15 * var(--chmSelector-custom-button-size)); position: relative; display: inline-flex; align-items: center; justify-content: center; color: #000; height: var(--chmSelector-custom-button-size); font-size: calc(0.4 * var(--chmSelector-custom-button-size)); width: auto; padding: 0 5rem; 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: var(--primaryColor);}.chmPointsSelector-button > * + * { margin-left: calc(0.3 * var(--chmSelector-custom-button-size));}.chmPointsSelector-custom-input-group { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; min-width: calc(100vmin - (8 * var(--baseFontSize)));}.chmPointsSelector-custom-input-group > * + * { margin-left: calc(0.1 * var(--chmSelector-custom-button-size));}@media (min-aspect-ratio: 12/10) { .chmPointsSelector-custom-input-group { max-width: calc(80vmax - (8 * var(--baseFontSize))); }}.chmPointsSelector-custom-input-group .chmPointsSelector-custom-input { margin: 0;}.chmPointsSelector-custom-input-group .chmPointsSelector-custom-button { height: calc(1.15 * var(--chmSelector-custom-button-size)); width: var(--chmSelector-custom-button-size); clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%); margin: calc(0.03 * var(--chmSelector-custom-button-size));}.chmPointsSelector-custom-input-group .chmPointsSelector-custom-value { --width: var(--chmSelector-custom-button-size); margin: calc(0.03 * var(--chmSelector-custom-button-size));}.chmPointsSelector-custom-input-group-item { display: flex; flex-direction: column; align-items: center; justify-content: center; /* gap: calc(0.25 * var(--chmSelector-custom-button-size)); */ padding: var(--baseFontSize); padding-top: calc(2 * var(--baseFontSize)); background-color: rgba(255, 255, 255, 0.05); border-radius: var(--baseFontSize);}.chmPointsSelector-custom-input-label { color: var(--secondaryColor); font-size: calc(0.4 * var(--chmSelector-custom-button-size)); font-family: 'Days One'; font-weight: 400; margin-bottom: calc(0.25 * var(--chmSelector-custom-button-size));}.chmPointsSelector-custom-input-group .chmPointsSelector-custom-input-label { font-size: calc(0.3 * var(--chmSelector-custom-button-size));}.chmPointsSelector-custom-input-group .chmPointsSelector-custom-button[data-change-value="10"] { transform: translate(0%, 0%);}.chmPointsSelector-custom-input-group .chmPointsSelector-custom-button[data-change-value="-10"] { transform: translate(0%, 0%);}.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: 3000000; background-color: rgba(0, 0, 0, 0.95); left: 0; top: 0; right: 0; bottom: 0; opacity: 0; pointer-events: none; transition: opacity 0.2s, background-color 0.15s;}.isFaded #fader { opacity: 1; pointer-events: all; transition: opacity 0.3s, background-color 0.15s;}.isFadedOpaque #fader { background-color: rgba(0, 0, 0, 1);}#loadingIndicator,.loadingIndicator { position: fixed; z-index: 0; left: 50vw; top: 50vh; transform: translate(-50%, -50%); width: 15rem; height: 15rem; opacity: 0; transition: opacity 0.3s; overflow: hidden; pointer-events: none;}#loadingIndicator:after,.loadingIndicator: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%;}.stats-list-empty { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; opacity: 0.4; font-size: 1.4rem; pointer-events: none;}.stats-list-empty i { display: block; font-size: 3.5rem; margin-bottom: 0.8rem;}.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%;}.loadingIndicator { position: absolute; left: 50%; top: 50%;}.isLoading #loadingIndicator,.isLoading .loadingIndicator { z-index: 4000000; 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: opacity 0.3s, 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);}.chmButton14.isBallsSelect svg>* { transition: opacity 0.3s;}@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: #ffffff; 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 { position: relative; display: block; overflow: hidden;}.game14-ReRack_Container img { width: calc(100vw - 19rem); height: auto; aspect-ratio: 2085 / 855; transform-origin: center center; transition: transform 0.25s; pointer-events: none;}@media(min-aspect-ratio: 19/10) { .game14-ReRack_Container img { width: auto; height: calc(100vh - 30rem); }}.game14-ReRack_Container img.game14-ReRackOverlay { position: absolute; left: 0; top: 0; opacity: 1; transition: transform 0.25s, opacity 0.25s;}.game14-ReRack_Container.zoom .game14-ReRackOverlay { opacity: 0;}.game14-ReRack_Container.zoom[data-focus="0,0"] img { transform: translate(100%, 100%) scale(3);}.game14-ReRack_Container.zoom[data-focus="1,0"] img { transform: translate(0, 100%) scale(3);}.game14-ReRack_Container.zoom[data-focus="2,0"] img { transform: translate(-100%, 100%) scale(3);}.game14-ReRack_Container.zoom[data-focus="0,1"] img { transform: translate(100%, 0) scale(3);}.game14-ReRack_Container.zoom[data-focus="1,1"] img { transform: translate(0, 0) scale(3);}.game14-ReRack_Container.zoom[data-focus="2,1"] img { transform: translate(-100%, 0) scale(3);}.game14-ReRack_Container.zoom[data-focus="0,2"] img { transform: translate(100%, -100%) scale(3);}.game14-ReRack_Container.zoom[data-focus="1,2"] img { transform: translate(0, -100%) scale(3);}.game14-ReRack_Container.zoom[data-focus="2,2"] img { transform: translate(-100%, -100%) scale(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: 400; 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: 400;}#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.isFaded: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; top: 0; bottom: auto; width: auto; height: auto; z-index: 3009999; /* JS places box edge at avatar edge; translateX(-1.2rem) pushes it away so arrow tip touches avatar */ transform-origin: calc(100% + 1.8rem + 1.5px) calc(2.5rem + 1.5px); transform: translateX(-1.2rem) translateY(-3px) scale(0); font-size: 2.5rem; border: 3px solid var(--primaryColor); border-radius: 0.2rem; background-color: rgba(0, 0, 0, 1); color: #fff; padding: 1rem; font-family: 'Nunito'; transition: border-color 1s, transform 0.3s;}#rankingList .playerBox { width: 25%; height: 22rem;}.playerBox.isVisible { transform: translateX(-1.2rem) translateY(-3px) scale(1);}.playerBox.anchorRight { right: auto; /* translateX(+1.2rem) pushes box rightward so arrow tip touches avatar on the left */ transform-origin: calc(-1.8rem - 1.5px) calc(2.5rem + 1.5px); transform: translateX(1.2rem) translateY(-3px) scale(0);}.playerBox.anchorRight.isVisible { transform: translateX(1.2rem) translateY(-3px) scale(1);}.playerBox.anchorRight:before { left: auto; right: calc(100% + 1px); border-left-color: transparent; border-right-color: var(--primaryColor);}.playerBox.anchorRight.anchorBottom { transform-origin: calc(-1.8rem - 1.5px) calc(100% - 2.5rem - 1.5px); transform: translateX(1.2rem) scale(0);}.playerBox.anchorRight.anchorBottom.isVisible { transform: translateX(1.2rem) scale(1);}.playerBox.anchorRight.anchorBottom:before { left: auto; right: calc(100% + 1px); border-left-color: transparent; border-right-color: var(--primaryColor);}.playerBox.anchorBottom { transform-origin: calc(100% + 1.8rem + 1.5px) calc(100% - 2.5rem - 1.5px); transform: translateX(-1.2rem) scale(0); bottom: 0; top: auto;}.playerBox.anchorBottom.isVisible { transform: translateX(-1.2rem) 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: 2rem; 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: 1.8rem; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 6rem; margin-bottom: 1rem; clip-path: polygon(2.875rem 0%, 100% 0%, 100% 100%, 2.875rem 100%, 0% 50%);}.statsSelect:last-child { margin-bottom: 0;}.statsSelect.active { background-color: #333; color: #fff;}.statsSelect.hasIcon { padding-right: 5rem; background-position: calc(100% - 1rem) center; background-size: 3rem 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;}#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;}#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; border-radius: 0 0 1rem 1rem; /* clip-path: polygon(0% 0%, 100% 0%, calc(100% - 4.6rem) 100%, 4.6rem 100%); */ height: 100%; width: calc((100% - (10 * 0.5rem)) / 11); min-width: 10rem; margin-left: 0.5rem; white-space: nowrap; /* width: calc((100vw - (2 * 4.875rem)) / 8); min-width: calc((100vw - (2 * 4.875rem)) / 8); */}.rankingTab:first-child { margin-left: 0;}.rankingTab.selected { background-color: #333;}@media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 14/10) { /* #rankingTabs { justify-content: space-between; } */ .rankingTab { width: auto; min-width: 0; padding-left: 1rem; padding-right: 1rem; /* 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: #fff;}.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: 2.5rem;}.ranking-list-item[data-ranking-position="1"] .ranking-list-item-value-number { font-size: 3rem;}.ranking-list-item .ranking-list-item-value-details { font-size: 1.4rem; 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.7rem; 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;}.ranking-list-item[data-ranking-position="1"] .ranking-list-item-value-details span { padding-right: 0.6rem;}.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: inline-flex; 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; align-items: center; justify-content: center; width: 90rem;}.pin-output { font-size: 3rem; padding: 2rem 0; 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-parent.hasRankingFactor { top: 17rem; height: 26rem;}.game-points-container { position: absolute; display: inline-block; bottom: 0; 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-rankingFactor { position: absolute; top: 0; height: 6rem; width: auto; background-color: rgba(255, 255, 255, 0.1); border-radius: 1rem; padding: 2rem; display: inline-flex; flex-direction: column; align-items: stretch; justify-content: center;}.game-rankingFactor-label,.game-rankingFactor-rank,.game-rankingFactor-value { display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: #fff; line-height: 1; /* gap: 1rem; */ font-family: 'Days One', sans-serif; font-weight: 400;}.right .game-rankingFactor-label,.right .game-rankingFactor-rank,.right .game-rankingFactor-value { flex-direction: row-reverse;}.game-rankingFactor-label { display: none !important; font-size: 1.5rem;}.game-rankingFactor-label>span { opacity: 0.5;}.game-rankingFactor-label>i { font-size: 2rem; padding: 0 0.15rem; color: var(--themeColor-battle-secondary);}.game-rankingFactor-rank>span { font-size: 2rem; padding-bottom: 0.2rem; margin: 0 1rem;}.game-rankingFactor-rank>i { font-size: 2.5rem;}.game-rankingFactor-rank>i:first-child { color: var(--themeColor-battle-secondary);}.game-rankingFactor-rank>i:last-child { color: var(--themeColor-battle);}.right .game-rankingFactor-rank>i:last-child { transform: scaleX(-1);}.game-rankingFactor-value { font-size: 3rem; display: none !important;}.game-rankingFactor-value>i { opacity: 0.5; font-size: 1.5rem; margin-right: 1rem;}.left .game-rankingFactor { left: auto; right: 0;}.right .game-rankingFactor { left: 0; right: auto;}.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;}.battle-result .game-points-icon { border-radius: 3rem;}.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; font-weight: 400;}.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,.menuElevated_game14.hasMatchTimer #remoteIndicator,.menuElevated_gameCarom.hasMatchTimer #remoteIndicator,.menuElevated_gameSnooker.hasMatchTimer #remoteIndicator,.menuElevated_game14.hasMatchTimer #offlineIndicator,.menuElevated_gameCarom.hasMatchTimer #offlineIndicator,.menuElevated_gameSnooker.hasMatchTimer #offlineIndicator,#main.has-alternating-break[data-breaking-player="0"] #remoteIndicator,#main.has-alternating-break[data-breaking-player="0"] #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 0.8rem;}.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: 2.3rem; color: #fff; height: 5rem; 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-row.hasNoMatches { opacity: 0.3;}.stats-table-quotes td:last-child,.stats-table-quotes th:last-child { padding-right: 3rem;}.stats-table-quotes-row .stats-table-quotes-col-game { font-size: 1.8rem; background-position: 2rem center; background-size: 3.25rem; padding-left: 6.25rem; 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="battle"] .stats-table-quotes-col-rating { color: #fc0;}.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: #0077cc;}.stats-table-quotes-row[data-row-type="game14"] .stats-table-quotes-col-rating { color: #0a0;}.stats-table-quotes-row[data-row-type="gameOnePocket"] .stats-table-quotes-col-rating { color: #aaff00;}.stats-table-quotes-row[data-row-type="gameBankPool"] .stats-table-quotes-col-rating { color: #0ff;}.stats-table-quotes-row[data-row-type="gameHeyball"] .stats-table-quotes-col-rating { color: #f00;}.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: 2.5rem; 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; min-width: 5rem;}.stats-table-games-row.is-team-battle td,.stats-table-games-row.has-own-partner td { height: auto; padding-top: 1rem; padding-bottom: 1rem;}.stats-table-games-row.has-own-partner .stats-table-games-col-gametype,.stats-table-games-row.is-team-battle .stats-table-games-col-gametype { background-position: right 1rem;}.stats-table-games-row .stats-table-games-col-own-partners { display: flex; flex-direction: column; align-items: flex-start; margin-top: 0.7rem;}.stats-table-games-row .stats-table-games-col-own-partners * { margin-top: 0.4rem;}.stats-table-games-row .stats-table-games-col-own-partners *:first-child { margin-top: 0;}.stats-table-games-row .stats-table-games-col-date { font-size: 1.5rem; text-align: left; padding-left: 1.5rem; color: #888; width: 20rem; white-space: nowrap;}.stats-table-games-row .stats-table-games-col-date-row { display: flex; flex-direction: row; align-items: center;line-height: 1.5;padding-top: 0.4rem;}.stats-table-games-row .stats-table-games-col-date-battle { display: inline-block; min-width: 2.2rem; min-height: 2.2rem; vertical-align: middle; margin-left: 1rem; margin-bottom: 2rem; background-image: url('/res/icon/ScoreTrek-Battle.svg'); background-size: 1.5rem auto; background-repeat: no-repeat; background-position: center; background-color: rgba(255, 255, 255, 0.2); border-radius: 100%;}.stats-table-games-row .stats-table-games-team-players { display: flex; flex-direction: column; padding-right: 1rem;}.stats-table-games-row .stats-table-games-team-players > * { margin-top: 0.4rem;}.stats-table-games-row .stats-table-games-team-players > *:first-child { margin-top: 0;}.stats-table-games-row .stats-table-team-player { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; font-size: 1.5rem; color: #fff;}.stats-table-games-row .stats-table-team-player-avatar { flex-shrink: 0; position: relative; margin-left: 0.5rem; min-width: 3rem; min-height: 3rem; border-radius: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #333;}.stats-table-games-row .stats-table-team-player-avatar::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');}.stats-table-games-row .stats-table-team-player[data-is-pro-player="yes"] .stats-table-team-player-avatar::after { background-image: url('../res/images/pro-badge/circle-top-left.svg');}.stats-table-games-col-opponent-wrapper .stats-table-team-player[data-is-pro-player="yes"] .stats-table-team-player-avatar::after { background-image: url('../res/images/pro-badge/circle-top-right.svg');}.stats-table-games-col-opponent-name { max-width: 20rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.stats-table-games-row .stats-table-team-player-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20rem;}.stats-table-games-row .stats-table-own-partner-plus { font-size: 1rem; color: #555; margin-right: 0.4rem;}.stats-table-games-row .stats-table-own-partner .stats-table-team-player-avatar { margin-left: 0.5rem; margin-right: 0.5rem;}.stats-table-games-row .stats-table-team-player .playerNotVerified { display: none;}.stats-table-games-row .stats-table-team-player[data-verified="no"] .playerNotVerified { display: inline-flex; align-items: center; color: #f80; font-size: 1.1rem; margin-left: 0.2rem;}.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 { width: 12rem;}.stats-table-games-row .stats-table-games-col-result-1-content { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; width: 100%; height: 100%;}.stats-table-games-row .stats-table-games-col-result-1-content > * + * { margin-left: 0.5rem;}.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 { width: 10rem;}.stats-table-games-row .stats-table-games-col-result-2-content { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; height: 100%;}.stats-table-games-row .stats-table-games-col-result-2-content > * + * { margin-left: 0.5rem;}.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-wrapper { max-width: calc(100% - 81rem);}.stats-table-games-row .stats-table-games-col-opponent { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; width: 100%; height: 100%; color: #eee; font-size: 2rem; overflow: hidden; text-overflow: ellipsis;}.stats-table-games-row .stats-table-games-col-opponent > * + * { margin-left: 1rem;}.stats-table-handicap { display: inline-flex; flex-direction: row; align-items: center; justify-content: center;}.stats-table-handicap-player,.stats-table-handicap-opponent { display: inline-block; white-space: nowrap; color: #33ff33; font-size: 1.5rem; font-weight: bold; line-height: 1; padding: 0.5rem; padding-top: 0.6rem; background-color: rgba(255, 255, 255, 0.2);}.stats-table-handicap-player[data-handicap="0"],.stats-table-handicap-opponent[data-handicap="0"] { display: none !important;}.stats-table-handicap-player { padding-left: 0.6rem; padding-right: 1.1rem; clip-path: polygon(100% 50%, calc(100% - 1rem) 0%, 0% 0%, 0% 100%, calc(100% - 1rem) 100%); margin-right: 0.5rem;}.stats-table-handicap-opponent { padding-left: 1rem; padding-right: 0.7rem; clip-path: polygon(0% 50%, 1rem 0%, 100% 0%, 100% 100%, 1rem 100%); margin-left: 0.5rem;}.stats-table-games-row .stats-table-games-col-opponent small { font-size: 1.2rem;}.stats-table-games-row .stats-table-games-col-opponent .stats-table-opponent { 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"] #loadingIndicator:after,html[data-theme="red"] .loadingIndicator: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"] #loadingIndicator:after,html[data-theme="orange"] .loadingIndicator: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"] #loadingIndicator:after,html[data-theme="yellow"] .loadingIndicator: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"] #loadingIndicator:after,html[data-theme="green"] .loadingIndicator: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"] #loadingIndicator:after,html[data-theme="blue"] .loadingIndicator: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"] #loadingIndicator:after,html[data-theme="violet"] .loadingIndicator: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"] #loadingIndicator:after,html[data-theme="pink"] .loadingIndicator: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:not(.hasMatchTimer) #floatingReset { opacity: 1; pointer-events: all; transform: translate(-50%, -50%) rotate(0deg);}#matchTimer { 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: 20rem; color: #fff; font-size: 3rem; font-weight: bold; z-index: 2000009; /* clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%); */ border-radius: 100%; transition: all 0.4s; opacity: 0; pointer-events: none; overflow: hidden;}#main.isMatchTimerClose #matchTimer { background-color: #ffcc00; color: #000;}#main.isMatchTimerOverdue #matchTimer { background-color: #ff0055; color: #fff;}#matchTimer>* { z-index: 2;}#matchTimer:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100%; background-color: rgba(255, 255, 255, 0.2); border: 2rem solid rgba(0, 0, 0, 0.5); z-index: 0;}#matchTimer:before { content: ''; position: absolute; left: calc(50% - 1rem); top: 1rem; height: 2rem; width: 2rem; background-color: #000; transform-origin: center 9rem; transform: rotate(var(--match-timer-rotation, 0deg)); transition: transform 0.5s, background-color 0.4s; z-index: 1; border-radius: 100%;}#main.isMatchTimerOverdue #matchTimer:before { background-color: #fff;}#matchTimer.disableTransition:before { transition: transform 0s, background-color 0.4s;}#main.hasMatchTimer #matchTimer { opacity: 1; pointer-events: all; transform: translate(-50%, -50%) rotate(0deg);}#main.floatingReset.has-alternating-break[data-breaking-player="0"] #floatingReset,#main.hasMatchTimer.has-alternating-break[data-breaking-player="0"] #matchTimer { 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: 400; 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: 400; 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: 400; 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: 400; 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: 400; 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.preventClose .chmNotification-close { display: none !important;}.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"] #main.hasMatchTimer.isMatchTimerClose #spielerNamen { background: linear-gradient(to bottom, #ffcc00 0%, #ffcc00 6rem, rgba(0, 0, 0, 0.7) 6rem, rgba(0, 0, 0, 0.7) 100%);}html[data-battle-mode="yes"] #main.hasMatchTimer.isMatchTimerOverdue #spielerNamen { background: linear-gradient(to bottom, #ff0055 0%, #ff0055 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: #ffffff; 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;}.color-green { color: #33ff33;}.color-gray { color: #aaa;}.text-large { font-size: 1.5em;}.chmLockOverlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.9); display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; font-size: 4rem; font-weight: 400; text-align: center; padding: 2rem; box-sizing: border-box; z-index: 9000100; pointer-events: none; opacity: 0; transition: opacity 0.3s;}.chmLockOverlay i { font-size: 20rem; margin-bottom: 10rem; color: var(--primaryColor);}html[data-has-multiple-tabs="yes"] .chmLockOverlay { pointer-events: all; opacity: 1;} .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);}