:root{--reset-button-bg-color: #e74c3c;--reset-button-hover-bg-color: #c0392b}*{max-width:none;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}s-page{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;overflow:hidden}#main{font-family:Arial,sans-serif;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;margin:0;flex:1}#top-loading{position:fixed;top:0;bottom:0;left:0;right:0;width:100%}#top-bar,#main{visibility:hidden}h1{margin:20px 0}.form-group{margin:5px}#setup{min-width:60%;min-height:30%;padding:10px}#setup>div{margin:5px;padding:5px;flex:1}#setup-list{display:flex;flex-direction:column}#playerListGroup{flex:1}s-text-field{display:grid}#serveRule{display:block;width:280px}#playerListTitle{margin:10px}.player-list ul,#playerScoreList,#matchOrderList,#historyList{list-style:none;padding:0}.player-list li,#playerScoreList li,#matchOrderList li,#historyList li{margin:5px 0}.score-button{padding:20px 30px;font-size:24px}.reset-button{width:100%;background-color:var(--reset-button-bg-color);color:var(--primary-text-color)}.reset-button:hover{background-color:var(--reset-button-hover-bg-color)}label{font-size:18px;margin-bottom:10px}#gameBoardWrapper{width:100%;height:100%;display:flex;flex-direction:column}#gameBoardWrapper:not(.active){display:none}#gameBoard{flex:1}#gameBoard>*{height:100%;padding:10px}#gameBoard>*:not(.active){display:none}#gameBoard>div>div{margin:5px}.responsive-flexbox{display:flex;flex-direction:row}@media screen and (max-width: 800px){.responsive-flexbox{flex-direction:column}}#board-score>div{display:flex;flex-direction:column}#playerScores,#currentMatchContainer,#matchOrderContainer,#matchHistory{display:flex;flex-direction:column;padding:5px;border-radius:12px;overflow-y:auto}#currentMatch,#playerScoreList,#historyList,#matchOrderList{flex:1}h2{margin-top:0}@media screen and (min-width: 800px){#currentMatchContainer{width:60%}#playerScores{width:40%}}#currentMatch{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}#currentMatch .player{min-width:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px;padding:10px}#currentMatch .player>*{margin:10px}#currentMatch .player>.playerName,#playerScoreList>li>.playerName{font-weight:700;color:var(--s-color-secondary);font-size:x-large}#currentMatch .player>.playerScore{padding:30px 20px;min-width:140px;min-height:160px;display:flex;font-size:xx-large;justify-content:center;align-items:center;box-shadow:var(--s-elevation-level1);border-radius:12px}#currentMatch .player>.playerTags{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:40px}#currentMatch .player>.playerTags>*:not(.active){display:none}#result{color:var(--s-color-primary);min-height:40px}#playerScoreList>li{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:5px}#playerScoreList>li:not(:last-child){border-bottom:var(--s-color-surface-variant) solid 1px}#playerScoreList>li>.playerScore{font-size:x-large;color:var(--s-color-primary)}#tooltips{position:fixed;width:0;height:0}.undo-button{display:flex;align-items:center;justify-content:center;width:65px;height:40px;padding:0;border-radius:8px!important;margin-top:8px}.undo-button span{flex:1;text-align:center;white-space:nowrap}.result-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-bottom:20px}#result{margin:0 0 4px}s-page,#page{--s-color-scrim: #000000;--s-color-primary: #00687b;--s-color-on-primary: #ffffff;--s-color-primary-container: #aeecff;--s-color-on-primary-container: #001f26;--s-color-secondary: #4b6269;--s-color-on-secondary: #ffffff;--s-color-secondary-container: #cee7ef;--s-color-on-secondary-container: #061f25;--s-color-tertiary: #575c7e;--s-color-on-tertiary: #ffffff;--s-color-tertiary-container: #dee1ff;--s-color-on-tertiary-container: #141937;--s-color-error: #ba1a1a;--s-color-on-error: #ffffff;--s-color-error-container: #ffdad6;--s-color-on-error-container: #410002;--s-color-background: #fbfcfe;--s-color-on-background: #191c1d;--s-color-outline: #70797c;--s-color-outline-variant: #bfc8cb;--s-color-surface: #fbfcfe;--s-color-on-surface: #191c1d;--s-color-surface-variant: #dbe4e7;--s-color-on-surface-variant: #3f484b;--s-color-inverse-surface: #2e3132;--s-color-inverse-on-surface: #eff1f2;--s-color-inverse-primary: #56d6f5;--s-color-surface-container: #eceeef;--s-color-surface-container-high: #f2f4f5;--s-color-surface-container-highest: #ffffff;--s-color-surface-container-low: #e6e8e9;--s-color-surface-container-lowest: #e1e3e4;--s-color-dark-primary: #56d6f5;--s-color-dark-on-primary: #003641;--s-color-dark-primary-container: #004e5d;--s-color-dark-on-primary-container: #aeecff;--s-color-dark-secondary: #b2cbd3;--s-color-dark-on-secondary: #1d343a;--s-color-dark-secondary-container: #344a51;--s-color-dark-on-secondary-container: #cee7ef;--s-color-dark-tertiary: #bfc4eb;--s-color-dark-on-tertiary: #292e4d;--s-color-dark-tertiary-container: #3f4565;--s-color-dark-on-tertiary-container: #dee1ff;--s-color-dark-error: #ffb4ab;--s-color-dark-on-error: #690005;--s-color-dark-error-container: #93000a;--s-color-dark-on-error-container: #ffb4ab;--s-color-dark-background: #191c1d;--s-color-dark-on-background: #e1e3e4;--s-color-dark-outline: #899295;--s-color-dark-outline-variant: #3f484b;--s-color-dark-surface: #191c1d;--s-color-dark-on-surface: #e1e3e4;--s-color-dark-surface-variant: #3f484b;--s-color-dark-on-surface-variant: #bfc8cb;--s-color-dark-inverse-surface: #e1e3e4;--s-color-dark-inverse-on-surface: #2e3132;--s-color-dark-inverse-primary: #00687b;--s-color-dark-surface-container: #1d2021;--s-color-dark-surface-container-high: #272a2c;--s-color-dark-surface-container-highest: #323536;--s-color-dark-surface-container-low: #191c1d;--s-color-dark-surface-container-lowest: #0b0f10;--s-elevation-level1: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);--s-elevation-level2: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);--s-elevation-level3: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);--s-elevation-level4: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);--s-elevation-level5: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)}