body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#l-button,#l-button[data-state=idle]{position:relative;padding:6px 18px}#l-button #c-button__border,#l-button #c-button__border[data-state=idle],#l-button[data-state=idle] #c-button__border,#l-button[data-state=idle] #c-button__border[data-state=idle]{position:absolute;top:0;left:0;border:1px solid #000;height:100%;width:100%}#c-button__content,#l-button[data-state=idle]{font-size:.85em;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#l-button:hover #c-button__content{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}#c-button__border[data-state=clicked]{-webkit-animation-name:clicked-button;animation-name:clicked-button;-webkit-animation-timing-function:cubic-bezier(0,.96,.62,1.01);animation-timing-function:cubic-bezier(0,.96,.62,1.01);-webkit-animation-duration:1s;animation-duration:1s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes clicked-button{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes clicked-button{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@media only screen and (max-width:800px){#c-button__content{-webkit-transform:rotateY(0);transform:rotateY(0)}}#l-dropdown{position:relative}#l-dropdown #l-dropdown__list{top:0;position:absolute;font-size:.8em;padding:8px;-webkit-animation-timing-function:cubic-bezier(.11,1.11,.15,.99);animation-timing-function:cubic-bezier(.11,1.11,.15,.99);-webkit-animation-duration:2s;animation-duration:2s;-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0);-webkit-transform:translateY(21px);transform:translateY(21px)}#l-dropdown #l-dropdown__list #c-list__item{font-size:.85em;white-space:nowrap;padding:8px 20px}#l-dropdown #l-dropdown__list #c-list__item:hover{-webkit-transform:translate(8px);transform:translate(8px)}#l-dropdown #l-dropdown__list[data-state=hide]{-webkit-animation-name:hide-list;animation-name:hide-list}#l-dropdown #l-dropdown__list[data-state=appear]{-webkit-animation-name:show-list;animation-name:show-list;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes hide-list{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0)}}@keyframes hide-list{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0)}}@-webkit-keyframes show-list{0{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes show-list{0{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}#outer{display:inline-block;background-color:#d1cccc;padding:10px}#corner,#edge,#h-edge,#v-edge{background-color:#58a54c;margin:1px;color:#d1cccc;font-family:novecento;font-weight:200;font-size:.7em}#v-edge{width:16.5px;height:33px}#v-edge[data-extension=top]{height:37px;margin-top:-1px}#v-edge[data-extension=bottom]{height:37px;margin-bottom:-1px}#h-edge{width:33px;height:16.5px}#h-edge[data-extension=left]{width:37px;margin-left:-1px}#h-edge[data-extension=right]{width:37px;margin-right:-1px}#corner{width:16.5px;height:16.5px}#board-row{margin-left:2px;margin-right:2px}#board-row[data-l-position=top]{margin-top:2px}#board-row[data-l-position=bottom]{margin-bottom:2px}#disk{width:75%;height:75%;border-radius:50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}#disk[data-color=true]{background:#eee;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#disk[data-color=false]{background:#1d1d1d;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.h-animation-flip{-webkit-transition-timing-function:cubic-bezier(.11,1.11,.15,.99);transition-timing-function:cubic-bezier(.11,1.11,.15,.99);-webkit-transition-duration:1.5s;transition-duration:1.5s}#tile{width:33px;height:33px;background-color:#69b85d;margin:1px}#tile[data-suggested=true]{background-color:#468270;-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite}#tile[data-suggested=false]{background-color:#69b85d}@-webkit-keyframes pulse{0%{background-color:#4f9680}70%{background-color:#468270}to{background-color:#4f9680}}@keyframes pulse{0%{background-color:#4f9680}70%{background-color:#468270}to{background-color:#4f9680}}#c-percentagebar__wrapper{position:relative;background:#d3d2d2;height:2px;margin:1em}#c-percentagebar__wrapper #c-percentagebar__filler{background:#181818;height:100%}#c-fractionbar__wrapper{position:relative;height:2px;margin:1em;display:flex;justify-content:space-between}#c-fractionbar__wrapper .c-fractionbar__filled{background:#181818;height:100%}#c-fractionbar__wrapper .c-fractionbar__empty{background:#d3d2d2;height:100%}#l-bars{display:grid;grid-template-columns:2.51852em 12.59259em 1.88889em;grid-column-gap:.15em;grid-template-areas:"button     empty  empty    " "title     empty  empty    " "llvllabel lvlbar rlvllabel" "lwinlabel winbar rwinlabel";align-items:center;justify-content:center}#l-bars #c-dashboardbutton{grid-area:button}#l-bars #c-dashboardtitle{line-height:0;padding:25px 0;grid-area:title;margin:15px 0;font-size:3.5em}#l-bars #c-dashboardtitle,#l-bars #l-levelbar__llabel{text-align:right;font-family:novecento;font-weight:200}#l-bars #l-levelbar__llabel{grid-area:llvllabel;font-size:.8em}#l-bars #l-levelbar__bar{grid-area:lvlbar}#l-bars #l-levelbar__rlabel{grid-area:rlvllabel;font-family:novecento;font-weight:200;font-size:.8em}#l-bars #l-winbar__llabel{grid-area:lwinlabel;text-align:right;font-family:novecento;font-weight:200;font-size:.8em}#l-bars #l-winbar__bar{grid-area:winbar}#l-bars #l-winbar__rlabel{font-family:novecento;font-weight:200;font-size:.8em;grid-area:rwinlabel}#l-stats{display:flex;flex-direction:column;justify-content:center;align-items:center}#l-stats #c-lastexec{border:1px solid #000;padding:.6em 3.5em;font-family:novecento;font-weight:200;font-size:.8em}#l-stats #l-numbers{display:flex;justify-content:space-between}#l-stats #l-numbers .l-statwrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1em}#l-stats #l-numbers .l-statwrapper .c-statdisplay{height:50px;width:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#000;font-family:novecento;font-weight:200;font-size:.8em;color:#fff}#l-stats #l-numbers .l-statwrapper .c-statdisplay div{align-items:flex-end}#l-stats #l-numbers .l-statwrapper .c-statdisplay div span:last-child{font-size:.7em}#l-stats #l-numbers .l-statwrapper .c-statlabel{margin:1em 0;font-size:.65em;font-family:novecento;font-weight:200}#c-turn{display:grid;grid-gap:.5em;grid-template-areas:"ai    turn-top" "human turn-bottom"}#c-turn p{margin:0}#c-turn #l-turn__ai{grid-area:ai}#c-turn #l-turn__human{grid-area:human}#c-turn .l-turn__name{text-align:right;font-size:50px}#c-turn .l-turn__name[data-active=true]{color:#111}#c-turn .l-turn__name[data-active=false]{color:#a7a7a7}#c-turn #l-turn__text{font-size:25px;display:flex;align-items:flex-end;grid-area:turn-top}#c-turn #l-turn__text[data-aiturn=true]{-webkit-transform:translate(0);transform:translate(0)}#c-turn #l-turn__text[data-aiturn=false]{-webkit-transform:translateY(calc(50px + .75em));transform:translateY(calc(50px + .75em))}#c-turn #l-turn__text p{margin-bottom:.25em}@media only screen and (max-width:800px){#c-turn{display:grid;grid-gap:.5em;grid-template-areas:"ai    turn-top" "human turn-bottom"}#c-turn p{margin:0}#c-turn #l-turn__ai{grid-area:ai}#c-turn #l-turn__human{grid-area:human}#c-turn .l-turn__name{text-align:right;font-size:30px}#c-turn .l-turn__name[data-active=true]{color:#111}#c-turn .l-turn__name[data-active=false]{color:#a7a7a7}#c-turn #l-turn__text{font-size:15px;display:flex;align-items:flex-end;grid-area:turn-top}#c-turn #l-turn__text[data-aiturn=true]{-webkit-transform:translate(0);transform:translate(0)}#c-turn #l-turn__text[data-aiturn=false]{-webkit-transform:translateY(calc(30px + 1.2em));transform:translateY(calc(30px + 1.2em))}#c-turn #l-turn__text p{margin-bottom:.4em}}*{text-decoration:none;border:none}[data-state=off]{display:none}button,button:active,button:focus{pointer-events:visible;background-color:initial;cursor:pointer;outline:none;padding:0}body,html{margin:0;overflow:hidden}.h-animation-config{-webkit-transition-timing-function:cubic-bezier(.11,1.11,.15,.99);transition-timing-function:cubic-bezier(.11,1.11,.15,.99);-webkit-transition-duration:1.5s;transition-duration:1.5s}@font-face{font-family:novecento;src:url(/static/media/Novecento-sans-wide-Light.999d7e50.otf) format("truetype");font-weight:100}@font-face{font-family:novecento;src:url(/static/media/Novecento-sans-wide-Medium.6ea63fa4.otf) format("truetype");font-weight:200}@font-face{font-family:novecento;src:url(/static/media/Novecento-sans-wide-Bold.a3d8bfd7.otf) format("truetype");font-weight:900}.h-font--small{font-family:novecento;font-weight:100}.h-font--medium{font-family:novecento;font-weight:200}.h-font--bold{font-family:novecento;font-weight:900}.l-flex--row-wrap{display:flex;flex-flow:row wrap}.l-flex--row-nowrap{display:flex;flex-flow:row nowrap}.l-flex--column-wrap{display:flex;flex-flow:column wrap}.l-flex--column-nowrap{display:flex;flex-flow:column nowrap}.h-center,.l-flex--center-center{justify-content:center;align-items:center}.h-center{display:flex;flex-flow:row nowrap}#l-game{display:grid;width:1200px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto}#l-game__player{box-sizing:border-box;grid-column:1/2;grid-row:1/2;justify-content:flex-start;align-items:flex-end}#l-player__turn{margin-bottom:15px}#l-player__disk-info{align-items:flex-end;margin-bottom:15px}#l-player__disk-info>.l-player__disk{position:relative;z-index:0;font-family:novecento;font-size:.7em}#l-player__disk-info>.l-player__disk:last-child{margin-top:5px}#l-player__disk-info>.l-player__disk>label{margin-right:5px}#l-player__disk-info>.l-player__disk span{position:absolute;z-index:1;height:100%;width:100%}#l-player__disk-info>.l-player__disk>#l-player__enemy-disk,#l-player__disk-info>.l-player__disk>#l-player__your-disk{position:relative}#l-player__disk-info>.l-player__disk>#l-player__enemy-disk>span{color:#fff}.l-player__tools--row{justify-content:flex-end}.l-player__tools--row .l-player__button{margin:5px}#l-game__board{box-sizing:border-box;grid-column:2/3;grid-row:1/2;padding:0 30px}#l-game__ai-player{grid-column:3/4;grid-row:1/2;justify-content:flex-start;align-items:flex-start}#l-game__ai-player>#c-game__ai-player{-webkit-transform-origin:0 50%;transform-origin:0 50%}#l-game__ai-player>#c-game__ai-player[data-dashboard-appear=false]{-webkit-transform:scale(.85);transform:scale(.85);opacity:0}#l-game__ai-player>#c-game__ai-player[data-dashboard-appear=true]{-webkit-transform:scale(1);transform:scale(1);opacity:1}@media only screen and (max-width:800px){#l-game{width:100vw;grid-template-rows:1fr;grid-template-columns:auto auto}#l-game__player{padding:20px 0 0;display:grid;grid-template-areas:"turn disk-info" "turn buttons";justify-content:center;align-items:center;grid-column:1/2;grid-row:2/3}#l-player__turn{height:100%;margin:0;border-right:.5px solid rgba(0,0,0,.452);padding-right:15px;grid-area:turn}#l-player__tools{padding-left:15px;grid-area:buttons}#l-player__disk-info,.l-player__tools--row{justify-content:flex-start}#l-player__disk-info{flex-flow:row nowrap;padding-left:15px;grid-area:disk-info}#l-player__disk-info>*{margin:0 5px}#l-game__board{padding-top:0;width:100vw;grid-column:1/2;grid-row:1/2}#l-game__ai-player{display:none;position:fixed;grid-column:unset;grid-row:unset}}#l-section{position:relative;height:100vh;width:100vw;justify-content:space-around;background-image:url(/imgs/background.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;-webkit-filter:blur(0);filter:blur(0)}#l-section #l-section__wall[data-display=true]{opacity:.85;pointer-events:visible}#l-section #l-section__footer{position:absolute;bottom:50px;left:50px;font-family:novecento;font-weight:200;font-size:.7em}#l-section #l-section__footer #c-devs__name{position:relative}#l-section__title{position:absolute;top:50px;left:50px;font-size:2.5em;margin:0}#l-section__wall{height:100%;width:100%;background-color:#000;opacity:0}#l-section__popup,#l-section__wall{position:absolute;z-index:1;pointer-events:none}#l-section__popup{height:220px;width:330px;background-color:#dadada;border-radius:4px;-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0)}#l-section__popup #c-popup__message{position:absolute;left:0;bottom:0;height:80%;width:100%;background-color:#fff;font-size:2.5em;font-weight:100;border-radius:4px}#l-section__popup[data-display=true]{pointer-events:visible;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}@media only screen and (max-width:800px){#l-section__title{top:15px!important}#l-section__footer,#l-section__title{left:50%!important;width:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}#l-section__footer{font-size:.55em!important;bottom:15px!important}}
/*# sourceMappingURL=main.f35ddf39.chunk.css.map */