*{margin:0;padding:0;font-family:Roboto,sans-serif;box-sizing:border-box;-webkit-user-select:none;user-select:none}p{text-transform:uppercase;color:#2f2f2f;font-weight:600;font-size:12px;width:100%}section{display:flex;flex-direction:column;gap:10px;width:100%;flex-grow:1;overflow-x:hidden}html,body{overscroll-behavior-y:contain;height:100dvh;width:100vw;margin:0;padding:0;touch-action:manipulation;-webkit-text-size-adjust:none;text-size-adjust:none}.app{display:flex;flex-direction:column;justify-content:space-between;height:100vh;gap:10px;background-color:#f2f2f2}footer{display:flex;justify-content:center;background-color:#1e3888;color:#fffdf7;font-size:20px;font-weight:800;width:100%}.icon{background-color:#1e3888;display:flex;justify-content:center;flex-grow:1;padding:20px 10px;font-size:20px;color:inherit;text-decoration:none}.icon.active{background-color:#182b68;box-shadow:inset 0 0 10px #00000040}header{display:flex;justify-content:center;background-color:#1e3888;color:#fffdf7;font-size:20px;font-weight:800;padding:20px 10px;width:100%;text-transform:uppercase}.buttons_container{padding:0 10px;display:flex;gap:10px;width:100%}.buttons_container:last-child{padding:0 10px 10px}.button{display:flex;justify-content:center;align-items:center;width:100%;padding:14px 20px;font-size:16px;font-weight:600;text-transform:uppercase;border-radius:5px;background-color:#1e3888;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 4px #0000001a;flex:1 1}.button:hover{background-color:#1e3888f2}.button--variant--secondary{background-color:#fff;color:#2f2f2f}.button--variant--secondary:hover{background-color:#fafafa}.button--variant--remove{width:40px;height:40px;background-color:#fff;color:#c92d3c}.button--variant--remove:hover{background-color:#fafafa}.button--variant--add{width:40px;height:40px;background-color:#1e3888;color:#fff}.button--variant--add:hover{background-color:#1e3888f2}.button--size--small{margin-top:10px;padding:8px 16px;font-size:12px}main.tournament-board{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;padding:0 10px;gap:10px;overflow:auto}.tournament{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;background-color:#fff;border-radius:5px;box-shadow:0 4px 4px #0000001a;padding:10px;gap:5px;color:#2f2f2f;z-index:2}.tournament__row{display:flex;flex:1;width:100%;justify-content:space-between;gap:2px}.tournament__row--row{flex-direction:row}.tournament__row--column{flex-direction:column}.tournament__date{font-size:12px;font-weight:400}.tournament__name{font-size:20px;font-weight:800;text-transform:uppercase}.tournament__players{font-size:14px;text-transform:uppercase}.tournament__winner{display:flex;align-items:center;gap:5px;text-transform:uppercase;font-weight:600;font-size:14px}.tournament__winner>div{color:#db9634}.tournament--options{position:absolute;width:50%;background-color:#df3950;height:100%;top:0;right:0;bottom:0;border-radius:5px;z-index:0}.tournament--options:after{font-family:"Font Awesome 6 Free";content:"";color:#fff;position:absolute;right:0;font-size:22px;transform:translate(-135%,135%)}.swipable{position:relative;width:100%}main.matches-board{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;padding:0 10px;gap:10px;overflow:auto}.match{display:flex;flex-direction:column;align-items:center;width:100%;background-color:#fff;border-radius:5px;box-shadow:0 4px 4px #0000001a;padding:10px 20px 20px;gap:5px;color:#2f2f2f}.match__row{display:flex;gap:10px;width:100%;text-transform:uppercase;font-size:16px;font-weight:600}.match__info{font-size:12px;color:#585858}.match__home_player,.match__away_player{width:100%;text-align:center}.match__home_player{text-align:right}.match__away_player{text-align:left}.match__vs{font-size:12px;display:flex;align-items:center;justify-content:center;color:#585858}.match__games{display:flex;justify-content:space-around;width:100%}.match__game{display:flex;flex-direction:column;align-items:center}.match__game--number{font-size:12px;font-weight:600}.match__game--score{font-size:12px}main.games-board{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;padding:1px 10px;gap:10px;overflow:auto}.bookmark{font-size:14px;font-weight:600;color:#2f2f2f;margin-top:10px;width:100%}.bookmark:first-of-type{margin-top:0}.game{display:flex;flex-direction:column;align-items:center;width:100%;background-color:#fff;border-radius:5px;box-shadow:0 4px 4px #0000001a;padding:10px 10px 20px;gap:5px;color:#2f2f2f}.game__input{width:100%;display:flex;gap:10px;justify-content:center}.game__input__points{width:50px;font-size:32px;text-align:center;border:1px solid #d3d3d3;border-radius:5px;outline:none}.game__row{display:flex;justify-content:center;gap:10px;width:100%;text-transform:uppercase;font-weight:600}.game__date,.game__options{font-size:12px;color:#585858}.game__date{text-align:left;flex-grow:1}.game__options{text-align:right;width:14px;cursor:pointer}.game__home_player_points,.game__away_player_points{font-size:32px}.game__home_player_points{text-align:right}.game__away_player_points{text-align:left}.game__vs{font-size:12px;display:flex;align-items:center;justify-content:center;color:#585858}.game__number{font-size:14px;font-weight:600}.game--ongoing{padding:10px}.game--selected{padding-bottom:10px}main.leader-board{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;padding:0 10px;gap:10px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-transform:uppercase;text-align:center;padding:15px 5px;width:50px}td{font-size:14px}th.left,td.left{text-align:left;width:auto}th{background-color:#fff}tr:nth-child(2n){background-color:#fff}tr:nth-child(odd){background-color:#eee}th:first-child{border-top-left-radius:5px}th:last-child{border-top-right-radius:5px}tr:last-child td:first-child{border-bottom-left-radius:5px}tr:last-child td:last-child{border-bottom-right-radius:5px}main.add-board{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;padding:0 10px;gap:20px;overflow:auto}.add-board__row{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.add-board__row--title{text-transform:uppercase;width:100%;font-size:12px;font-weight:500;color:#2f2f2f}.add-board__row--body{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%}.add-board__players-list{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%}.add-board__player{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%}.add-board__player--name{width:100%;height:40px;padding:10px;box-sizing:border-box;font-size:16px;border:0;border-radius:5px;text-align:left;font-weight:400;background-color:#fff;flex-grow:1}.add-board__sets{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.add-board__sets--input{width:60px;height:40px;padding:10px;box-sizing:border-box;font-size:16px;border:0;border-radius:5px;text-align:center;font-weight:400;background-color:#fff;cursor:pointer}.add-board__sets--input[data-checked=true]{background-color:#1e3888;color:#fff}input[type=text]{width:100%;padding:10px;box-sizing:border-box;font-size:16px;border:0;border-radius:5px;text-align:left;font-weight:400;flex-grow:1;height:40px}input[type=text]:focus{outline:none}