@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;src:local(""),url(assets/b71748ae4f80ec8c014d.woff2) format("woff2"),url(assets/0659a9f4e90db5cf51b5.woff) format("woff")}@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;src:local(""),url(assets/091b209546e16313fd4f.woff2) format("woff2"),url(assets/edd311588712a96bbf43.woff) format("woff")}@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;src:local(""),url(assets/0480d2f8a71f38db8633.woff2) format("woff2"),url(assets/b77863a375260a05dd13.woff) format("woff")}@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;src:local(""),url(assets/db9a3e0ba7eaea32e5f5.woff2) format("woff2"),url(assets/4e3c615967a2360f5db8.woff) format("woff")}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:-moz-placeholder{opacity:1}::-moz-placeholder{opacity:1}a{text-decoration:none;outline:0;color:#000}button{outline:none}fieldset{padding:0}h1,h2,h3{font-weight:400}hr{border:1px solid}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}li{list-style:none}.working-zone{max-width:1440px;margin:0 auto;padding:0 5px}.invisible{overflow:hidden;height:1px;width:1px;border:0;padding:0;clip-path:insert(0px, 99.9%, 99.9%);font-size:0px}.inactive{pointer-events:none;opacity:.5}.no-touch{pointer-events:none}.replay-mode{pointer-events:none}.hide{display:none}.modal-window-background{filter:blur(10px);pointer-events:none}.animation{transition:all .5s;pointer-events:none}.relocate-element{order:-2}.disable{display:none}.body{position:relative;background:#a3c5d8;background-image:url(assets/ce157f35caf35e5eadfb.jpg);background-size:cover;background-repeat:no-repeat;min-height:100vh;color:#000;font-family:"Montserrat";font-style:normal;font-weight:400;line-height:27px;font-size:18px;margin:0 auto;overflow-x:hidden}.register-button{text-transform:uppercase;font-weight:500;line-height:22px;font-size:18px;font-style:normal;background:linear-gradient(#e66465, #9198e5);color:#fff;width:200px;height:50px;box-shadow:3px 5px 7px 1px #00000061;border-radius:10px}.register-button:hover,.register-button:focus{cursor:pointer;opacity:.9}.header{background-image:linear-gradient(to top, #c5f3cb 0%, #dae09f 100%);padding-top:10px;padding-bottom:10px}.header__wrap{display:flex;align-items:center;justify-content:space-between;height:40px;width:100%}.header__replay__speed-wrap{order:-1;display:flex;justify-content:space-between;align-items:center}.header__replay__speed-checkbox{height:20px;width:20px}.header__replay__speed-label{margin-left:10px;margin-right:10px}.header__nav{padding-left:20%;padding-right:20%;width:100%}@media(max-width: 1200px){.header__nav{padding-left:5%;padding-right:5%}}.header__nav__list{display:flex;align-items:center;justify-content:space-between}.header__nav__list .link-active{color:#fff;pointer-events:none}.header__nav__list__item__link{font-size:25px;line-height:35px;font-weight:600;text-transform:uppercase}@media(max-width: 800px){.header__nav__list__item__link{font-size:1em}}@media(max-width: 400px){.header__nav__list__item__link{font-size:.6rem}}.header__nav__list__item__link:hover{opacity:.5}.popup{position:fixed;background:#6e92da;background-image:url(assets/b750c7ce9549f8d97776.jpg);background-size:cover;font-weight:500;color:#000;top:50%;left:50%;--height-pop: 90vh;height:var(--height-pop);margin-top:calc(var(--height-pop) / -2);--width-pop: 80vw;width:var(--width-pop);margin-left:calc(var(--width-pop) / -2)}@media(max-width: 1200px){.popup{--height-pop: 95vh}}.popup__header-container{background:linear-gradient(#9198e5 #317bbb)}.popup__header{font-size:25px;line-height:35px;font-weight:600;text-transform:uppercase;color:#000;padding-top:2vh;padding-bottom:2vh;margin:0 auto;text-align:center}.popup__form-wrapper{padding:30px}.popup__form__buttons-wrapper{display:flex;justify-content:center;align-items:center;margin-top:50px;gap:5vw}@media(max-width: 1200px){.popup__form__buttons-wrapper{margin-top:20px;justify-content:center}}.popup__form__submit{display:flex;justify-content:center}.popup__form__cancel{background:linear-gradient(45deg, black, white)}.popup__stats{width:70%;margin:0 auto 50px;text-align:center}.popup__stats__item{text-transform:uppercase;font-weight:500;line-height:22px;font-size:18px;font-style:normal}.popup__nav-buttons__header{width:80%;text-align:center;margin:0 auto;font-weight:600;font-size:27px;line-height:37px;margin-bottom:50px}.endgame-popup{background:#fff;background-image:url(assets/31df497e72a51c256ccb.jpg);--width-pop: 50vw;width:var(--width-pop);margin-left:calc(var(--width-pop) / -2);--height-pop: 70vh;height:var(--height-pop);margin-top:calc(var(--height-pop) / -2);min-width:600px}@media(max-width: 1400px){.endgame-popup{--width-pop: 80vw}}.endgame-popup__button-container{justify-content:center}.draw-offer{padding-top:50px;--height-pop: 30vh;height:var(--height-pop);margin-top:calc(var(--height-pop) / -2)}.about{color:#fff}.about__server{margin-left:20px;margin-right:20px}.about__loader-wrap{width:100%;display:flex;justify-content:center;align-items:center;grid-area:server}.about__new-game{margin-top:20px;margin-bottom:20px;width:100%;display:flex;justify-content:center;grid-area:button}.about__new-game__server-button{width:20vw}.about__sample__img{width:100%}.about__form{margin-top:1vh;margin-bottom:2vh;display:flex;justify-content:space-between;align-items:center}@media(max-width: 1200px){.about__form{display:block}}.about__form__field{width:100%;margin:0 auto}.about__form__field__wrap{width:100%;display:flex;justify-content:center;align-items:center}.about__form__field__buttons-wrap{display:block;height:3.5vh;margin:0}.about__form__field__button-ok{text-transform:uppercase;font-weight:500;line-height:22px;font-size:18px;font-style:normal;background:linear-gradient(#e66465, #9198e5);background-image:url(assets/a836154a067f64082184.png);background-repeat:no-repeat;background-size:cover;color:#fff;width:30px;height:30px;box-shadow:0 0 16px 3px #26ff00;border-radius:50%}.about__form__field__button-ok:hover,.about__form__field__button-ok:focus{cursor:pointer;opacity:.9}.about__form__field__label-wrap{display:block;width:100%;margin-top:10px;margin-bottom:10px}@media(max-width: 1200px){.about__form__field__label-wrap{display:block}}.about__form__field__label{width:100%;font-size:20px}.about__form__field__error{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;padding-left:20px;font-weight:700}.about__form__field__input{width:60%;height:3vh}@media(max-width: 1200px){.about__form__field__input{width:50%}}.about__form__buttons-wrapper{display:flex;justify-content:center;align-items:center;margin-top:50px;gap:5vw}@media(max-width: 1200px){.about__form__buttons-wrapper{margin-top:20px;justify-content:center}}.about__form__submit{display:flex;justify-content:center}.about__form__cancel{background:linear-gradient(45deg, black, white)}.about__form__email-exist{margin-top:40px;color:red;width:50%;text-align:center}.about__avatar{padding-bottom:20px;height:100%;width:100%;max-height:40vh}@media(max-width: 1200px){.about__avatar{margin-top:20px;width:100%}}.about__avatar__header{margin-top:0;font-size:25px;line-height:35px;font-weight:600;text-transform:uppercase;text-align:center;color:#fff}.about__avatar__image{margin:0 auto;max-width:260px;height:260px}.about__avatar__image__canvas{height:100%;width:100%;object-fit:contain}.about__avatar__image__img{display:none;height:100%;width:100%;object-fit:contain}.about__avatar__button-container{margin:20px auto 0;display:flex;align-items:center;justify-content:space-between;width:300px}.about__avatar__apply-button .apply-label{display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-weight:500;line-height:22px;font-size:18px;font-style:normal;width:100%;height:100%;position:relative;display:inline-flex;border-radius:10px;outline:0;padding:0 10px;background:linear-gradient(#4cec8a, #9198e5);border:#adff2f solid 2px;overflow:hidden;transition:all .5s;color:#000;height:35px;width:150px}.about__avatar__apply-button .apply-label:hover{opacity:.8}.about__avatar__apply-button .apply-button{margin:0;padding:0;opacity:0;position:absolute;top:0;right:0;width:100%;height:100%}.about__avatar__reset-button .reset-button{text-transform:uppercase;font-weight:500;line-height:22px;font-size:18px;font-style:normal;background:linear-gradient(30deg, black, white);color:#fff;height:35px;width:100px;border-radius:10px}.about__avatar__reset-button .reset-button:hover{opacity:.8}.lds-hourglass{display:inline-block;position:relative;width:80px;height:80px}.lds-hourglass:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:8px;box-sizing:border-box;border:32px solid #fff;border-color:#fff transparent #fff transparent;animation:lds-hourglass 1.2s infinite}@keyframes lds-hourglass{0%{transform:rotate(0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}50%{transform:rotate(900deg);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}100%{transform:rotate(1800deg)}}.settings{color:#fff}.settings__header{font-size:35px;line-height:45px;font-weight:600;text-transform:uppercase;text-align:center;margin-bottom:40px}.settings__form{margin-top:20px;margin-bottom:20px;text-align:center;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-areas:". ." ". ." "button button" "server server";align-items:center}.settings__form__label{text-transform:uppercase;font-weight:500;line-height:22px;font-size:18px;font-style:normal;font-weight:600}.settings__form__select{text-align:center;text-align-last:center;-moz-text-align-last:center;height:40px;width:515px;border:1px solid #000;cursor:pointer;margin-top:20px;margin-bottom:30px;opacity:.8}.replays{margin-top:20px;color:#fff}.replays__header{font-size:35px;line-height:45px;font-weight:600;text-transform:uppercase;text-align:center}.replays__replay-wrap{width:100%}.replays__replay{width:100%;display:grid;justify-content:center;justify-items:center;align-items:center;align-self:center;align-content:center;margin:0 auto 20px;padding-top:20px;padding-bottom:20px;color:#000;border:#000 solid 2px;border-radius:25px;grid-template-columns:25vw 20vw 25vw;grid-template-areas:". stats .";gap:50px;background-color:rgba(206,231,182,.767)}@media(max-width: 750px){.replays__replay{display:block}}.replays__replay__stats{grid-area:stats;color:#6301ff}.replays__replay__stats__item{font-size:25px;line-height:35px;font-weight:600;text-transform:uppercase;text-align:center}.replays__replay__button-wrap{margin-top:50px;display:flex;justify-content:center}@media(max-width: 750px){.replays__replay__button-wrap{margin-top:10px}}.replays__replay__player-tab{position:relative}.replays__replay__player-tab__name{font-size:35px;line-height:45px;font-weight:600;text-transform:uppercase;text-align:center;max-width:300px;word-wrap:break-word;margin:0 auto}.replays__replay__player-tab__avatar-wrap{margin:0 auto;display:flex;justify-content:center;align-items:center;height:200px;max-width:200px}.replays__replay__player-tab__avatar{height:auto;width:100%;aspect-ratio:1;object-fit:contain}.replays .white{color:#fff}.replays .black{color:#000}.winner::before{content:"";background-image:url(assets/603f43ee173cc1f1b42a.png);position:absolute;left:-50px;top:-10px;background-position:center;background-size:contain;background-repeat:no-repeat;object-fit:cover;width:60px;height:60px}.winner-game::before{left:0;top:0}.game__timer{font-size:45px;padding-top:30px;margin-bottom:20px;text-align:center;height:30px;color:#fff}.game__timer__count{margin:0}.game__field-wrap{width:100%;gap:40px;padding:30px 10px 40px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}@media(max-width: 800px){.game__field-wrap{flex-direction:column}}.game .active-player{box-shadow:0 0 10px 15px #f1ed48}.game .active-player::after{content:"";display:block;width:30px;min-height:30px;position:absolute;top:10%;left:20%;background-image:url(assets/a836154a067f64082184.png);background-position:center;background-size:contain;background-repeat:no-repeat;opacity:1}.game__user-panel{position:relative;background:linear-gradient(#c0ec8a, #ffffff);max-width:400px;max-height:80vw;width:18vw;padding-left:5px;padding-right:5px;height:65vh}.game__user-panel__header{font-size:25px;line-height:35px;font-weight:600;text-transform:uppercase;text-align:center;font-style:oblique;margin-top:10px;max-width:15vw;word-wrap:break-word}.game__user-panel__avatar-wrap{margin-top:10px;display:flex;justify-content:center;text-align:center}.game__user-panel__avatar{width:100%;object-fit:contain;height:8vh}.game__user-panel__article{height:45vh;overflow:auto}.game__user-panel__article__log{text-transform:uppercase;font-weight:500;line-height:22px;font-size:18px;font-style:normal;margin:0;margin-bottom:3px;padding:2px 5px;border:2px solid #000}.game .player{order:1}@media(max-width: 800px){.game .player{order:2;margin-bottom:20px}}.game .opp{order:3}.game__field{margin:20px;justify-self:center;max-width:570px;max-height:570px;width:50vw;height:50vw;display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:repeat(8, 1fr);perspective:60rem;box-shadow:0 0 20px 11px #000;transform-style:preserve-3d;transform-origin:center;transition:all 1s;order:2}@media(max-width: 800px){.game__field{order:1}}.game__field__square{position:relative;width:100%;height:100%;border:#000 solid 2px;box-sizing:border-box}.game__field__square::after{display:none;position:absolute;width:20%;max-width:40px;height:20%;max-height:40px;font-size:1.5em;line-height:2em;font-weight:700;text-align:center;color:#fff;transition:.3s;content:attr(data-number);top:20%;right:130%}.game__field__square::before{display:none;position:absolute;width:20%;max-width:40px;height:20%;max-height:40px;font-size:1.5em;line-height:2em;font-weight:700;text-align:center;color:#fff;transition:.3s;content:attr(data-letter);top:120%;left:30%}.game__field__square__piece{position:absolute;max-width:100px;width:100%;height:100%;max-height:100px;bottom:0;left:0;z-index:5000;cursor:pointer}.game__field .white{background:#fff}.game__field .black{background:#473333}.game__field .square-wrap-move{box-shadow:inset 0px 0px 20px 3px #adff2f;opacity:.8}.game__field .square-wrap-attack{box-shadow:inset 0px 0px 15px 3px red;opacity:.8}.game__field .square-wrap-check-king{box-shadow:inset 0px 0px 15px 3px #c71585;opacity:.8}.game__field .square-wrap-check-attacker{background-image:linear-gradient(#f7f6cf, yellow);opacity:.8}.game__field .square-wrap-checkmate-king{box-shadow:inset 0px 0px 55px 3px red;opacity:.8}.game__field .square-wrap-checkmate-attacker{box-shadow:inset 0px 0px 55px 3px #ff0;opacity:.8}.game__field .square-wrap-stalemate-king{box-shadow:inset 0px 0px 55px 3px #b422a1;opacity:.8}.game__field .square-wrap-advanvce-move{background-image:linear-gradient(rgba(240, 236, 24, 0.527), rgba(236, 236, 54, 0.904));opacity:.7}.game__stop-button{margin-left:50px;margin-right:50px}.numbers-left-visible::after{display:block}.numbers-right-visible::after{display:block;left:130%}.letters-bottom-visible::before{display:block}.letters-top-visible::before{display:block;top:max(-120%, -60px)}.change-turn{transform:rotate(180deg)}