@charset "utf-8";@import url(fonts/fonts.css);article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap;word-wrap:break-word}q{quotes:\201c \201d \2018 \2019}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body,figure{margin:0}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}html:-webkit-full-screen{width:100%;height:100%}:root{--boardSize:320px;--fillSize:30px;--fms:calc(var(--fillSize) + 2px);--fmsX2:calc((var(--fms)) * 2);--fmsX3:calc((var(--fms)) * 3);--fmsX4:calc((var(--fms)) * 4);--fmsX5:calc((var(--fms)) * 5);--text-color:#968585;--bg-color:#fffefc;--cell-color:#f7f4ed}:root body.night{--text-color:#eee;--bg-color:#222;--cell-color:#333}*{font-family:"Lato","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial;color:var(--text-color);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{width:100%;height:100vh;overflow:hidden;background-color:var(--bg-color);-webkit-tap-highlight-color:transparent;-tap-highlight-color:transparent}h1,h2,h3,h4{text-transform:uppercase}header{height:50px;background-color:#f7f4ed}header #logo{display:block;margin:auto;padding-top:5px;width:40px}#version{position:absolute;top:95vh;right:20px;font-size:.7em}.btn{border:0;border-radius:5px}#play-overlay,#menu-wrap{display:none;position:absolute;top:0;left:0;z-index:1000;width:100%;height:100%;padding-top:160px;background-color:rgba(230,230,230,0.2)}#menu-wrap.show{display:block}#play-overlay.show{display:flex;flex-direction:column;text-align:center;align-items:center}#game-instructions{width:50%}#ready-to-play{width:150px;height:75px}#menu-wrap .menu{position:relative;width:238px;height:260px;margin:auto}#menu-wrap .menu .menu-item{float:left;width:50%;height:50%;padding:5px}#menu-wrap .menu .menu-item .item{width:100%;height:100%;background-color:#555;cursor:pointer;border-radius:5px;background-repeat:no-repeat;background-position:center;background-size:75%}#menu-wrap .menu .menu-item .item img{display:block;width:68px;padding-top:15px;margin:auto;pointer-events:none}#menu-wrap .menu .menu-item .item#restart{background-color:#c98b9d;background-image:url(img/restart.svg)}#menu-wrap .menu .menu-item .item#mute{background-color:#85bbdd;background-image:url(img/sound.svg)}body.mute #menu-wrap .menu .menu-item .item#mute{background-image:url(img/mute.svg)}#menu-wrap .menu .menu-item .item#color-mode{background-color:#a4db9c;background-image:url(img/colors.svg)}#menu-wrap .menu .menu-item .item#fullscreen-btn{background-color:#f48f62;background-image:url(img/fullscreen.svg)}.fullscreen #menu-wrap .menu .menu-item .item#fullscreen-btn{background-image:url(img/fullscreen-exit.svg)}#menu-wrap .menu .modal{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffefc;border-radius:5px}#menu-wrap .menu .modal.show{display:block}#menu-wrap .menu .modal#restart-modal.show{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}#menu-wrap .menu .modal#restart-modal .btn{width:102px;padding:10px 0;color:white}#menu-wrap .menu .modal#restart-modal #confirm-restart{background-color:lightgreen}#menu-wrap .menu .modal#restart-modal #cancel-restart{background-color:tomato}#menu-wrap .menu .modal#color-modal{padding:5px}#theme-picker{display:flex;flex-direction:column;margin-bottom:15px}.theme-icons{display:flex;justify-content:space-between;margin:10px}.theme-icon{width:18px;height:18px}#sun-icon{background-image:url(img/sun.svg)}#moon-icon{background-image:url(img/moon.svg)}#auto-icon{background-image:url(img/auto.svg)}.night #sun-icon{background-image:url(img/sun-white.svg)}.night #moon-icon{background-image:url(img/moon-white.svg)}.night #auto-icon{background-image:url(img/auto-white.svg)}.settings-slider{width:90%;align-self:center}#menu-wrap .menu .modal#color-modal .color-choices img.color{border-radius:3px;padding:3px}#menu-wrap .menu .modal#color-modal .color-choices img.color.current{border:1px solid darkseagreen}#menu-wrap #game-over{position:absolute;top:0;left:0;right:0;z-index:1;width:100%;opacity:0;background-color:#f7f4ed;text-align:center;pointer-events:auto;transform:translate3d(0,-500px,0)}#menu-wrap #game-over.show{opacity:1;transform:translate3d(0,0,0)}#menu-wrap #game-over h1{margin:15px 0 2px 0}#menu-wrap #game-over h4{margin:2px 0}#menu-wrap #game-over #score-wrap{position:relative;width:170px;margin:auto;color:#fffefc}#menu-wrap #game-over #score-wrap #game-over-score,#menu-wrap #game-over #score-wrap #game-over-score-best{font-size:1.6em;font-weight:400;margin:0}#menu-wrap #game-over #score-wrap #game-over-score{color:#98dc55}#menu-wrap #game-over #score-wrap #game-over-score-best{color:#ed954a}.game-info{position:relative;width:340px;height:68px;margin:auto;padding-top:10px}.game-info .score{font-size:14pt;font-weight:400;margin:0;color:#98dc55}.game-info .score#score-best{color:#ed954a}.game-info #rotation{position:absolute;left:0;right:0;bottom:0;text-align:center;width:68px;margin:auto}.game-info #rotation .rotate{display:inline-block;width:10px;height:10px;margin-right:10px;border:1px solid paleturquoise;border-radius:50%;background-color:transparent;transition:background .25s}.game-info #rotation .rotate.mustRotate{animation:pulseempty .5s linear infinite alternate}.game-info #rotation .rotate.show{background-color:paleturquoise}.game-info #rotation .rotate.show.mustRotate{animation:pulse .5s linear infinite alternate}.game-info #rotation .rotate:last-child{margin-right:0}.game-info #menu-btn{position:absolute;top:0;right:-12px;width:50px;height:50px;padding:2px;background-image:url(img/settings.svg);background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:50% auto;cursor:pointer;outline:none}.night .game-info #menu-btn{background-image:url(img/settings-white.svg)}#menu-btn #settings{width:90%}@keyframes pulse{0%{border-color:paleturquoise;background-color:paleturquoise}100%{border-color:#ff4136;background-color:#ff4136}}@keyframes pulseempty{0%{border-color:paleturquoise}100%{border-color:#ff4136}}#board-container{margin:auto;width:var(--boardSize);height:var(--boardSize)}#board{display:flex;flex-wrap:wrap;transition:all .3s;transition-timing-function:cubic-bezier(0.1,2.7,0.58,1);will-change:transform}#board.transEnd{transition:none;transition-timing-function:0}#board::before{content:"";opacity:0;position:absolute;top:-13px;left:calc((var(--boardSize) / 2) - 5px);width:10px;height:10px;border-radius:50%;background-color:#ed954a;transition:opacity .2s}#board.rotating::before{opacity:1}.cell,.fill,.ghost{width:var(--fillSize);height:var(--fillSize);border-radius:3px}#board .cell{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;position:relative;padding:0;margin:1px;border-radius:3px;background:var(--cell-color)}#board .cell:before{content:'';position:absolute;display:block;width:var(--fillSize);height:var(--fillSize);border-radius:inherit}#board .cell.transition:before{transition:transform .2s;transition-timing-function:cubic-bezier(.35,-0.4,1,.4);will-change:transform;transform:scale(0)}#drawer-container{margin-top:25px}#drawer{display:flex;margin:auto;width:var(--boardSize);justify-content:space-evenly;align-items:center;pointer-events:none;transform:translate3d(100%,0,0)}#drawer.slide{transition:transform .2s;transform:translate3d(0,0,0);z-index:2}#drawer::after{content:'';position:absolute;top:0;left:0;width:370px;height:100%;background:var(--bg-color);z-index:1}#drawer.slide::after{transition:transform .2s;transform:translate3d(100%,0,0);background:transparent}.shape,.dead{display:flex;flex:0 0 auto;flex-wrap:wrap;transition:all .2s;will-change:transform;transform:scale(0.6)}.shape.active{transition:none;z-index:5}.shape .handle{position:absolute;top:0;left:0;bottom:0;right:0;min-width:100px;min-height:100px;width:100%;height:100%;transform:scale(1.25);margin:auto;pointer-events:all}.shape .fill,.shape .ghost{margin:1px;transition:all .2s}.shape[data-shapeid$="24"],.shape[data-shapeid$="23"],.shape[data-shapeid^="t"]{width:var(--fmsX2)}.shape[data-shapeid$="39"],.shape[data-shapeid$="35"],.shape[data-shapeid^="tu"],.shape[data-shapeid^="td"]{width:var(--fmsX3)}.shape[data-shapeid^="ll"]{flex-direction:column}.shape[data-shapeid$="39"] .handle{left:-2px}.shape[data-shapeid$="24"] .handle,.shape[data-shapeid$="23"] .handle,.shape[data-shapeid$="22"] .handle,.shape[data-shapeid^="tl"] .handle,.shape[data-shapeid^="tr"] .handle{left:calc(var(--fms) * -0.5)}.shape[data-shapeid^="ll"] .handle{left:calc(var(--fms) * -1)}.cell[data-shapeid$="23"]:before,.shape[data-shapeid$="23"] .fill{background-color:#89cbc9}.cell[data-shapeid$="35"]:before,.shape[data-shapeid$="35"] .fill{background-color:#85bbdd}.cell[data-shapeid$="24"]:before,.shape[data-shapeid$="24"] .fill{background-color:#a4db9c}.cell[data-shapeid$="39"]:before,.shape[data-shapeid$="39"] .fill{background-color:#7bbf93}.cell[data-shapeid^="l"][data-shapeid$="2"]:before,.shape[data-shapeid^="l"][data-shapeid$="2"] .fill{background-color:#f2e38b}.cell[data-shapeid^="l"][data-shapeid$="3"]:before,.shape[data-shapeid^="l"][data-shapeid$="3"] .fill{background-color:#f48f62}.cell[data-shapeid^="l"][data-shapeid$="4"]:before,.shape[data-shapeid^="l"][data-shapeid$="4"] .fill{background-color:#c98b9d}.cell[data-shapeid^="l"][data-shapeid$="5"]:before,.shape[data-shapeid^="l"][data-shapeid$="5"] .fill{background-color:#933e3e}.cell[data-shapeid^="t"]:before,.shape[data-shapeid^="t"] .fill{background-color:#92a1d3}.classic .cell[data-shapeid$="23"]:before,.classic .shape[data-shapeid$="23"] .fill{background-color:#59cb86}.classic .cell[data-shapeid$="35"]:before,.classic .shape[data-shapeid$="35"] .fill{background-color:#5cbee4}.classic .cell[data-shapeid$="24"]:before,.classic .shape[data-shapeid$="24"] .fill{background-color:#98dc55}.classic .cell[data-shapeid$="39"]:before,.classic .shape[data-shapeid$="39"] .fill{background-color:#4dd5b0}.classic .cell[data-shapeid^="l"][data-shapeid$="2"]:before,.classic .shape[data-shapeid^="l"][data-shapeid$="2"] .fill{background-color:#ffc63e}.classic .cell[data-shapeid^="l"][data-shapeid$="3"]:before,.classic .shape[data-shapeid^="l"][data-shapeid$="3"] .fill{background-color:#ed954a}.classic .cell[data-shapeid^="l"][data-shapeid$="4"]:before,.classic .shape[data-shapeid^="l"][data-shapeid$="4"] .fill{background-color:#e76a82}.classic .cell[data-shapeid^="l"][data-shapeid$="5"]:before,.classic .shape[data-shapeid^="l"][data-shapeid$="5"] .fill{background-color:#dc6555}.classic .cell[data-shapeid^="t"]:before,.classic .shape[data-shapeid^="t"] .fill{background-color:#7d8ed4}.dark .cell[data-shapeid$="23"]:before,.dark .shape[data-shapeid$="23"] .fill{background-color:#3f915f}.dark .cell[data-shapeid$="35"]:before,.dark .shape[data-shapeid$="35"] .fill{background-color:#3b7c93}.dark .cell[data-shapeid$="24"]:before,.dark .shape[data-shapeid$="24"] .fill{background-color:#76aa42}.dark .cell[data-shapeid$="39"]:before,.dark .shape[data-shapeid$="39"] .fill{background-color:#2e826a}.dark .cell[data-shapeid^="l"][data-shapeid$="2"]:before,.dark .shape[data-shapeid^="l"][data-shapeid$="2"] .fill{background-color:#ce9f31}.dark .cell[data-shapeid^="l"][data-shapeid$="3"]:before,.dark .shape[data-shapeid^="l"][data-shapeid$="3"] .fill{background-color:#d1894f}.dark .cell[data-shapeid^="l"][data-shapeid$="4"]:before,.dark .shape[data-shapeid^="l"][data-shapeid$="4"] .fill{background-color:#994a59}.dark .cell[data-shapeid^="l"][data-shapeid$="5"]:before,.dark .shape[data-shapeid^="l"][data-shapeid$="5"] .fill{background-color:#a85045}.dark .cell[data-shapeid^="t"]:before,.dark .shape[data-shapeid^="t"] .fill{background-color:#4c567f}.earth .cell[data-shapeid$="23"]:before,.earth .shape[data-shapeid$="23"] .fill{background-color:#868e8e}.earth .cell[data-shapeid$="35"]:before,.earth .shape[data-shapeid$="35"] .fill{background-color:#7f7576}.earth .cell[data-shapeid$="24"]:before,.earth .shape[data-shapeid$="24"] .fill{background-color:#e2deb5}.earth .cell[data-shapeid$="39"]:before,.earth .shape[data-shapeid$="39"] .fill{background-color:#91966e}.earth .cell[data-shapeid^="l"][data-shapeid$="2"]:before,.earth .shape[data-shapeid^="l"][data-shapeid$="2"] .fill{background-color:#bcad90}.earth .cell[data-shapeid^="l"][data-shapeid$="3"]:before,.earth .shape[data-shapeid^="l"][data-shapeid$="3"] .fill{background-color:#b39a6a}.earth .cell[data-shapeid^="l"][data-shapeid$="4"]:before,.earth .shape[data-shapeid^="l"][data-shapeid$="4"] .fill{background-color:#4f3f3e}.earth .cell[data-shapeid^="l"][data-shapeid$="5"]:before,.earth .shape[data-shapeid^="l"][data-shapeid$="5"] .fill{background-color:#373f4c}.earth .cell[data-shapeid^="t"]:before,.earth .shape[data-shapeid^="t"] .fill{background-color:#7e5249}.contrast .cell[data-shapeid$="23"]:before,.contrast .shape[data-shapeid$="23"] .fill{background-color:#059638}.contrast .cell[data-shapeid$="35"]:before,.contrast .shape[data-shapeid$="35"] .fill{background-color:#8cdddd}.contrast .cell[data-shapeid$="24"]:before,.contrast .shape[data-shapeid$="24"] .fill{background-color:#9dea44}.contrast .cell[data-shapeid$="39"]:before,.contrast .shape[data-shapeid$="39"] .fill{background-color:#2889d1}.contrast .cell[data-shapeid^="l"][data-shapeid$="2"]:before,.contrast .shape[data-shapeid^="l"][data-shapeid$="2"] .fill{background-color:#efef0f}.contrast .cell[data-shapeid^="l"][data-shapeid$="3"]:before,.contrast .shape[data-shapeid^="l"][data-shapeid$="3"] .fill{background-color:#b9c114}.contrast .cell[data-shapeid^="l"][data-shapeid$="4"]:before,.contrast .shape[data-shapeid^="l"][data-shapeid$="4"] .fill{background-color:#ae86e2}.contrast .cell[data-shapeid^="l"][data-shapeid$="5"]:before,.contrast .shape[data-shapeid^="l"][data-shapeid$="5"] .fill{background-color:#6b58e0}.contrast .cell[data-shapeid^="t"]:before,.contrast .shape[data-shapeid^="t"] .fill{background-color:#afbadb}.shape.dying,.shape.dead,.shape.dying .handle,.shape.dead .handle,.shape.dying[data-shapeid]>.fill,.shape.dead[data-shapeid]>.fill{pointer-events:none}.shape.dead,.shape.dead .handle,.shape.dead[data-shapeid]>.fill{background-color:transparent}.night{color:#eee}.night header{background-color:#111}.night #menu-wrap .menu .modal{background-color:#444}.night #menu-wrap #game-over{background-color:#444;color:#eee}.night #menu-wrap #game-over h1,.night #menu-wrap #game-over h4{color:#fffefc}.night .fill::before{background:#333}.night #ready-to-play{color:var(--bg-color)}