@font-face{font-family:'Nunito';src:url("../res/font_nunito.woff2") format('woff2'),url("../res/font_nunito.woff") format('woff'),url("../res/font_nunito.ttf") format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'DuranGo';src:url("../res/font_durango.woff2") format('woff2'),url("../res/font_durango.woff") format('woff'),url("../res/font_durango.ttf") format('truetype');font-weight:normal;font-style:normal}*{padding:0;margin:0;font-family:DuranGo,serif}body,html{width:100%;max-width:100%;min-height:100vh;overflow-x:hidden}html{font-size:13px}@media(min-width:320px){html{font-size:calc(13px + 3 * ((100vw - 320px) / 880))}}@media(min-width:1200px){html{font-size:16px}}body{font-size:.8rem}body,body.webp.gradient-background,body.webp .gradient-background,body.no-webp.gradient-background,body.no-webp .gradient-background{background-color:#202930;background-image:linear-gradient(to bottom right,#1c2228,#293640)}body.webp.wood-background,body.webp .wood-background{background:#202930 url("../res/wood_background.webp") repeat;background-size:35vmin}body.no-webp.wood-background,body.no-webp .wood-background{background:#202930 url("../res/wood_background.png") repeat;background-size:35vmin}body.webp.plain-wood-background,body.webp .plain-wood-background{background:#202930 url("../res/plain_wood_background.webp") repeat;background-size:35vmin}body.no-webp.plain-wood-background,body.no-webp .plain-wood-background{background:#202930 url("../res/plain_wood_background.png") repeat;background-size:35vmin}body.webp.simple-background,body.webp .simple-background{background:#202930 url("../res/home_background.webp") repeat;background-size:35vmin}body.no-webp.simple-background,body.no-webp .simple-background{background:#202930 url("../res/home_background.png") repeat;background-size:35vmin}img,#content img{height:auto;text-indent:100%;white-space:nowrap;overflow:hidden}.highlight-shadow,.shadow{filter:drop-shadow(6px 6px 12px rgba(0,0,0,0.4))}.highlight-shadow:hover{filter:drop-shadow(6px 6px 12px rgba(255,255,255,0.1))}.text-shadow{text-shadow:6px 6px 12px rgba(0,0,0,0.4)}.text-button{display:inline;border:3px solid white;border-radius:1vh;padding:.5vh 2vh;margin-bottom:3vh;font-family:Nunito,sans-serif;font-size:5vh;color:white;cursor:pointer;background-color:rgba(0,0,0,0.8);transition:background-color .1s ease-in-out}.text-button:hover{background-color:rgba(0,0,0,1);transition:background-color .1s ease-in-out}.centre-text{display:block;text-align:center}p{margin-bottom:33px}a{color:#3692e7}a:hover{color:#57aeff}figure{text-align:center}figure img{width:auto;height:auto;max-width:40em;max-height:20em}figure figcaption{font-style:italic;font-size:.9em;margin-bottom:2em}.italics{font-style:italic;font-family:inherit}#footer,#footer-full-width{display:block;background:#151a1f;box-shadow:0 0 10px 5px rgba(0,0,0,1);z-index:1}#footer{box-sizing:border-box;max-width:900px;padding:.5em;margin-top:1em;margin-left:auto;margin-right:auto;overflow:hidden;font-size:1.5em;text-align:left}#footer-links{display:inline-block;margin:.4em;line-height:40px}#footer-social-icons{float:right;margin-top:.2em;margin-right:.4em}#footer a.link,#footer span.copyright{color:#bbb;font-family:Nunito,sans-serif;font-size:.85em;margin-right:1em;vertical-align:middle}#footer span.copyright{color:#999}#footer a{text-decoration:none}#footer a.link:hover{color:#999}#footer a.social-icon{margin-left:.5em;line-height:0}#footer a.social-icon.twitter-icon img{margin-bottom:4px;margin-right:-4px}#footer-full-width{width:100%}#footer-full-width #footer{display:inline-block;background:0;box-shadow:none;width:100%;margin:0;padding-bottom:.25em}#header,#header-full-width{display:block;background:#151a1f;box-shadow:0 0 10px 5px rgba(0,0,0,1);z-index:1}#header{box-sizing:border-box;max-width:900px;padding:.5em;padding-top:0;margin-left:auto;margin-right:auto;margin-bottom:1em;font-size:1.5em;text-align:left}#header-logo{display:inline-block;margin-top:8px;line-height:40px}#header-links{display:inline-block;margin-top:.5em;margin-left:2em}#header a{line-height:48px;text-decoration:none}#header a.link{color:#bbb;font-family:Nunito,sans-serif;font-size:1.1em;margin-right:1em;vertical-align:middle}#header a.link:hover{color:#999;text-decoration:underline}#header img,#header span{display:inline-block;vertical-align:middle}#header img{vertical-align:middle;height:48px;width:auto}#header span{margin-left:.26em;margin-bottom:-0.3em;font-size:2em;color:white}#header-full-width{width:100%}#header-full-width #header{display:inline-block;background:0;box-shadow:none;width:100%;margin:0}html,body{scroll-behavior:smooth;min-height:100vh}canvas{position:absolute}#top{position:static;left:0;top:0;width:0;height:0}body{display:flex;flex-direction:column}#game{display:block;position:relative;width:100%;flex-grow:1}#loading-bar{position:absolute;top:0;left:0;width:0;height:1.5vh;background-color:white}#loading-text{position:fixed;bottom:65%;width:100%;color:white;font:6vh Serif;text-align:center;vertical-align:baseline}#loading-wheel{position:fixed;top:40%;left:50%;height:30vh;width:30vh;transform:translate(-50%,0)}#loading-wheel polyline{stroke-width:10;fill:none}.stroke-still{stroke:#0f1214}.stroke-animation{animation:stroke-spacing 1.2s ease-in,stroke-color 4.8s linear;animation-iteration-count:infinite;animation-delay:0;animation-direction:normal;animation-fill-mode:forwards;animation-mode-state:running;transform-origin:center center}@keyframes stroke-spacing{0%{stroke-dasharray:0 200}45%{stroke-dashoffset:0;stroke-dasharray:200 200}90%{stroke-dashoffset:-200;stroke-dasharray:200 200}100%{stroke-dashoffset:-200;stroke-dasharray:200 200}}@keyframes stroke-color{0%{stroke:#3498db}24%{stroke:#643232}25%{stroke:#327864}49%{stroke:#327864}50%{stroke:#32326e}74%{stroke:#32326e}75%{stroke:#78325a}99%{stroke:#78325a}}#board{z-index:1}#tiles{z-index:3;touch-action:none}.score{z-index:1}#dice{z-index:4}#network-status{display:block;position:absolute;left:0;top:0;z-index:5;padding:0;padding-left:.8em;font-family:Nunito,sans-serif;font-weight:600;font-size:2em;text-shadow:0 0 10px #000;color:white}#message-container{position:absolute;left:0;top:0;width:100%;height:100%;z-index:15;background-color:rgba(0,0,0,0.25)}#message-container.below-controls{z-index:13}#message{display:block;position:absolute;width:100%;top:50%;transform:translate(0,-100%)}#message-title,#message-subtitle{font-family:Nunito,sans-serif;font-weight:600;text-shadow:0 0 20px #000;color:white;text-align:center}#message-title{font-size:9vh}#message-subtitle{font-size:5vh}#join-discord,#star-github{display:block;position:absolute;width:50vh;top:52.5%;left:50%;transform:translate(-50%,0)}#join-discord,#star-github{filter:drop-shadow(3px 3px 10px rgba(0,0,0,0.8))}#join-discord img,#star-github img{width:100%}#waiting-for-friend{position:absolute;display:flex;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;top:0;left:0;width:100%;height:100%;z-index:10}#waiting-for-friend *{display:inline-block;height:8vmin;color:black;font-family:Nunito,sans-serif;font-size:7vmin;line-height:7vmin;text-align:center;vertical-align:middle}#waiting-for-friend label{display:block;margin-bottom:8vmin;font-size:8vmin;color:white}#waiting-for-friend button{width:20vmin;cursor:pointer;margin:1em;font-size:5vmin;line-height:5vmin}#waiting-for-friend .flex-break{flex-basis:100%;height:0}#overlay{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;pointer-events:none}#controls{position:absolute;top:0;right:0;margin-top:.8vh;margin-right:1.2vh;z-index:14;opacity:.8;transition:opacity .2s ease-in-out}#controls:hover{opacity:1}#controls .control{display:inline-block;float:right;cursor:pointer}#controls img{height:6vh;opacity:.6;transition:opacity .2s ease-in-out}#controls img:hover{opacity:1}#win{position:absolute;display:flex;align-items:center;flex-direction:column;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,0.4)}#winner-message{display:block;width:100%;font-family:Nunito,sans-serif;font-weight:600;text-shadow:0 0 20px #000;color:white;text-align:center;font-size:12vh;margin-bottom:5vh}#menu{flex-grow:1;width:100%;max-width:900px;padding:.5em;padding-left:1.5em;padding-right:1.5em;margin:1em;margin-left:auto;margin-right:auto;box-sizing:border-box;font-family:Nunito,sans-serif;font-size:1.4em;background-color:#202930;box-shadow:0 0 10px 5px rgba(0,0,0,1);color:white;text-align:center}.menu-button{margin:auto;cursor:pointer}.menu-button canvas{margin:auto;position:relative}#watch-button,#watch-button canvas,#learn-button,#learn-button canvas{display:block;vertical-align:middle}.menu-select{display:block;margin-top:1em;margin-bottom:1em}.menu-select-prompt{color:white;font-family:DuranGo,serif;font-size:1.4em;margin-bottom:.2em;text-align:left}.menu-select.inactive .menu-select-prompt{opacity:.5;transition:opacity .2s ease-in-out}.menu-select-option{position:relative;display:inline-block;cursor:pointer;padding:2vmin 3vmin;text-align:center}.menu-select-option-content{filter:drop-shadow(0 0 10px rgba(0,0,0,0.5));opacity:.5;transition:opacity .1s ease-in-out,transform .1s ease-in-out}.menu-select-option.option-loading .menu-select-option-content{opacity:.3}.menu-select-option .loading-spinner{opacity:0;transition:opacity .2s ease-in-out}.menu-select-option.option-loading .loading-spinner{opacity:1}.menu-select.inactive .menu-select-option-content{opacity:.3}.menu-select .option-loading .menu-select-option-content{opacity:.3;transform:scale(0.9)}.menu-select .option-unsupported .menu-select-option-content{opacity:.2;transform:scale(0.9)}.menu-select .option-hovered .menu-select-option-content{opacity:1;transform:scale(1.1)}.menu-select .option-selected .menu-select-option-content{opacity:1}.menu-select-description-text{opacity:1;color:white;white-space:nowrap;font-family:Nunito,sans-serif;font-size:.7em;transition:opacity .1s ease-in-out}@media(max-aspect-ratio:3/4){.menu-select-description-text{display:block}}.menu-select-description-text.option-loading{color:#f0a4ff}.menu-select-description-text.option-unsupported{color:#ff8080}.menu-select-option{width:14vw;height:14vw;max-width:120px;max-height:120px}@media(min-aspect-ratio:7/5){.menu-select-option{width:14vh;height:14vh}}@media(max-aspect-ratio:3/4){.menu-select-option{width:26vw;height:26vw;padding-left:7vw;padding-right:7vw}}.menu-select-text{font-family:Nunito,sans-serif;font-weight:600;font-size:1em;text-shadow:0 0 20px #000;color:white;white-space:pre}.menu-select-option.option-loading .menu-select-text{color:#969696}.menu-select-option.option-unsupported .menu-select-text{color:#ff8282;text-decoration:line-through}.menu-select-icon{padding-top:0;width:80%}#mode-local .menu-select-icon{padding-top:1%;width:85%}#mode-online .menu-select-icon{padding-top:0;width:80%}#mode-computer .menu-select-icon{padding-top:5%;width:75%}#mode-friend .menu-select-icon{padding-top:0;width:75%}#computer-easy.menu-select-icon{padding-top:2%;width:75%}#computer-medium.menu-select-icon{padding-top:1%;width:77.5%}#play{display:inline-block;height:12vh;margin-top:1em;margin-bottom:1em;cursor:pointer}#play img{width:auto;height:100%;filter:drop-shadow(0 0 12px rgba(0,0,0,0.6))}#play:hover img{filter:drop-shadow(0 0 12px rgba(255,255,255,0.4))}.loading-spinner{position:absolute;left:35%;top:35%;width:30%;padding-bottom:38%}.loading-spinner-bar{position:absolute;width:12%;height:31%;border-radius:4px;border:2px solid black;animation-duration:1.2s;animation-iteration-count:infinite;animation-direction:normal}.loading-spinner-bar-01{left:0;top:34%;animation-delay:.45s;transform:rotate(-90deg)}.loading-spinner-bar-02{left:13%;top:11.5%;animation-delay:.6s;transform:rotate(-45deg)}.loading-spinner-bar-03{left:41%;top:4%;animation-delay:.75s;transform:rotate(0)}.loading-spinner-bar-04{right:14%;top:11.5%;animation-delay:.9s;transform:rotate(45deg)}.loading-spinner-bar-05{right:0;top:34%;animation-delay:1.05s;transform:rotate(90deg)}.loading-spinner-bar-06{right:13%;bottom:7.5%;animation-delay:1.2s;transform:rotate(135deg)}.loading-spinner-bar-07{left:41%;bottom:0;animation-delay:1.35s;transform:rotate(180deg)}.loading-spinner-bar-08{left:13%;bottom:7.5%;animation-delay:1.5s;transform:rotate(-135deg)}.loading-spinner,.loading-spinner.purple-loading-spinner{filter:drop-shadow(0 0 2.5vmin #3d184f)}.loading-spinner .loading-spinner-bar,.loading-spinner.purple-loading-spinner .loading-spinner-bar{background-color:#3d184f;animation-name:loadingFadePurple}@keyframes loadingFadePurple{0%{background-color:#f0a4ff}100%{background-color:#3d184f}}.loading-spinner.green-loading-spinner{filter:drop-shadow(0 0 2.5vmin #274a17)}.loading-spinner.green-loading-spinner .loading-spinner-bar{background-color:#274a17;animation-name:loadingFadeGreen}@keyframes loadingFadeGreen{0%{background-color:#b6ff94}100%{background-color:#274a17}}.loading-spinner.orange-loading-spinner{filter:drop-shadow(0 0 2.5vmin #4a3512)}.loading-spinner.orange-loading-spinner .loading-spinner-bar{background-color:#4a3512;animation-name:loadingFadeOrange}@keyframes loadingFadeOrange{0%{background-color:#ffcd70}100%{background-color:#4a3512}}.loading-spinner.red-loading-spinner{filter:drop-shadow(0 0 2.5vmin #4a1212)}.loading-spinner.red-loading-spinner .loading-spinner-bar{background-color:#4a1212;animation-name:loadingFadeRed}@keyframes loadingFadeRed{0%{background-color:#fa7878}100%{background-color:#4a1212}}.loading-spinner.blue-loading-spinner{filter:drop-shadow(0 0 2.5vmin #1b204d)}.loading-spinner.blue-loading-spinner .loading-spinner-bar{background-color:#1b204d;animation-name:loadingFadeBlue}@keyframes loadingFadeBlue{0%{background-color:#9ea8ff}100%{background-color:#1b204d}}