:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}*,*:before,*:after{box-sizing:border-box}*{font:inherit;margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,sans-serif;font-size:1rem}.sidebar{position:fixed;top:0;left:0;background-color:#282828;color:#fff;height:100vh;z-index:100;display:none;overflow:hidden;flex-direction:column;border-right:.5px solid #3f3f3f;display:flex;width:0px;transition:width .1s linear}@media (min-width: 992px){.sidebar{width:100px;overflow:visible}}.sidebar--expanded{width:100%}@media (min-width: 992px){.sidebar--expanded{width:25%}}@media (min-width: 1400px){.sidebar--expanded{width:20%}}.sidebar__spinner{width:fit-content;height:fit-content;margin:20px auto}.sidebar__user-section{display:flex;align-items:center;justify-content:center;width:100%;column-gap:15px;margin-top:40px;margin-bottom:70px}.sidebar__user-section--collapsed{flex-direction:column;row-gap:10px}.sidebar__user-icon{font-size:2rem}.sidebar__username{font-weight:700}.sidebar__divider{width:100%;opacity:.2;margin-bottom:10px;opacity:.1}.sidebar__links{display:flex;flex-direction:column;width:100%;row-gap:10px;padding:0 10px}.sidebar__link{display:flex;align-items:center;width:100%;padding:20px;text-decoration:none;color:#fff;column-gap:15px;overflow:hidden}.sidebar__link--active{background-color:#542d92;color:#fff;border-radius:10px}.sidebar__link:hover:not(.sidebar__link--active){cursor:pointer;background-color:#542d92;color:#fff;border-radius:10px}.sidebar__link--collapsed{justify-content:center}.sidebar__link-icon{font-size:1.5rem}.sidebar__header{display:flex;justify-content:center;align-items:center;width:100%;padding-top:20px}.sidebar__header-piece{width:72px}.sidebar__trigger{position:fixed;top:10px;left:10px}@media (min-width: 992px){.sidebar__trigger{position:absolute;top:60px;right:-17px!important;left:auto}}.sidebar__trigger--close{left:auto;right:15px}.sidebar-background{position:fixed;width:100vw;height:100vh;background-color:#000;opacity:.6;z-index:90}.sidebar-layout{width:100vw;height:100vh;display:flex}.sidebar-layout__main-content{width:100%;height:100%;flex-grow:1;background-color:#121212;color:#fff;overflow-y:auto}@media (min-width: 992px){.sidebar-layout__main-content{margin-left:100px}}.sidebar-layout__spinner{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.spinner{border-radius:50%;border:5px solid #3f3f3f;border-top-color:#805fad;height:40px;width:40px;animation:1s infinite normal spinner-rotation;animation-timing-function:linear}@keyframes spinner-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-button{display:flex;align-items:center;justify-content:center;flex-direction:column;row-gap:10px}.icon-button>button{background-color:#542d92;color:#fff;border:1px solid #542d92;border-radius:50%;aspect-ratio:1/1;font-size:1rem;display:flex;align-items:center;justify-content:center;row-gap:2px;padding:10px}.icon-button>button:hover{filter:brightness(80%);cursor:pointer}.icon-button>button:disabled{opacity:.5;cursor:default}.icon-button--grey>button{background-color:gray;border-color:gray;color:#fff}.icon-button__label{font-size:.75rem}.icon-button__icon{aspect-ratio:1/1}.game-page{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.game-page__game{display:flex;align-items:center;justify-content:center;z-index:1;width:90%;height:90%}.game-page__game--blur{filter:blur(7px)}.game-page__init-options{position:absolute;z-index:2;display:flex;justify-content:center;flex-direction:column;row-gap:15px}.game-page__init-options>.button{font-size:1.5rem}.game-page__spinner,.game-page__error{position:absolute;padding:0 10px;z-index:2}.create-game-form{display:flex;row-gap:10px;align-items:center;flex-direction:column;width:100%}.select{width:100%}.select__label{display:flex;row-gap:10px;flex-direction:column}.select__element-wrapper{position:relative;width:100%}.select__element{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:1rem;background-color:#282828;color:#fff;border:2px solid #3f3f3f;border-radius:4px;width:100%}.select__element:focus{border-color:#542d92;border-width:2.5px;outline:none}.select__element:disabled{background-color:#3f3f3f;opacity:.5}.select__element--error{border-color:#be2332}.select__element:hover{cursor:pointer}.select__arrow{position:absolute;right:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;pointer-events:none}.select__error{color:#be2332}.button{color:#fff;border-width:1px;border-style:solid;border-radius:4px;font-size:1rem;display:flex;align-items:center;justify-content:center;background-color:#542d92;border-color:#542d92;padding:1rem}.button__icon{margin-right:.5rem;font-size:1.2em}.button:hover{background-color:#3c1384;border-color:#3c1384;cursor:pointer}.button:disabled{background-color:#805fad;border-color:#805fad;opacity:.5;cursor:default}.alert{padding:20px;border-width:2px;border-radius:4px;border-style:solid;display:flex;column-gap:10px;align-items:center;font-size:1rem;width:100%}.alert--info{background-color:#542d92;border-color:#542d92;color:#fff}.alert--success{background-color:#55883b;border-color:#55883b;color:#fff}.alert--error{background-color:#be2332;border-color:#be2332;color:#fff}.alert--warning{background-color:#e8b326;border-color:#e8b326;color:#202020}.alert__icon{font-size:2em}.input{width:100%}.input__label{display:flex;justify-content:center;flex-direction:column;row-gap:10px;width:100%}.input__element{padding:1rem;background-color:#282828;color:#fff;border:2px solid #3f3f3f;border-radius:4px;width:100%}.input__element:focus{border-color:#542d92;border-width:2.5px;outline:none}.input__element:disabled{background-color:#3f3f3f;opacity:.5}.input__element--error{border-color:#be2332}.input__error{color:#be2332}.join-game-form{display:flex;flex-direction:column;row-gap:15px;width:100%}.waiting-room{width:100%;display:flex;flex-direction:column;row-gap:15px}.waiting-room__section-title{font-weight:700}.waiting-room__game-id-section{display:flex;justify-content:space-between;padding:15px;width:100%;border:1px solid #3f3f3f;background-color:#3f3f3f;border-radius:4px}.waiting-room__game-id-section-copy:hover{cursor:pointer;color:#805fad}.waiting-room__players{display:flex;flex-direction:column;row-gap:10px}.waiting-room__player{display:flex;padding:15px;border:1px solid #3f3f3f;border-radius:4px;width:100%;row-gap:10px;column-gap:10px;align-items:center}.waiting-room__current-player-indicator{font-style:italic}.game{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:10px}@media (orientation: landscape){.game{height:100%}}@media (orientation: portrait){.game{width:100%}}.game__board{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;min-width:0}.game__player{display:flex;justify-content:space-between;width:100%;align-items:center}@media (orientation: landscape){.game__player{padding:0 65px}}.game__player-info{display:flex;column-gap:10px}.game__player-name{font-size:1rem;font-weight:700}.game__player-timer{padding:10px;font-size:1.5rem;background-color:#3f3f3f;border:1px solid #3f3f3f;color:#fff;border-radius:7px}.game__player-timer--active{border-color:#805fad;background-color:#805fad;color:#fff}.game__end-game-options{display:flex;justify-content:center}@media (orientation: landscape){.game__end-game-options{flex-direction:column;position:absolute;right:-10px;row-gap:30px}}@media (orientation: portrait){.game__end-game-options{position:relative;flex-direction:row;column-gap:30px}}.chess-board{display:grid;touch-action:none;grid-template-columns:repeat(8,12.5%);grid-template-rows:repeat(8,12.5%);border:10px solid #777277;border-radius:3px;aspect-ratio:1/1}@media (orientation: landscape){.chess-board{height:100%}}@media (orientation: portrait){.chess-board{width:100%;max-height:100%}}.chess-board__tile{display:flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none}.chess-board__tile--light{background-color:#918d90}.chess-board__tile--dark{background-color:#777277}.chess-board__tile--highlighted:before{content:"";position:absolute;width:100%;height:100%;opacity:.5;background-color:#805fad;z-index:1}.chess-board__tile-label{position:absolute;font-size:.75rem;color:#fff;font-weight:700;opacity:.25}.chess-board__tile-label--file{bottom:10%;right:10%}.chess-board__tile-label--rank{top:10%;left:10%}.chess-board__tile-piece{width:80%;height:80%;z-index:2}.chess-board__tile-piece--movable:hover{cursor:grab}.chess-board__tile-piece--moving{position:fixed;z-index:200;pointer-events:none}.chess-board__tile-mark{width:30%;height:30%;border-radius:50%;position:absolute;z-index:3;filter:brightness(85%);opacity:.9}.chess-board__tile-mark--light{background-color:#918d90}.chess-board__tile-mark--dark{background-color:#777277}.chess-piece{width:100%;height:100%;-webkit-user-select:none;user-select:none;aspect-ratio:1/1}.chess-piece--white-king{background-image:url(/pieces/white/king.svg);background-repeat:no-repeat;background-position:center;background-size:cover}.chess-piece--white-queen{background-image:url(/pieces/white/queen.svg);background-repeat:no-repeat;background-position:center;background-size:cover}.chess-piece--white-bishop{background-image:url(/pieces/white/bishop.svg);background-repeat:no-repeat;background-position:center;background-size:cover}.chess-piece--white-knight{background-image:url(/pieces/white/knight.svg);background-repeat:no-repeat;background-position:center;background-size:cover}.chess-piece--white-rook{background-image:url(/pieces/white/rook.svg);background-repeat:no-repeat;background-position:center;background-size:cover}.chess-piece--white-pawn{background-image:url(/pieces/white/pawn.svg);background-repeat:no-repeat;background-position:center;background-size:cover}.chess-piece--black-king{background-image:url(/pieces/black/king.svg);background-repeat:no-repeat;background-position:center;background-size:cover}.chess-piece--black-queen{background-image:url(/pieces/black/queen.svg);background-repeat:no-repeat;background-position:center;background-size:cover}.chess-piece--black-bishop{background-image:url(/pieces/black/bishop.svg);background-repeat:no-repeat;background-position:center;background-size:cover}.chess-piece--black-knight{background-image:url(/pieces/black/knight.svg);background-repeat:no-repeat;background-position:center;background-size:cover}.chess-piece--black-rook{background-image:url(/pieces/black/rook.svg);background-repeat:no-repeat;background-position:center;background-size:cover}.chess-piece--black-pawn{background-image:url(/pieces/black/pawn.svg);background-repeat:no-repeat;background-position:center;background-size:cover}.game-modal{position:absolute;width:100%;height:100%;display:flex;z-index:50;overflow-y:auto}.game-modal__window{width:90%;height:fit-content;z-index:50;position:relative;margin:auto;padding:50px 0}@media (min-width: 768px){.game-modal__window{width:60%}}@media (min-width: 992px){.game-modal__window{width:40%}}@media (min-width: 1400px){.game-modal__window{width:30%}}.game-modal__icon{position:absolute;top:70px}.game-modal__icon--right{right:20px}.game-modal__icon--left{left:20px}.game-modal__icon:hover{cursor:pointer}.card{background-color:#282828;color:#fff;padding:30px;border:1px solid #282828;border-radius:7px;display:flex;align-items:center;flex-direction:column;row-gap:20px;width:100%}.card__title{font-size:1.5rem;font-weight:700}.card--full-height{height:100%}.promotion-piece-selector{width:100%;height:100%}.promotion-piece-selector__option_section{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;margin-bottom:10px}.promotion-piece-selector__option{background-color:#fff;border:5px solid #282828;padding:6px;border-radius:10px}.promotion-piece-selector__option:hover{cursor:pointer;background-color:#805fad}.promotion-piece-selector__option--selected{background-color:#805fad}.promotion-piece-selector__submit{width:100%;display:flex;justify-content:center;align-items:center}.registration-page{width:100%;height:100%;display:flex}.registration-page__content{display:flex;align-items:center;flex-direction:column;row-gap:15px;width:80%;height:fit-content;margin:auto;padding:20px 0}@media (min-width: 992px){.registration-page__content{width:60%}}@media (min-width: 1200px){.registration-page__content{width:40%}}@media (min-width: 1400px){.registration-page__content{width:30%}}.registration-page__title{font-size:2rem;font-weight:700}.registration-page__form{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:15px}.registration-form{display:flex;flex-direction:column;align-items:center;row-gap:15px;width:100%}.login-page{width:100%;height:100%;display:flex}.login-page__content{display:flex;flex-direction:column;align-items:center;row-gap:15px;width:80%;margin:auto;padding:20px 0}@media (min-width: 992px){.login-page__content{width:60%}}@media (min-width: 1200px){.login-page__content{width:40%}}@media (min-width: 1400px){.login-page__content{width:30%}}.login-page__title{font-size:2rem;font-weight:700}.login-form{display:flex;flex-direction:column;align-items:center;row-gap:10px;width:100%}.profile-page{width:100%;padding:80px 30px 30px;display:flex;flex-direction:column;row-gap:10px}@media (min-width: 992px){.profile-page{padding-left:40px;padding-top:30px}}@media (min-width: 1400px){.profile-page{padding-left:80px;padding-right:80px}}.profile-page__section-title{font-size:1.5rem;font-weight:700}.profile-page__summary-section{width:100%;display:flex;flex-direction:column;align-items:stretch;row-gap:10px}@media (min-width: 992px){.profile-page__summary-section{flex-direction:row;column-gap:10px}}.profile-page__user-section-card{flex-basis:25%}.profile-page__user-section{width:100%;display:flex;flex-direction:column;row-gap:10px;align-items:center;justify-content:center;height:100%}.profile-page__username{font-size:1.5rem}.profile-page__user-icon{font-size:3.5rem}.game-stats{width:100%}.game-stats__title{font-size:2rem;font-weight:700;margin-bottom:20px}.game-stats__statistics{display:grid;width:100%;grid-template-columns:1fr;row-gap:20px;column-gap:20px}@media (min-width: 768px){.game-stats__statistics{grid-template-columns:1fr 1fr}}@media (min-width: 1200px){.game-stats__statistics{grid-template-columns:1fr 1fr 1fr 1fr}}.game-stats__statistic{display:flex;flex-direction:column;row-gap:5px;border:1px solid #3f3f3f;padding:10px;border-radius:7px;background:#3f3f3f}.game-stats__stat-value{font-size:2rem;font-weight:700}.game-stats__stat-value--wins{color:green}.game-stats__stat-value--losses{color:#bd0000}.game-stats__stat-value--draws{color:gray}.game-stats__spinner{width:100%;display:flex;justify-content:center}.game-history{width:100%}.game-history__title{font-size:2rem;font-weight:700;margin-bottom:20px}.game-history__spinner{width:100%;display:flex;justify-content:center;align-items:center}.game-history__result{display:flex;flex-direction:column;row-gap:10px}.game-history__result-tag{padding:7px;border:1px solid #3f3f3f;border-radius:7px;width:fit-content}.game-history__result-tag--win{background-color:green;border-color:green}.game-history__result-tag--lose{background-color:#bd0000;border-color:#bd0000}.game-history__result-tag--draw{background-color:gray;border-color:gray}.table{width:100%;display:flex;flex-direction:column;row-gap:10px;color:#fff}.table__wrapper{border:.5px solid #3f3f3f;border-radius:7px;width:100%;overflow-x:auto}.table__wrapper>table{border-collapse:collapse;table-layout:fixed;width:100%}.table__data,.table__header{width:100%;padding:15px;border-bottom:.5px solid #3f3f3f;text-align:left}.table__header{font-weight:700}.table>table>tbody>.table__row:last-child>.table__data{border-bottom:0px}.table__pagination{display:flex;width:fit-content;align-items:center;column-gap:5px;white-space:nowrap;align-self:flex-end}.modal{width:100vw;height:100vh;overflow-y:auto;z-index:200;position:fixed;top:0;left:0}.modal__wrapper{position:absolute;width:100%;min-height:100%;background-color:#00000080;display:flex;justify-content:center}.modal__window{position:relative;z-index:20;margin:20px 10px}.modal__closer{z-index:20;position:absolute;top:15px;right:15px}.modal__closer:hover{cursor:pointer}.change-password-form{display:flex;justify-content:center;flex-direction:column;row-gap:15px}.error-page{width:100%;height:100%;display:flex;flex-direction:column;row-gap:15px;justify-content:center;align-items:center}.error-page__code{font-size:3.5rem}.error-page__title{font-size:2rem}