.queue{background-color:var(--container-background);border-radius:15px;color:var(--container-foreground);flex-direction:column;font-size:large;gap:20px;max-width:450px;padding:30px;width:95%}.queue-info{font-size:larger;font-weight:700;margin:0 auto}#countUpTimer{font-family:ChessClock;font-size:70px;margin:0 0 auto;user-select:none}.queue #ping{margin:auto}#hint{align-content:center;height:80px;line-height:2;opacity:1;text-align:center;transition:opacity .75s ease-in-out}#hint.hide{opacity:0}.player-info{background-color:var(--container-background);border-radius:15px;color:var(--container-foreground);display:flex;font-size:large;gap:30px;max-width:650px;padding:20px;text-align:center;width:95%}.player-info-name{font-size:x-large;font-weight:700;margin:auto 0 auto auto;overflow:hidden}.player-info-rating{margin:auto 0}.player-info-total-games{margin:auto auto auto 0}#profileGames{background-color:var(--container-background);border-radius:15px;color:var(--container-foreground);max-width:650px;width:95%}.tab-link{align-items:center;border-radius:15px 15px 0 0;cursor:pointer;display:flex;flex:1;font-size:x-large;font-weight:700;height:50px;justify-content:center}.tab-link:hover{background-color:var(--text-hover)}.tab-link.active{background-color:var(--container-background);color:var(--container-foreground)}.tab-pane{display:none}.tab-pane.active{display:block}#profileGames .scrollable{border:none;height:450px;overflow-x:scroll}.profile-games-row{align-items:center;border-left:2px solid var(--container-foreground);border-radius:10px;border-right:2px solid var(--container-foreground);border-top:2px solid var(--container-foreground);display:flex;line-height:2;min-width:600px;padding:10px;text-align:center;width:100%}.profile-games-row:hover{color:var(--container-foreground)}.profile-games-row div{flex:1;font-size:medium}.profile-games-players{overflow:hidden}.message-container{bottom:40px;position:fixed;right:20px}.message{animation:popup 1s ease-in-out 1;border:2px solid var(--container-foreground);border-radius:15px;gap:10px;margin:10px 0;padding:10px;user-select:none}.message,.message-close-button{background-color:var(--container-background);color:var(--container-foreground)}.message-close-button{border:2px solid var(--container-foreground);border-radius:50%;font-weight:700;height:40px;margin-left:auto;width:40px}@keyframes popup{0%{opacity:0;z-index:-1}to{opacity:1;z-index:1}}.leaderboard{background-color:var(--container-background);border-radius:15px;color:var(--container-foreground);height:100%;line-height:2;max-width:650px;padding:15px;width:100%}.leaderboard-header{display:flex;font-weight:700;width:100%}.leaderboard-header div,.leaderboard-row div{flex:1;font-size:large;overflow:hidden;text-align:center}.leaderboard-row{border-left:2px solid var(--container-foreground);border-radius:15px;border-right:2px solid var(--container-foreground);border-top:2px solid var(--container-foreground);color:var(--container-foreground);display:flex;text-decoration:none;width:100%}.leaderboard-row.owner{background-color:var(--text-hover)}.controls-grid{display:grid;gap:5px;grid-template-columns:repeat(3,1fr);max-width:450px;width:95%}.controls-grid button{aspect-ratio:1/1;border-radius:15%;font-size:x-large}#playVsEngine{font-size:large;height:50px;max-width:450px;width:95%}.game-layout{flex-direction:column;gap:30px;height:100%;width:100%}.chat-layout{background-color:var(--container-background);border-radius:15px;color:var(--container-foreground);flex-direction:column;gap:15px;max-width:500px;order:3;padding:15px;width:95%}#chat .message{background-color:transparent;border:none;padding:0}.chat-input{background:var(--container-foreground);border-radius:10px;display:flex;width:100%}.chat-input input{background:transparent;border:none;border-radius:15px;font-size:large;padding:5px;width:100%}.chat-input input::placeholder{color:var(--input-placeholder)}.chat-input input:focus,.chat-input input:hover{outline:2px solid var(--text-hover)}#chatSend{background-image:url(/images/send.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;border-radius:50%;cursor:pointer;height:40px;margin:auto 5px;width:40px}.board-layout{background-color:var(--container-background);border-radius:15px;color:var(--container-foreground);display:flex;flex-direction:column;max-width:500px;width:95%}.board-layout.flipped{flex-direction:column-reverse}.board-black-miniprofile,.board-white-miniprofile{align-items:center;display:flex;gap:10px;padding:3px;width:100%}.board-miniprofile{font-size:large;font-weight:700;margin:10px 50px 10px 10px;overflow:hidden}.board-miniprofile-rating{font-size:medium;margin-right:auto}.board-miniprofile-clock{font-family:ChessClock;font-size:35px;margin:-5px 10px 5px auto;user-select:none}#board{aspect-ratio:1/1;background-image:url(/images/board.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border:2px solid var(--container-background);cursor:pointer;touch-action:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative}.flipped #board{transform:rotate(180deg)}.flipped #board .piece{transform:translate(var(--x),var(--y)) rotate(-180deg)}#promotionDialog{backdrop-filter:blur(5px);height:100%;position:absolute;user-select:none;width:100%;z-index:10000}.promotion-choice{border:2px solid var(--container-background);transition:background-color .25s ease-in-out}.promotion-choice:hover{background-color:var(--container-background)}.piece{background-image:url(/images/sheet.svg);background-position:calc(var(--col)*20%) calc(var(--row)*100%);background-repeat:no-repeat;background-size:600% 200%;height:12.5%;position:absolute;transform:translate(var(--x),var(--y));user-select:none;width:12.5%;z-index:1}.piece.P{--col:0;--row:0}.piece.N{--col:1;--row:0}.piece.B{--col:2;--row:0}.piece.R{--col:3;--row:0}.piece.Q{--col:4;--row:0}.piece.K{--col:5;--row:0}.piece.p{--col:0;--row:1}.piece.n{--col:1;--row:1}.piece.b{--col:2;--row:1}.piece.r{--col:3;--row:1}.piece.q{--col:4;--row:1}.piece.k{--col:5;--row:1}#selectedSquare{border:5px solid green;border-radius:50%;height:12.5%;position:absolute;transform:translate(var(--x),var(--y));width:12.5%}.move-table-layout{background-color:var(--container-background);border-radius:15px;color:var(--container-foreground);flex-direction:column;gap:15px;max-width:500px;padding:15px;width:95%}.move-table-row{display:flex;gap:10px;line-height:2;width:100%}.move-table-ply{overflow:hidden;width:15%}.move-table-row-san{cursor:pointer;font-weight:700;text-align:start;width:45%}.move-table-row-san:hover{background-color:var(--text-hover)}.current{color:#fff}.move-table-board-controls button{background:none;background-repeat:no-repeat;background-size:contain;border:none;border-radius:50%;cursor:pointer;height:30px;margin:10px;width:30px}#nullMoveBtn{background-image:url(/images/reset.svg)}#nextMoveBtn,#prevMoveBtn{background-image:url(/images/back.svg)}#lastMoveBtn,#nextMoveBtn{transform:scaleX(-1)}#lastMoveBtn{background-image:url(/images/reset.svg)}#flipBoardBtn{background-image:url(/images/flip.svg)}.game-controls{gap:10px;width:100%}.game-controls button{border-radius:15px;line-height:2;width:50%}@media screen and (min-width:1200px){.game-layout{flex-direction:row}.chat-layout{max-width:350px;order:1}.board-layout{order:2}.move-table-layout{max-width:350px;order:3}}:root{--background:#e2d3c4;--foreground:#34211d;--text-hover:#1c6741;--input-background:#b5936e69;--input-placeholder:rgba(73,72,72,.564);--container-background:rgba(37,22,22,.85);--container-foreground:#b5936e;--max-width:1600px}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box;scrollbar-color:var(--container-foreground) var(--container-background)}body{background:var(--background);color:var(--foreground);flex-direction:column;font-family:Ubuntu;height:100vh;width:100%}.site-header{background:var(--container-background);color:var(--container-foreground);height:50px;padding:10px}.site-header-layout{gap:10px;height:100%;margin:auto;max-width:var(--max-width);width:100%}.site-header-logo{font-size:large;font-weight:700}.site-header-nav{font-size:small;overflow-x:hidden}.site-header-profile{font-size:small;font-weight:700;gap:10px;height:100%;margin-left:auto;overflow:hidden}.site-layout{flex-direction:column;gap:20px;margin:auto;max-width:var(--max-width);min-height:calc(100% - 100px);padding:10px;width:100%}.flex{align-items:center;display:flex;justify-content:center}a{color:inherit;cursor:pointer;text-decoration:none}a:hover{color:var(--text-hover)}button{background-color:var(--container-background);border:none;border-radius:15px;color:var(--container-foreground);cursor:pointer;font-weight:700;transition:background-color .75s ease-in-out,color .75s ease-in-out}button:focus,button:hover{background-color:var(--container-foreground);color:var(--container-background);outline:none}.help-text{cursor:help;text-decoration:underline}.help-text:hover{color:var(--text-hover)}.dialog{backdrop-filter:blur(7px);height:100%;left:0;opacity:0;padding:20px;position:fixed;top:0;transition:opacity .75s ease-in-out,z-index .75s ease-out;width:100%;z-index:-1}.dialog.show{opacity:1;z-index:1}.dialog-header{text-align:center}.dialog-layout{background-color:var(--container-background);border-radius:15px;color:var(--container-foreground);flex-direction:column;line-height:2;max-width:450px;padding:20px;text-align:left;width:95%}.dialog-layout p{text-align:center;width:100%}.dialog-header{font-size:x-large;font-weight:700}.dialog-buttons{display:flex;width:100%}.dialog-buttons button{flex:1;line-height:2}.dialog-buttons button,.dialog-close{border-radius:15px;height:40px;margin:10px}.dialog-close{font-weight:700;width:95%}@media screen and (min-width:600px){.dialog-layout{font-size:large}}#confirm{font-size:x-large;height:50px;width:200px}.scrollable{border:2px solid var(--container-foreground);border-radius:15px;font-size:large;height:300px;overflow-y:scroll;padding:10px;width:100%}.difficulty-group{border-color:var(--container-foreground);border-radius:15px;line-height:2;margin:10px auto;padding:5;user-select:none}.difficulty-group label{background-color:var(--container-background);border-radius:5px;color:var(--container-foreground);cursor:pointer;font-size:larger;transition:background-color .75s ease-in-out,color .75s ease-in-out}.difficulty-group input{appearance:none}.difficulty-group label:hover{background-color:var(--container-foreground);color:var(--container-background)}.difficulty-group input:checked+label{background-color:var(--text-hover)}.floating-chessboard{animation:float 200s infinite;background:url(/images/board.svg);filter:blur(2px) grayscale(10%) brightness(85%);height:200%;left:-50%;position:fixed;top:-50%;transform:rotate(15deg) scale(2);width:200%;z-index:-1}#ping{font-size:large;font-weight:700;margin:0 auto 20px 20px}@keyframes float{0%{background-position-x:0;background-position-y:0}50%{background-position-x:50vw;background-position-y:50vh}to{background-position-x:100vw;background-position-y:-100vh}}@media screen and (min-width:500px){.site-header-layout{gap:20px}.site-header-nav,.site-header-profile{font-size:medium}.site-header-logo{font-size:x-large}}@media screen and (min-width:1200px){.floating-chessboard{animation:float 200s infinite}}@font-face{font-family:Ubuntu;src:url(/fonts/UbuntuSans-Regular.woff2) format("woff2")}@font-face{font-family:Ubuntu;font-weight:700;src:url(/fonts/UbuntuSans-Bold.woff2) format("woff2")}@font-face{font-family:ChessClock;src:url(/fonts/JustChessClock-Regular.woff2) format("woff2")}.form{flex-direction:column;gap:20px;width:350px}.form-section{display:flex;flex-direction:column;font-size:large;gap:10px;width:100%}.form-section input{background:var(--input-background);border:none;border-radius:15px;font-size:large;padding:5px;width:100%}.form-section input::placeholder{color:var(--input-placeholder)}.form-section input:focus,.form-section input:hover{outline:2px solid var(--text-hover)}.form-password{background:var(--input-background);border-radius:10px;display:flex}#formPasswordInput,#formPasswordToggle{background-color:transparent}#formPasswordToggle{background-image:url(/images/show.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;border-radius:50%;cursor:pointer;height:30px;margin:auto 10px;width:30px}.form-error{color:red}#serverResponse{font-size:large;width:350px}.form-button{flex-direction:column;text-align:center;width:100%}#formSubmitButton{font-size:large;font-weight:700;height:40px;width:290px}.form small a{color:var(--text-hover)}.about-page{display:flex;flex-direction:column;font-size:larger;gap:10px;max-width:650px;width:100%}.about-page p{margin:0 auto}.about-page h3{margin:20px 0 0}.about-page .a{text-decoration:underline}