@import url(https://fonts.googleapis.com/css?family=Sour+Gummy:regular&display=swap);@import url(https://fonts.googleapis.com/css?family=Tangerine:regular,700&display=swap);*{border:0;margin:0;padding:0}*,:after,:before{box-sizing:border-box}:active,:focus,a:active,a:focus{outline:none}body,html{height:100%;min-width:320px}body{-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-size:.875rem;line-height:1}button,input,textarea{font-size:inherit;line-height:inherit}button{background-color:#0000;cursor:pointer}a,button{color:inherit}a{text-decoration:none}ul li{list-style:none}img{cursor:none;pointer-events:none;vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}button,img,label{-webkit-user-select:none;user-select:none}.lock body{overflow:hidden;overscroll-behavior:none;touch-action:none}.wrapper{background-color:#363636;display:flex;flex-direction:column;min-height:100%;overflow:hidden}@supports(overflow:clip){.wrapper{overflow:clip}}.wrapper>main{flex:1 1 auto}.wrapper>*{min-width:0}[class*=__container]{margin:0 auto;max-width:75rem;padding:0 .9375rem}[class*=-ibg]{position:relative}[class*=-ibg] img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}[class*=-ibg_contain] img{object-fit:contain}.header{background:#000}.header__container{display:flex;justify-content:start}@media(min-width:75em){.header__container{padding:1.25rem}}@media(min-width:20em)and (max-width:75em){@supports(padding:clamp(0.9375rem,0.8238636364rem + 0.5681818182vw,1.25rem)){.header__container{padding:clamp(.9375rem,.8238636364rem + .5681818182vw,1.25rem)}}@supports not (padding:clamp(0.9375rem,0.8238636364rem + 0.5681818182vw,1.25rem)){.header__container{padding:calc(.82386rem + .56818vw)}}}@media(max-width:20em){.header__container{padding:.9375rem}}.header__logo{color:#fff;display:block;font-family:Tangerine,serif;font-weight:700}@media(min-width:75em){.header__logo{font-size:3.75rem}}@media(min-width:20em)and (max-width:75em){@supports(font-size:clamp(2.1875rem,1.6193181818rem + 2.8409090909vw,3.75rem)){.header__logo{font-size:clamp(2.1875rem,1.6193181818rem + 2.8409090909vw,3.75rem)}}@supports not (font-size:clamp(2.1875rem,1.6193181818rem + 2.8409090909vw,3.75rem)){.header__logo{font-size:calc(1.61932rem + 2.84091vw)}}}@media(max-width:20em){.header__logo{font-size:2.1875rem}}.footer{background:#000}.footer__container{align-items:center;display:flex;justify-content:center}@media(min-width:75em){.footer__container{padding:1.25rem}}@media(min-width:20em)and (max-width:75em){@supports(padding:clamp(0.9375rem,0.8238636364rem + 0.5681818182vw,1.25rem)){.footer__container{padding:clamp(.9375rem,.8238636364rem + .5681818182vw,1.25rem)}}@supports not (padding:clamp(0.9375rem,0.8238636364rem + 0.5681818182vw,1.25rem)){.footer__container{padding:calc(.82386rem + .56818vw)}}}@media(max-width:20em){.footer__container{padding:.9375rem}}.footer__link{color:#fff;display:block;font-family:Sour Gummy,serif}@media(min-width:75em){.footer__link{font-size:1.875rem}}@media(min-width:20em)and (max-width:75em){@supports(font-size:clamp(1.25rem,1.0227272727rem + 1.1363636364vw,1.875rem)){.footer__link{font-size:clamp(1.25rem,1.0227272727rem + 1.1363636364vw,1.875rem)}}@supports not (font-size:clamp(1.25rem,1.0227272727rem + 1.1363636364vw,1.875rem)){.footer__link{font-size:calc(1.02273rem + 1.13636vw)}}}@media(max-width:20em){.footer__link{font-size:1.25rem}}@keyframes scale-board-white-transition{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(.6) rotate(90deg)}to{transform:scale(1) rotate(180deg)}}@keyframes scale-board-black-transition{0%{transform:scale(1) rotate(180deg)}50%{transform:scale(.6) rotate(90deg)}to{transform:scale(1) rotate(0deg)}}@keyframes bg-transition{0%{background:#00132500}to{background:rgba(0,29,46,.522)}}@keyframes color-transition{0%{color:#fff0}to{color:#fff}}.page,.page__main{display:flex;flex:1 1 auto}.page__main{position:relative}.main__container{align-items:center;display:flex;flex:1 1 auto;height:0;justify-content:center;min-height:100%}.main__board{align-content:center;aspect-ratio:1/1;display:grid;grid-template:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr/1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content:center;max-height:75em;max-width:75em;transition:transform .3s;width:100%}.main__board,.main__board>.square{transform:rotate(180deg)}@media(min-aspect-ratio:10/11){.main__board{height:92%;width:auto}}.main__board.white-turn{animation-direction:normal;animation-duration:.2s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:scale-board-white-transition;animation-timing-function:linear;transform:rotate(auto)}.main__board.white-turn>.square{transform:rotate(180deg)}.main__board.black-turn{animation-direction:normal;animation-duration:.2s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:scale-board-black-transition;animation-timing-function:linear;transform:rotate(auto)}.main__board.black-turn>.square{transform:rotate(0deg)}.main__win-block{align-items:center;animation-delay:0s;animation-direction:normal;animation-duration:.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:bg-transition;animation-play-state:running;animation-timing-function:linear;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.main__win-block .win-block__body{display:flex;flex-direction:column;padding:5%}.main__win-block .win-block__title{animation-delay:0s;animation-direction:normal;animation-duration:.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:color-transition;animation-timing-function:linear;color:#fff;font-family:Tangerine,serif}@media(min-width:75em){.main__win-block .win-block__title{font-size:5.75rem}}@media(min-width:20em)and (max-width:75em){@supports(font-size:clamp(3.75rem,3.0227272727rem + 3.6363636364vw,5.75rem)){.main__win-block .win-block__title{font-size:clamp(3.75rem,3.0227272727rem + 3.6363636364vw,5.75rem)}}@supports not (font-size:clamp(3.75rem,3.0227272727rem + 3.6363636364vw,5.75rem)){.main__win-block .win-block__title{font-size:calc(3.02273rem + 3.63636vw)}}}@media(max-width:20em){.main__win-block .win-block__title{font-size:3.75rem}}@media(min-width:75em){.main__win-block .win-block__title{margin-bottom:2.5rem}}@media(min-width:20em)and (max-width:75em){@supports(margin-bottom:clamp(1.5625rem,1.2215909091rem + 1.7045454545vw,2.5rem)){.main__win-block .win-block__title{margin-bottom:clamp(1.5625rem,1.2215909091rem + 1.7045454545vw,2.5rem)}}@supports not (margin-bottom:clamp(1.5625rem,1.2215909091rem + 1.7045454545vw,2.5rem)){.main__win-block .win-block__title{margin-bottom:calc(1.22159rem + 1.70455vw)}}}@media(max-width:20em){.main__win-block .win-block__title{margin-bottom:1.5625rem}}.main__win-block .win-block__title span{text-transform:capitalize}.main__win-block .win-block__button{background:rgba(71,71,71,.388);border:1px solid rgba(71,71,71,.388);border-radius:10px;color:#fff;font-family:Sour Gummy,serif;line-height:0;padding:2.5rem 0;text-align:center;transition:all .3s ease}@media(min-width:75em){.main__win-block .win-block__button{font-size:2.5rem}}@media(min-width:20em)and (max-width:75em){@supports(font-size:clamp(1.5625rem,1.2215909091rem + 1.7045454545vw,2.5rem)){.main__win-block .win-block__button{font-size:clamp(1.5625rem,1.2215909091rem + 1.7045454545vw,2.5rem)}}@supports not (font-size:clamp(1.5625rem,1.2215909091rem + 1.7045454545vw,2.5rem)){.main__win-block .win-block__button{font-size:calc(1.22159rem + 1.70455vw)}}}@media(max-width:20em){.main__win-block .win-block__button{font-size:1.5625rem}}@media(min-width:75em){.main__win-block .win-block__button{padding:2.5rem}}@media(min-width:20em)and (max-width:75em){@supports(padding:clamp(1.25rem,0.7954545455rem + 2.2727272727vw,2.5rem)){.main__win-block .win-block__button{padding:clamp(1.25rem,.7954545455rem + 2.2727272727vw,2.5rem)}}@supports not (padding:clamp(1.25rem,0.7954545455rem + 2.2727272727vw,2.5rem)){.main__win-block .win-block__button{padding:calc(.79545rem + 2.27273vw)}}}@media(max-width:20em){.main__win-block .win-block__button{padding:1.25rem}}@media(any-hover:hover){.main__win-block .win-block__button:hover{background:#47474700;border-color:#fff;color:#87daa7}}.main__square{display:block;min-height:100%;min-width:100%;position:relative}.main__square:before{content:"";height:100%;left:0;opacity:0;padding:10px;position:absolute;top:0;transition:opacity .2s,transform .2s,top .2s;width:100%}.main__square.selected:before{top:-4px;transform:scale(1.05)}.main__square.pawn.black:before{background:url(/static/media/Chess_pdt45.be5d44ca5ee868885d21.svg) 50%/cover no-repeat;opacity:1}.main__square.pawn.white:before{background:url(/static/media/pawn_white.50273cc6d86861932d0a.svg) 50%/cover no-repeat;opacity:1}.main__square.rook.white:before{background:url(/static/media/rook_white.9e48b84f189eea24339f.svg) 50%/cover no-repeat;opacity:1}.main__square.rook.black:before{background:url(/static/media/rook_black.fdc575582c2cbe2ec820.svg) 50%/cover no-repeat;opacity:1}.main__square.king.white:before{background:url(/static/media/king_white.5d58f1999749c1b5ef5b.svg) 50%/cover no-repeat;opacity:1}.main__square.king.black:before{background:url(/static/media/king_black.6c8cc8fabe5215cc854d.svg) 50%/cover no-repeat;opacity:1}.main__square.queen.white:before{background:url(/static/media/queen_white.7a1aecff0f22ff68c43f.svg) 50%/cover no-repeat;opacity:1}.main__square.queen.black:before{background:url(/static/media/queen_black.cf388bf415c0d33ec16f.svg) 50%/cover no-repeat;opacity:1}.main__square.bishop.white:before{background:url(/static/media/bishop_white.aa411d5809c6380713b4.svg) 50%/cover no-repeat;opacity:1}.main__square.bishop.black:before{background:url(/static/media/bishop_black.04932f63ef10dcdee115.svg) 50%/cover no-repeat;opacity:1}.main__square.knight.white:before{background:url(/static/media/knight_white.d47944d2cee4f8c707d1.svg) 50%/cover no-repeat;opacity:1}.main__square.knight.black:before{background:url(/static/media/knight_black.7930be9e07b51bc0e069.svg) 50%/cover no-repeat;opacity:1}.square__first-color{background-color:#08471b}.square__second-color{background-color:#b6bcc2}
/*# sourceMappingURL=main.0b60b607.css.map*/