@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.quadrant{background-size:cover;display:flex;flex-wrap:wrap;height:300px;height:calc(var(--cell-size)*3);position:relative;width:300px;width:calc(var(--cell-size)*3)}.cell{border:0 solid #ccc;box-sizing:border-box;height:100px;width:100px}:root{--cell-size:100px}.quadrant-wrapper{position:relative}.marbles-container{display:flex;flex-wrap:wrap;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.arrows{position:absolute;-webkit-user-select:none;user-select:none}.arrow{cursor:pointer;font-size:calc(var(--cell-size)/2);margin:0}.arrows-quadrant-1 .arrow-cw{left:calc(50% - var(--cell-size)/4);top:calc(var(--cell-size)*-1.4/2)}.arrows-quadrant-1 .arrow-ccw,.arrows-quadrant-1 .arrow-cw{position:absolute;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.arrows-quadrant-1 .arrow-ccw{left:calc(var(--cell-size)*-1.2/2);top:calc(50% - var(--cell-size)/4)}.arrows-quadrant-2 .arrow-ccw{right:calc(50% - var(--cell-size)/4);top:calc(var(--cell-size)*-1.4/2)}.arrows-quadrant-2 .arrow-ccw,.arrows-quadrant-2 .arrow-cw{position:absolute;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.arrows-quadrant-2 .arrow-cw{right:calc(var(--cell-size)*-1.2/2);top:calc(50% - var(--cell-size)/4)}.arrows-quadrant-3 .arrow-ccw{bottom:calc(var(--cell-size)*-1.4/2);left:calc(50% - var(--cell-size)/4)}.arrows-quadrant-3 .arrow-ccw,.arrows-quadrant-3 .arrow-cw{position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.arrows-quadrant-3 .arrow-cw{bottom:calc(50% - var(--cell-size)/4);left:calc(var(--cell-size)*-1.2/2)}.arrows-quadrant-4 .arrow-cw{bottom:calc(var(--cell-size)*-1.4/2);right:calc(50% - var(--cell-size)/4)}.arrows-quadrant-4 .arrow-ccw,.arrows-quadrant-4 .arrow-cw{position:absolute;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.arrows-quadrant-4 .arrow-ccw{bottom:calc(50% - var(--cell-size)/4);right:calc(var(--cell-size)*-1.2/2)}.arrow-ccw{position:absolute;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.arrow-cw{position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.arrow.hovered{background-color:initial;color:#145fec;font-size:calc(var(--cell-size)/1.8)}.cell{height:var(--cell-size);position:relative;width:var(--cell-size);z-index:1}.marble{border-radius:50%;box-sizing:border-box;height:60%;left:20%;position:absolute;top:20%;width:60%}.marble-black{background-color:#000}.marble-white{background-color:#fff}.hovered{background-color:rgba(20,24,73,.664)}.game-board{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);padding:50px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.topbar{align-items:center;background-color:#000;display:flex;font-size:110%;height:9vh;justify-content:space-between;position:relative;width:100%}.logo{height:100%;object-fit:contain;padding:10px}.nav-links li.active:after,.nav-links li.active:before,.nav-links li:hover:after,.nav-links li:hover:before{background-color:#166bb1;box-shadow:0 0 0 1px #1f81dd;content:"";height:100%;position:absolute;z-index:1}.nav-links li.active:before,.nav-links li:hover:before{left:0}.nav-links li.active:after,.nav-links li:hover:after{right:0}.nav-links .light-source-effect:after,.nav-links .light-source-effect:before{content:"";height:100%;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s;width:100%}.nav-links .light-source-effect:before{background-image:radial-gradient(circle at top left,#103c8f 1%,transparent 50%)}.nav-links .light-source-effect:after{background-image:radial-gradient(circle at bottom right,#103c8f 1%,transparent 50%)}.nav-links .light-source-effect.active:after,.nav-links .light-source-effect.active:before{opacity:1}.light-source-effect{align-items:center;justify-content:center;padding:0;position:relative}.auth-links,.light-source-effect,.nav-links{display:flex;height:100%}.auth-links ul,.nav-links ul{align-items:center;display:flex;height:100%;list-style-type:none;margin:0;padding:0}.nav-links li{flex-grow:1;flex-shrink:1}.auth-links li,.nav-links li{align-items:center;display:flex;height:100%;justify-content:center;padding:0;position:relative}.nav-links a{padding:16px 30px}.auth-links a,.nav-links a{color:#fff;display:block;position:relative;text-align:center;text-decoration:none;z-index:1}.auth-links a{padding:16px 30px 16px 15px}.username-wrapper{align-items:center;display:flex;padding:20px;position:relative}.username-wrapper:before{content:"";height:5px;left:0;position:absolute;right:0;top:100%;z-index:1}.login-icon{height:40px;object-fit:contain}.user-dropdown{align-items:center;cursor:pointer;display:flex;justify-content:center}.dropdown-wrapper{position:absolute;right:0;top:100%}.dropdown-content{background-color:rgba(0,0,0,.85);display:none;flex-direction:column;min-width:200px;position:absolute;right:0;z-index:1}.dropdown-content a{color:#fff;display:block;padding:20px 0;text-decoration:none;transition:background-color .3s,color .3s}.dropdown-content a:hover{background-color:hsla(0,0%,100%,.3)}.user-dropdown:hover .dropdown-content{display:flex}.mobile-logout{display:none}@media screen and (max-width:600px){.mobile-logout{display:flex}}.homeContainer{padding:0 5% 5%}.homeContainer section{align-items:center;display:flex;flex-direction:column;justify-content:center}.welcomeSection h1{font-size:60px}@media screen and (max-width:600px){.welcomeSection h1{font-size:40px}}*{box-sizing:border-box}body,html{color:#fff;font-family:Montserrat,sans-serif;height:100%;margin:0;padding:0;width:100%}.app{display:flex;flex-direction:column;min-height:100vh}.content{flex-grow:1;height:91vh}body{background-attachment:fixed;background-color:#312f31}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:initial}:hover::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:3px}*{scrollbar-color:transparent #f5f5f5;scrollbar-width:6px}:hover{scrollbar-color:#c1c1c1 #f5f5f5}button{background-color:#103c8f;border:none;border-radius:7px;color:#fff;cursor:pointer;padding:13px 20px;transition:background-color .4s}button:hover{background-color:#1f75c3}.centerHome{flex-direction:column}.centerHome,.login-page{align-items:center;display:flex;justify-content:center}.login-page{background-color:#161616;border-radius:5px;height:400px;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:500px}.login-page h2{padding:5px}.login-unit input{font-size:14px;margin-left:5px}.login-unit{padding-bottom:30px}.signup-page{align-items:center;background-color:#161616;border-radius:5px;display:flex;height:400px;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:500px}.signup-page h2{padding:5px}.chat-container{background-color:#1a1919;border-radius:0;display:flex;flex-direction:row;justify-content:space-between;padding:0;position:relative;transition:width .1s ease-in-out}.chat-container.visible{width:20%}.chat-container.hidden{width:0}.chat-wrapper{display:flex;flex-direction:column;flex-grow:1;height:100%;width:100%}.chat-area{border:0 solid #ccc;border-radius:20px;box-sizing:border-box;flex-grow:1;margin-bottom:0;overflow-y:scroll;padding:25px 25px 10px;word-break:break-word}.send-message-container{gap:10px;justify-content:flex-end;padding:5px}.chatbox-divider,.send-message-container{align-items:center;background-color:#000;display:flex}.chatbox-divider{cursor:pointer;flex-shrink:0;position:relative;width:40px}.chatbox-divider.left:hover,.chatbox-divider.right:hover{background-color:#0e0e0e}.chatbox-divider:before{border-bottom:10px solid transparent;border-top:10px solid transparent;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0}.chatbox-divider.left:before{border-right:10px solid #fff}.chatbox-divider.right:before{border-left:10px solid #fff;border-right:10px solid transparent;left:65%}.send-message-container input{background-color:#000;border:1px solid #ccc;border-radius:3px;color:#fff;flex-grow:1;padding:5px}.sendArrow{cursor:pointer;height:40px;object-fit:contain;padding:10px}.lobby-container{display:flex;height:100%;justify-content:space-between}.middle-container{align-items:center;overflow-x:hidden;width:50%}.middle-container,.middle-content{display:flex;flex-direction:column}.middle-content{height:100%;width:100%}.middle-wrapper{display:flex;flex-direction:column;height:100%;overflow-y:hidden}.user-list-wrapper{overflow-y:auto;padding-bottom:0;position:relative}.user-list-wrapper:after{background-image:linear-gradient(180deg,hsla(0,0%,100%,0),#312f31);bottom:0;content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0}.user-list{height:100%;list-style-type:none;margin:0 auto;max-width:75%;min-width:200px;padding:0}.user-list,.user-list:hover{overflow-y:auto}.user-list li{align-items:center;background-color:#000;border-bottom:2px solid transparent;border-radius:7px;border-top:2px solid transparent;cursor:pointer;display:flex;justify-content:space-between;margin:4px;min-height:50px;overflow:hidden;padding:7px 30px 7px 7px;position:relative;text-align:center}#empty-item{background-color:initial;cursor:auto;height:100px}#empty-item:hover{background-image:none;border-image:none}.user-list li:hover{background-image:radial-gradient(circle at center,rgba(31,117,195,.5) 0,transparent 30%);background-size:200% 200%;border-image:linear-gradient(270deg,#1f75c3,transparent) 1}.user-wrapper{align-items:center;display:flex}.icon{height:70px;object-fit:contain;padding:10px}.button-container-wrapper{align-items:center;display:flex;flex-direction:column;flex-shrink:0;height:23%;justify-content:flex-start;min-height:150px;padding-bottom:15px}.button-container-wrapper h1{flex-shrink:0}@-webkit-keyframes moving-light{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes moving-light{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.button-container{align-items:center;background-color:#131213;border-radius:5px;display:flex;flex-direction:column;flex-direction:row;flex-grow:1;gap:10px;height:80%;justify-content:center;opacity:.5;padding:20px;width:73%}.incoming-challenge-container{align-items:center;display:flex;justify-content:space-between;width:100%}.incoming-challenge-container button{background-color:#1f75c3}.incoming-challenge-container button:hover{background-color:#103c8f}.challenge-buttons button{background-color:#1f75c3}.challenge-buttons button:hover{background-color:#103c8f}.challenge-buttons button.reject-button{background-color:#000}.button-container.challenge-active{-webkit-animation:moving-light 3s linear infinite;animation:moving-light 3s linear infinite;background-image:radial-gradient(circle at center,rgba(31,117,195,.5) 0,transparent 100%);background-size:200% 200%;border:1px solid #1f75c3;opacity:1}.lobby-container button.reject-button{background-color:#000}.challenge-buttons{display:flex;gap:10px}.right-container{align-items:center;background-color:#1a1919;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:10px 10px 10px 30px;width:25%}@media screen and (max-width:600px){.user-list li{overflow-x:scroll;overflow:auto}}:root{--hover-color:#3098f8}.fixed-size-button img{height:50%;width:50%}.choose-time-wrapper{align-items:center;display:flex;gap:7px}.choose-time-wrapper .fixed-size-button{color:#fff;height:50px;padding:0;width:50px}.choose-time-wrapper .fixed-size-button.color0:hover,.choose-time-wrapper .fixed-size-button.color1:hover,.choose-time-wrapper .fixed-size-button.color2:hover,.choose-time-wrapper .fixed-size-button.color3:hover,.choose-time-wrapper .fixed-size-button.color4:hover,.choose-time-wrapper .fixed-size-button.color5:hover,.choose-time-wrapper .fixed-size-button.color6:hover{background-color:#3098f8;background-color:var(--hover-color)}.choose-time-wrapper .fixed-size-button.color0{background-color:#082e61}.choose-time-wrapper .fixed-size-button.color1{background-color:#0a3c7d}.choose-time-wrapper .fixed-size-button.color2{background-color:#0c4a99}.choose-time-wrapper .fixed-size-button.color3{background-color:#0e58b5}.choose-time-wrapper .fixed-size-button.color4{background-color:#1066d1}.choose-time-wrapper .fixed-size-button.color5{background-color:#1284ed}.choose-time-wrapper .fixed-size-button.color6{background-color:#14a2ff}.user-info{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.user-info .icon{width:100%}.user-info h2{margin:10px 0}.user-info h1{color:#1f75c3;font-size:50px;margin:0}.user-info ul{list-style-type:none;padding:0;width:100%}.user-info .game-info{align-items:center;cursor:pointer;display:grid;grid-template-columns:minmax(40%,40%) minmax(40px,100px) 1fr;margin:5px 0;padding:10px}.user-info .game-info div{grid-column:1}.user-info .game-info img{grid-column:2;justify-self:center}.user-info .game-info span{grid-column:3;justify-self:end}.user-info .game-info:nth-child(odd){background-color:#192939;border-radius:4px}.color-circle{border:5px solid gray;border-radius:50%;display:inline-block;height:50px;margin-left:5px;width:50px}.color-circle.white{background:#fff}.color-circle.black{background:#000}.result-icon{height:30px;object-fit:contain}.big-icon{height:30%;object-fit:contain;padding:30px}@media screen and (max-width:600px){:root{--cell-size:${CELL_SIZE_MOBILE_CSS}}.content{height:auto;width:auto}.lobby-container{flex-direction:column}.chat-container.hidden,.chat-container.visible{width:100%}.chat-area{height:150px}.chatbox-divider{left:-50px;visibility:hidden;width:0}.middle-container{width:100%}.user-list{margin:0;max-height:300px;max-width:100%}.choose-time-wrapper .fixed-size-button{height:30px;width:30px}.right-container{width:100%}.big-icon{max-width:250px}.topbar{overflow:scroll}}.modal-overlay{align-items:flex-start;background:rgba(0,0,0,.85);border-radius:7px;display:flex;height:50vh;justify-content:center;left:50%;opacity:0;padding-top:2em;position:absolute;top:55%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity 2s;width:45vw;z-index:1000}.modal-close{border:none;font-size:1.2em;font-weight:700;position:absolute;right:0;top:0}.modal-close,.modal-close:hover{background:none}.modal-content{text-align:center}.modal-content h1{font-size:2.8em;margin:0 0 5px}.game-result-message{font-size:3em}.game-result-reason{font-size:1.6em;margin-bottom:20px}.player-area{display:flex;justify-content:space-around;padding-top:50px;position:relative;width:100%}.player{width:250px}.player h2{font-size:1.2em;font-style:normal;margin-bottom:0}.player h3{display:flex;flex-direction:column;font-size:2.2em}.rating-increased{color:#09d309}.rating-decreased{color:#b40e0e}.rating-change{font-size:.7em}@media screen and (max-width:600px){.modal-overlay{width:100%}.modal-content h1{font-size:1.3em}.game-result-reason{font-size:1.2em}}.gamepage-container{display:flex;height:91vh;justify-content:space-between}.game-container{justify-content:center;width:50%}.game-container,.game-wrapper{align-items:center;display:flex}.game-wrapper{flex-direction:row;height:100%}.rightside-wrapper{flex-direction:column;height:100%;width:25%}.player-wrapper,.rightside-wrapper{display:flex;justify-content:space-between}.player-wrapper{align-items:center;background:#052a50;border-bottom:3px solid #1f75c3;border-bottom-left-radius:15px;border-left:3px solid #1f75c3;border-top:3px solid #1f75c3;border-top-left-radius:15px;color:#fff;height:55%;position:relative;transition:all 1s;width:75%}.whiteborder{background:#6a696a;border-bottom:3px solid #fff;border-left:3px solid #fff;border-top:3px solid #fff}.blackborder{background:#121112;border-bottom:3px solid #000;border-left:3px solid #000;border-top:3px solid #000}.player-wrapper.active{height:65%;width:100%}.player-wrapper.active .player-time{font-size:50px}.player-time{font-family:"monospace";font-size:35px;height:100%;margin:0;padding-left:5%;padding-right:0;transition:all 1s}.player-details,.player-time{align-items:center;display:flex;justify-content:center;width:50%}.player-details{flex-direction:column;overflow:hidden;padding-left:0}.player-wrapper.active .player-details p:first-child{font-size:22px}.player-details p:first-child{font-size:18px;margin:0;padding:4%}.player-details p:last-child{font-size:20px;margin:0;padding:4%}.player-times-wrapper{align-items:flex-end;display:flex;flex-direction:column;gap:20px;height:35%;justify-content:center}.player-circle-white{background:#fff}.player-circle-black,.player-circle-white{border-radius:50%;display:inline-block;height:30px;margin-left:5px;width:30px}.player-circle-black{background:#000}.player-times-wrapper.reverse{flex-direction:column-reverse}.resign-button{align-self:center;background-color:#000;bottom:0;font-size:15px;margin:15px;padding:15px;position:absolute;right:0}.resign-container{display:flex;height:25%;justify-content:flex-end;width:100%}.rematcharea-wrapper{display:flex;height:25%;justify-content:center;padding:10%}@media screen and (max-width:600px){.gamepage-container{flex-direction:column;height:auto}.game-container,.rightside-wrapper{width:100%}.rematcharea-wrapper{height:100%}.resign-container{height:100px;justify-content:center}.resign-button{position:relative}.player-wrapper.active .player-time{font-size:45px}.player-time{font-size:30px}}.position-item{align-items:center;background-image:linear-gradient(90deg,#181818,#312f31);border-radius:5px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:1px;padding:3px}.position-item:hover{background:#181818}.position-details{align-items:center;display:flex;flex-direction:column;width:90%}.position-details>div{margin-bottom:3px}.win-bar-container{align-items:center;display:flex;justify-content:space-between;width:100%}.win-bars{background-color:#ccc;border-radius:3px;height:10px;overflow:hidden;position:relative;width:80%}.win-bar{border-radius:1px;height:100%;position:absolute}.filter-options{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.filter-container input{font-size:16px}.labeled-input{align-items:left;display:flex;flex-direction:column;gap:10px;padding:5%;width:100%}input{border:none;border-radius:4px;height:35px;outline:none}.upper-filter{align-items:center;display:flex;flex-direction:column}.middle-filter{height:35%}.lower-filter{align-items:center;display:flex;flex-direction:column;height:30%}.filter-options input{background-color:#000;color:#fff}.color-button{background-color:#1f75c3;border:none;color:#fff;margin:0 .5em;transition:background-color .4s}.color-button.active,.color-button:hover{background:#103c8f}.circle{border-radius:50%;display:inline-block;height:1em;width:1em}.white-circle{background-color:#fff}.black-circle{background-color:#000}.rating-range input{width:20%}.consider-symmetrical{align-items:center;display:flex;margin-bottom:20px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.analysis{display:flex;height:100%;justify-content:center}.filter-container{background-color:#141414;position:relative;width:20%}.filter-container,.game-board-container{align-items:center;display:flex;flex-direction:column}.game-board-container{justify-content:center;padding-top:5%;width:50%}.positions-container{align-items:center;display:flex;flex-direction:column;position:relative;width:30%}.next-positions{align-items:stretch;border-radius:5px;display:flex;flex-direction:column;height:90%;max-height:800px;overflow-y:auto;width:80%}.positions-text{align-items:center;font-size:30px;height:10%}.arrow-buttons,.positions-text{display:flex;justify-content:center}.arrow-buttons{gap:10%;overflow:hidden;padding:5%}.arrow-button{background-color:#181818;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:50px;height:50px;justify-content:center;text-align:center;transition:background-color .2s;width:100px}.arrow-button:hover{background-color:#000}@media screen and (max-width:600px){.analysis{flex-direction:column}.filter-container,.game-board-container,.positions-container{width:100%}}.ranking-page{align-items:center;display:flex;flex-direction:column;height:100vh}.ranking-page a{color:inherit;text-decoration:none}.ranking-page button{margin:10px}.ranking-page .games-table td{padding:0}.ranking-user-wrapper{align-items:center;display:flex;padding:8px;position:relative}@media screen and (max-width:600px){.games-table{left:0;width:100%}.ranking-page .games-table td,.ranking-page .games-table th{padding-left:0;padding-right:0}}.game-stats{display:flex;justify-content:space-between;padding-bottom:2%;padding-top:2%;width:60%}.game-stats-wrapper{align-items:center;display:flex;flex-direction:row;position:relative;width:100%}.game-types{display:flex;flex-direction:column;gap:5px;justify-content:space-between;padding:10px 0;width:100%;width:40%}.game-type{align-items:center;background:linear-gradient(90deg,#1b1b1b,transparent);border:3px solid;border-image:linear-gradient(90deg,#000,transparent) 1;border-radius:5px;border-right:none;cursor:pointer;display:flex;height:80px;justify-content:left;margin-right:10px;overflow:hidden;padding:10px 20px;position:relative;transition:background .5s ease}.game-type.selected,.game-type:hover{background:linear-gradient(90deg,#000,transparent)}.pie-chart-container{align-items:center;display:flex;flex-direction:column;padding:5%}.results-label{margin-bottom:10px}.pie-chart{align-items:center;border-radius:50%;box-shadow:0 0 1px rgba(0,0,0,.1);display:flex;height:200px;justify-content:center;position:relative;width:200px}.pie-chart-inner{background:#312f31;border-radius:50%;height:70%;width:70%}.pie-chart-text{color:#fff;font-size:30px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pie-chart-legend{align-items:left;display:flex;flex-direction:column;margin-top:15px}.pie-chart-legend div{align-items:center;display:flex;padding:10px}.legend-dot{border-radius:20%;display:inline-block;height:20px;margin-right:15px;width:20px}.pie-chart-slider{display:flex;overflow-x:hidden;scroll-behavior:smooth;width:60%}.chart-and-legend{align-items:center;display:flex;flex-direction:row;flex-shrink:0;width:100%}@media screen and (max-width:600px){.game-stats{width:100%}.game-stats-wrapper{flex-direction:column}.game-types{width:100%}.chart-and-legend{flex-direction:column}}.games-table{background-color:#202020f3;border-collapse:initial;border-radius:15px;border-spacing:0;color:#fff;margin-bottom:10px;overflow:hidden;width:70%}.games-table th,.games-table thead{background-color:#161616}.games-table td,.games-table th{padding:10px;text-align:center}.games-table tr:hover{background-color:#161616;cursor:pointer}tbody tr:nth-child(2n){background-color:#1a1a1a}.gamelist-username{align-items:center;display:flex}.gamelist-username:hover{font-weight:700}@media screen and (max-width:600px){.games-table{left:0;width:100%}.games-table td,.games-table th{padding:0}}.profile-page{align-items:center;display:flex;flex-direction:column}h2,h3{margin-bottom:20px}.recent-games{max-width:800px;width:100%}.game-pagination{align-items:center;display:flex;justify-content:center;margin-top:10px;padding-bottom:30px}.game-pagination span{margin:0 10px}@media (max-width:480px){.profile-stats{grid-template-columns:1fr}}button:disabled{background-color:#ccc;color:#666}.username-container{align-items:center;display:flex;justify-content:center}.username-container h2{font-size:60px;margin:0}.general-data-container{align-items:center;background-color:#202020;border-radius:7px;display:flex;font-size:20px;gap:10px;height:80px;justify-content:space-between;padding-left:2%;padding-right:2%;width:60%}.general-data-container table{width:100%}.data-item{align-items:center;display:flex;height:100%;justify-content:center}.data-item strong{margin-right:10px}.profile-rating{align-items:center;color:#1f75c3;display:flex;font-size:30px}.profile-rating strong{color:#fff;font-size:20px;margin-right:10px}.profile-icon{height:180px;object-fit:contain;padding:30px}@media screen and (max-width:600px){.profile-page{align-items:flex-start}.general-data-container{display:flex;flex-direction:column;height:auto;padding:10px;width:100%}.profile-icon{height:130px}.extra-icon{display:none}.username-container h2{font-size:18px}}
/*# sourceMappingURL=main.616fbed3.css.map*/