@font-face{font-family:icomoon;src:url(c8e76d4fddb7bd2f74ad64068836ed33.eot);src:url(c8e76d4fddb7bd2f74ad64068836ed33.eot#iefix) format("embedded-opentype"),url(14300df21b4e26883ca427d74c305747.ttf) format("truetype"),url(66f8540e67ce0ff54d05f5b5ac88511f.woff) format("woff"),url(56dcff8f1e9f6f499fccdd9fc3e4d5dd.svg#icomoon) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-lock:before{content:"\e98f"}.icon-unlocked:before{content:"\e990"}.icon-steam2:before{content:"\e901"}.icon-tux:before{content:"\e902"}.icon-appleinc:before{content:"\e903"}.icon-finder:before{content:"\e904"}.icon-android:before{content:"\e905"}.icon-windows8:before{content:"\e906"}.icon-enlarge:before{content:"\e907"}.icon-shrink:before{content:"\e908"}.icon-menu:before{content:"\e900"}.icon-undo2:before{content:"\e912"}@font-face{font-family:Corben;font-style:normal;font-weight:400;src:url(e392bcbf4383c661e8a8cefba4a83776.eot);src:local("Corben Regular"),local("Corben-Regular"),url(e392bcbf4383c661e8a8cefba4a83776.eot?#iefix) format("embedded-opentype"),url(09a8890a14881d5e37280bf58947b80a.woff2) format("woff2"),url(5ea3b45ad4af8d3f00dc66ea671fc9c8.woff) format("woff"),url(3cec6aace9772de3c66ddfd9cca7ba5e.ttf) format("truetype"),url(d0933b11cfd01e0d2fe26cd6f04aeac0.svg#Corben) format("svg")}@font-face{font-family:Corben;font-style:normal;font-weight:700;src:url(e031d6b99bae24d5a9159d2d052729d3.eot);src:local("Corben"),url(e031d6b99bae24d5a9159d2d052729d3.eot?#iefix) format("embedded-opentype"),url(dfec4f377b0afc3f801af5108c823800.woff2) format("woff2"),url(88fe707ddf5e0b56d2846d8e3e63d683.woff) format("woff"),url(1382ec44f638a9ab0885931a3381aa55.ttf) format("truetype"),url(ca394bbbcd7543f56e57e65da52b4a8a.svg#Corben) format("svg")}*{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input:not([type]),input[type=text]{cursor:auto;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}body,html{position:relative;width:100%;height:100%;margin:0;padding:0}body{font-family:Corben,sans-serif;font-weight:400;background:#000;color:#eee;-ms-scroll-chaining:none;overscroll-behavior:contain}small{font-size:50%}p{padding:0}li,ol,p,ul{margin:0 0 .5em;padding:0}ul{list-style:none}h1{font-size:150%;margin:0 0 .3em}h1,h2{font-weight:700}h2{font-size:100%;margin:.5em 0 0}a{cursor:pointer;color:#eee;text-shadow:0 0 .1em hsla(0,0%,100%,.5)}a:focus,a:hover{color:#ddd}a:active{color:#ccc}strong{font-weight:700;font-size:75%}input:not([type]),input[type=text]{padding:.1em;box-sizing:border-box;background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#fff,#f7f7f7 50%,#e8e8e8 75%,#d1d1d1 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#fff,#f7f7f7 50%,#e8e8e8 75%,#d1d1d1 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#fff,#f7f7f7 50%,#e8e8e8 75%,#d1d1d1 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#fff,#f7f7f7 50%,#e8e8e8 75%,#d1d1d1 100%);color:#222;border:none;box-shadow:inset .1em .1em .3em rgba(0,0,0,.5);text-align:left}label{font-size:70%}.fullscreen{position:absolute;left:0;top:0;right:0;bottom:0}.z-below{z-index:-1}.center-children{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.game-center{left:50%;top:50%}.board,.game-center{position:absolute}.board,.board *{cursor:pointer}.tile{width:1em;height:1em;z-index:0}.tile-inner{position:absolute;left:.025em;top:.025em;width:.95em;height:.95em}.board-tile .tile-inner{box-shadow:.05em .05em .3em rgba(0,0,0,.7);background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.board-tile .tile-inner.white{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#fff,#f7f7f7 50%,#e8e8e8 75%,#d1d1d1 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#fff,#f7f7f7 50%,#e8e8e8 75%,#d1d1d1 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#fff,#f7f7f7 50%,#e8e8e8 75%,#d1d1d1 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#fff,#f7f7f7 50%,#e8e8e8 75%,#d1d1d1 100%)}.board-tile .tile-inner.black{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#222,#1a1a1a 50%,#0b0b0b 75%,#000 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#222,#1a1a1a 50%,#0b0b0b 75%,#000 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#222,#1a1a1a 50%,#0b0b0b 75%,#000 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#222,#1a1a1a 50%,#0b0b0b 75%,#000 100%)}.block-tile .tile-inner{box-shadow:.05em .05em .3em rgba(0,0,0,.7);background-repeat:no-repeat}.block-tile .tile-inner.order-1{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#3f51b5,#3b4caa 50%,#334293 75%,#273371 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#3f51b5,#3b4caa 50%,#334293 75%,#273371 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#3f51b5,#3b4caa 50%,#334293 75%,#273371 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#3f51b5,#3b4caa 50%,#334293 75%,#273371 100%)}.block-tile .tile-inner.order-2{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#03a9f4,#039fe5 50%,#028ac7 75%,#026a99 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#03a9f4,#039fe5 50%,#028ac7 75%,#026a99 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#03a9f4,#039fe5 50%,#028ac7 75%,#026a99 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#03a9f4,#039fe5 50%,#028ac7 75%,#026a99 100%)}.block-tile .tile-inner.order-3{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#009688,#00877a 50%,#00685e 75%,#003a35 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#009688,#00877a 50%,#00685e 75%,#003a35 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#009688,#00877a 50%,#00685e 75%,#003a35 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#009688,#00877a 50%,#00685e 75%,#003a35 100%)}.block-tile .tile-inner.order-4{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#8bc34a,#84bf3f 50%,#74a838 75%,#5c852c 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#8bc34a,#84bf3f 50%,#74a838 75%,#5c852c 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#8bc34a,#84bf3f 50%,#74a838 75%,#5c852c 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#8bc34a,#84bf3f 50%,#74a838 75%,#5c852c 100%)}.block-tile .tile-inner.order-5{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#ffeb3b,#ffe92c 50%,#ffe60d 75%,#dec800 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#ffeb3b,#ffe92c 50%,#ffe60d 75%,#dec800 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#ffeb3b,#ffe92c 50%,#ffe60d 75%,#dec800 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#ffeb3b,#ffe92c 50%,#ffe60d 75%,#dec800 100%)}.block-tile .tile-inner.order-6{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#ff9800,#f08f00 50%,#d17d00 75%,#a36100 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#ff9800,#f08f00 50%,#d17d00 75%,#a36100 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#ff9800,#f08f00 50%,#d17d00 75%,#a36100 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#ff9800,#f08f00 50%,#d17d00 75%,#a36100 100%)}.block-tile .tile-inner.order-7{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#f44336,#f33527 50%,#ef1d0d 75%,#c4170b 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#f44336,#f33527 50%,#ef1d0d 75%,#c4170b 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#f44336,#f33527 50%,#ef1d0d 75%,#c4170b 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#f44336,#f33527 50%,#ef1d0d 75%,#c4170b 100%)}.block-tile .tile-inner.order-8{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#e91e63,#e2165b 50%,#c61350 75%,#9c0f3f 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#e91e63,#e2165b 50%,#c61350 75%,#9c0f3f 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#e91e63,#e2165b 50%,#c61350 75%,#9c0f3f 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#e91e63,#e2165b 50%,#c61350 75%,#9c0f3f 100%)}.block-tile .tile-inner.order-9{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#9c27b0,#9124a3 50%,#7b1f8a 75%,#591665 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#9c27b0,#9124a3 50%,#7b1f8a 75%,#591665 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#9c27b0,#9124a3 50%,#7b1f8a 75%,#591665 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#9c27b0,#9124a3 50%,#7b1f8a 75%,#591665 100%)}.ghost-tile .tile-inner{left:-.025em;top:-.025em;border-radius:.05em;border-width:.05em;border-style:solid}.ghost-tile .tile-inner.order-1{border-color:#3f51b5;box-shadow:inset 0 0 .3em #3f51b5}.ghost-tile .tile-inner.order-2{border-color:#03a9f4;box-shadow:inset 0 0 .3em #03a9f4}.ghost-tile .tile-inner.order-3{border-color:#009688;box-shadow:inset 0 0 .3em #009688}.ghost-tile .tile-inner.order-4{border-color:#8bc34a;box-shadow:inset 0 0 .3em #8bc34a}.ghost-tile .tile-inner.order-5{border-color:#ffeb3b;box-shadow:inset 0 0 .3em #ffeb3b}.ghost-tile .tile-inner.order-6{border-color:#ff9800;box-shadow:inset 0 0 .3em #ff9800}.ghost-tile .tile-inner.order-7{border-color:#f44336;box-shadow:inset 0 0 .3em #f44336}.ghost-tile .tile-inner.order-8{border-color:#e91e63;box-shadow:inset 0 0 .3em #e91e63}.ghost-tile .tile-inner.order-9{border-color:#9c27b0;box-shadow:inset 0 0 .3em #9c27b0}.ghost .error{position:absolute}.ghost .error:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ghost .error:after,.ghost .error:before{content:" ";display:block;position:absolute;left:.5em;top:.5em;width:.75em;height:.15em;margin-left:-.375em;margin-top:-.075em;background-image:-webkit-radial-gradient(circle farthest-corner,red,#df0000 50%,#9f0000);background-image:radial-gradient(circle farthest-corner,red,#df0000 50%,#9f0000)}.ghost .error:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.queue,.queue-glow{position:absolute}.queue-glow{z-index:-1;background-image:-webkit-radial-gradient(circle closest-side,#fff 0,hsla(0,0%,100%,.85) 20%,hsla(0,0%,100%,.53) 40%,hsla(0,0%,100%,.24) 60%,hsla(0,0%,100%,.07) 80%,hsla(0,0%,100%,0) 100%);background-image:radial-gradient(circle closest-side,#fff 0,hsla(0,0%,100%,.85) 20%,hsla(0,0%,100%,.53) 40%,hsla(0,0%,100%,.24) 60%,hsla(0,0%,100%,.07) 80%,hsla(0,0%,100%,0) 100%)}.block,.handle{position:absolute}.handle{width:.3em;height:.3em;margin-left:-.15em;margin-top:-.15em;border-radius:50% 50%;background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#222,#1a1a1a 50%,#0b0b0b 75%,#000 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#222,#1a1a1a 50%,#0b0b0b 75%,#000 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#222,#1a1a1a 50%,#0b0b0b 75%,#000 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#222,#1a1a1a 50%,#0b0b0b 75%,#000 100%);box-shadow:0 0 .3em #fff}.block-lock{line-height:.75;text-align:center;color:#222;text-shadow:0 0 .3em #fff}.block-lock .icon-lock{display:inline-block;font-size:.8em}.stash,.stash *{cursor:pointer}.stash-frame{background-color:rgba(0,0,0,.1);box-shadow:inset .02em .02em .2em rgba(0,0,0,.5),0 0 .2em hsla(0,0%,100%,.3);border-radius:50%}.stash:focus .stash-frame,.stash:hover .stash-frame{background-color:rgba(0,0,0,.05);box-shadow:inset .02em .02em .2em rgba(0,0,0,.5),0 0 .2em hsla(0,0%,100%,.5)}.stash:active .stash-frame{background-color:transparent;box-shadow:inset .02em .02em .2em rgba(0,0,0,.5),0 0 .2em hsla(0,0%,100%,.7)}.stash-text-container{display:table}.stash-text{display:table-cell;text-align:center;vertical-align:middle;font-size:.3em;text-transform:uppercase;color:#fff;opacity:.8;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.stash-filled .stash-text{opacity:0}.stash-arrow{display:block;content:" ";width:0;height:0;margin-top:-.3em;margin-left:-.2em;border:.2em solid transparent;border-bottom-color:#ddd;-webkit-transform-origin:50% 75%;transform-origin:50% 75%;-webkit-transform:perspective(5em) rotateX(0deg);transform:perspective(5em) rotateX(0deg);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.stash-filled .stash-arrow{-webkit-transform:perspective(5em) rotateX(180deg);transform:perspective(5em) rotateX(180deg)}.score-bubble{font-weight:700;line-height:1;color:#fff}.score-bubble .score{position:absolute;margin-top:-.1em;-webkit-transform:translate(-50%,-50%) scale(1) translateZ(0);transform:translate(-50%,-50%) scale(1) translateZ(0);text-align:center;text-shadow:0 .05em .3em rgba(0,0,0,.7)}.score-bubble .bonus{font-size:1em;margin-top:.07em}.score-bubble .bonus-blackout{color:#222;text-shadow:0 0 .3em #fff}.score-bubble .bonus-whiteout{color:#fff;text-shadow:0 0 .3em #222}.score-bubble .bonus-effect{font-weight:400;font-size:65%}.score-bubble .undo{position:absolute;-webkit-transform:translate(-50%,-50%) scale(1) translateZ(0);transform:translate(-50%,-50%) scale(1) translateZ(0);text-transform:uppercase;font-size:1.5em;margin-top:-.05em;text-shadow:0 .05em .3em rgba(0,0,0,.7)}.order-1-color{color:#3f51b5}.order-1-color-light{color:#8591d5}.order-2-color{color:#03a9f4}.order-2-color-light{color:#60ccfd}.order-3-color{color:#009688}.order-3-color-light{color:#00fce4}.order-4-color{color:#8bc34a}.order-4-color-light{color:#bcdc97}.order-5-color{color:#ffeb3b}.order-5-color-light{color:#fff5a1}.order-6-color{color:#ff9800}.order-6-color-light{color:#ffc166}.order-7-color{color:#f44336}.order-7-color-light{color:#f99d97}.order-8-color{color:#e91e63}.order-8-color-light{color:#f27ba3}.order-9-color{color:#9c27b0}.order-9-color-light{color:#ca61dc}.blinking{-webkit-animation-name:blinking;animation-name:blinking;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:step-start;animation-timing-function:step-start}@-webkit-keyframes blinking{0%{opacity:1}50%{opacity:0}}@keyframes blinking{0%{opacity:1}50%{opacity:0}}.hint{position:absolute;left:0;top:0;box-sizing:border-box;width:1.2em;height:1.2em;margin-left:-.6em;margin-top:-.6em;border-radius:.6em;border:.24em solid #fff;box-shadow:0 0 .3em #000,inset 0 0 .3em #000}.title{position:relative;line-height:1;padding-bottom:.1em;white-space:nowrap;font-size:1.2rem;font-weight:700;text-shadow:0 .05em .1em rgba(0,0,0,.7);z-index:1}.title.centered{-webkit-transform:translate(-50%,-50%) translateZ(0);transform:translate(-50%,-50%) translateZ(0)}.wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden;background:#000}.loading{font-size:5vh}.loading .loading-text{line-height:7.5vh;margin-bottom:.5em}.loading .loading-errors{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:1em;text-align:center;font-size:50%;line-height:1.2;color:#f44336}.loading .tile.spinning{position:relative}.loading .tile.spinning .black,.loading .tile.spinning .white{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;z-index:0}.loading .tile.spinning .black{-webkit-animation-name:black-tile-spinning;animation-name:black-tile-spinning}@-webkit-keyframes black-tile-spinning{0%{-webkit-transform:perspective(5em) rotate3d(1,-1,0,0deg);transform:perspective(5em) rotate3d(1,-1,0,0deg)}50%{-webkit-transform:perspective(5em) rotate3d(1,-1,0,180deg);transform:perspective(5em) rotate3d(1,-1,0,180deg)}to{-webkit-transform:perspective(5em) rotate3d(1,-1,0,1turn);transform:perspective(5em) rotate3d(1,-1,0,1turn)}}@keyframes black-tile-spinning{0%{-webkit-transform:perspective(5em) rotate3d(1,-1,0,0deg);transform:perspective(5em) rotate3d(1,-1,0,0deg)}50%{-webkit-transform:perspective(5em) rotate3d(1,-1,0,180deg);transform:perspective(5em) rotate3d(1,-1,0,180deg)}to{-webkit-transform:perspective(5em) rotate3d(1,-1,0,1turn);transform:perspective(5em) rotate3d(1,-1,0,1turn)}}.loading .tile.spinning .white{-webkit-animation-name:white-tile-spinning,work-around-chrome-bug;animation-name:white-tile-spinning,work-around-chrome-bug;-webkit-backface-visibility:visible;backface-visibility:visible}@-webkit-keyframes white-tile-spinning{0%{-webkit-transform:perspective(5em) rotate3d(1,-1,0,-180deg);transform:perspective(5em) rotate3d(1,-1,0,-180deg)}50%{-webkit-transform:perspective(5em) rotate3d(1,-1,0,0deg);transform:perspective(5em) rotate3d(1,-1,0,0deg)}to{-webkit-transform:perspective(5em) rotate3d(1,-1,0,180deg);transform:perspective(5em) rotate3d(1,-1,0,180deg)}}@keyframes white-tile-spinning{0%{-webkit-transform:perspective(5em) rotate3d(1,-1,0,-180deg);transform:perspective(5em) rotate3d(1,-1,0,-180deg)}50%{-webkit-transform:perspective(5em) rotate3d(1,-1,0,0deg);transform:perspective(5em) rotate3d(1,-1,0,0deg)}to{-webkit-transform:perspective(5em) rotate3d(1,-1,0,180deg);transform:perspective(5em) rotate3d(1,-1,0,180deg)}}@-webkit-keyframes work-around-chrome-bug{0%{visibility:hidden}25%{visibility:hidden}50%{visibility:visible}75%{visibility:hidden}to{visibility:hidden}}@keyframes work-around-chrome-bug{0%{visibility:hidden}25%{visibility:hidden}50%{visibility:visible}75%{visibility:hidden}to{visibility:hidden}}.main{position:relative;z-index:0;background-image:radial-gradient(circle farthest-corner,transparent,rgba(0,0,0,.8)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#222));background-image:-webkit-radial-gradient(circle farthest-corner,transparent,rgba(0,0,0,.8)),-webkit-linear-gradient(top,#fff,#222);background-image:radial-gradient(circle farthest-corner,transparent,rgba(0,0,0,.8)),linear-gradient(180deg,#fff,#222);background-size:100% 100%;overflow:hidden}.screen-flash{background-color:#fff;z-index:1000}.infobox{position:absolute;padding:.1em .2em .2em;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:1em;line-height:1;text-shadow:0 .05em .3em rgba(0,0,0,.7)}.infobox.top{top:0}.infobox.bottom{bottom:0}.infobox.left{left:0;text-align:left}.infobox.center{left:0;right:0;text-align:center}.infobox.right{right:0;text-align:right}.info-label{font-size:.3em;line-height:1;opacity:.7;text-transform:uppercase}.info{color:#fff;font-weight:700}.button{display:block;outline:0}.button:not(.disabled),.button:not(.disabled) *{cursor:pointer}.hud-button{display:inline-block;position:relative;padding:.3em;margin:-.3em .3em -.3em -.3em;font-size:1em;line-height:1;color:#eee;text-shadow:0 .05em .3em rgba(0,0,0,.7);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .2s ease-in-out,-webkit-transform .1s ease-out;transition:opacity .2s ease-in-out,-webkit-transform .1s ease-out;transition:transform .1s ease-out,opacity .2s ease-in-out;transition:transform .1s ease-out,opacity .2s ease-in-out,-webkit-transform .1s ease-out}.hud-button:last-child{margin-right:-.3em}.hud-button:not(.disabled):focus,.hud-button:not(.disabled):hover{color:#ccc}.hud-button:not(.disabled):active{color:#aaa}.hud-button.disabled{color:#888}.undo-counter{top:calc(1em - 5%);font-size:.3em}.undo-counter,.undo-lock{position:absolute;left:50%}.undo-lock{top:55%;font-size:.35em;color:#222;text-shadow:0 0 .1em #fff}.undo-lock .icon-lock{display:inline-block}.icon-enlarge,.icon-shrink{font-size:69%;position:relative;top:-.16em}.icon-lock{width:.64em}@-webkit-keyframes flip-in{0%{-webkit-transform:perspective(5rem) rotateX(-90deg);transform:perspective(5rem) rotateX(-90deg)}to{-webkit-transform:perspective(5rem) rotateX(0deg);transform:perspective(5rem) rotateX(0deg)}}@keyframes flip-in{0%{-webkit-transform:perspective(5rem) rotateX(-90deg);transform:perspective(5rem) rotateX(-90deg)}to{-webkit-transform:perspective(5rem) rotateX(0deg);transform:perspective(5rem) rotateX(0deg)}}@-webkit-keyframes flip-out{0%{-webkit-transform:perspective(5rem) rotateX(0deg);transform:perspective(5rem) rotateX(0deg)}to{-webkit-transform:perspective(5rem) rotateX(90deg);transform:perspective(5rem) rotateX(90deg)}}@keyframes flip-out{0%{-webkit-transform:perspective(5rem) rotateX(0deg);transform:perspective(5rem) rotateX(0deg)}to{-webkit-transform:perspective(5rem) rotateX(90deg);transform:perspective(5rem) rotateX(90deg)}}.tile-button{box-sizing:border-box;font-size:.6em;width:100%;height:calc(1rem - .1em);line-height:calc(.87rem - .087em);margin:.05em 0;text-align:center;box-shadow:.05em .05em .3em rgba(0,0,0,.7);overflow:hidden;-webkit-animation-name:flip-out;animation-name:flip-out;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;z-index:0}.tile-button.no-flip-out{-webkit-animation-name:none;animation-name:none}.flip-in .tile-button{-webkit-animation-name:flip-in;animation-name:flip-in;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.tile-button.white{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#fff,#f7f7f7 50%,#e8e8e8 75%,#d1d1d1 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#fff,#f7f7f7 50%,#e8e8e8 75%,#d1d1d1 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#fff,#f7f7f7 50%,#e8e8e8 75%,#d1d1d1 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#fff,#f7f7f7 50%,#e8e8e8 75%,#d1d1d1 100%);color:#222;text-shadow:0 .05em .3em rgba(0,0,0,.7)}.tile-button.white.button:focus,.tile-button.white.button:hover{color:#3c3c3c}.tile-button.white.button:active{color:#555}.tile-button.black{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#222,#1a1a1a 50%,#0b0b0b 75%,#000 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#222,#1a1a1a 50%,#0b0b0b 75%,#000 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#222,#1a1a1a 50%,#0b0b0b 75%,#000 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#222,#1a1a1a 50%,#0b0b0b 75%,#000 100%);color:#e6e6e6;text-shadow:0 .05em .3em hsla(0,0%,100%,.7)}.tile-button.black.button:focus,.tile-button.black.button:hover{color:#ccc}.tile-button.black.button:active{color:#b3b3b3}.tile-button.order-1-color{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#3f51b5,#3b4caa 50%,#334293 75%,#273371 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#3f51b5,#3b4caa 50%,#334293 75%,#273371 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#3f51b5,#3b4caa 50%,#334293 75%,#273371 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#3f51b5,#3b4caa 50%,#334293 75%,#273371 100%);color:#fff;text-shadow:0 .05em .1em rgba(0,0,0,.7)}.tile-button.order-1-color.button:focus,.tile-button.order-1-color.button:hover{color:#e6e6e6}.tile-button.order-1-color.button:active{color:#ccc}.tile-button.order-2-color{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#03a9f4,#039fe5 50%,#028ac7 75%,#026a99 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#03a9f4,#039fe5 50%,#028ac7 75%,#026a99 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#03a9f4,#039fe5 50%,#028ac7 75%,#026a99 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#03a9f4,#039fe5 50%,#028ac7 75%,#026a99 100%);color:#fff;text-shadow:0 .05em .1em rgba(0,0,0,.7)}.tile-button.order-2-color.button:focus,.tile-button.order-2-color.button:hover{color:#e6e6e6}.tile-button.order-2-color.button:active{color:#ccc}.tile-button.order-3-color{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#009688,#00877a 50%,#00685e 75%,#003a35 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#009688,#00877a 50%,#00685e 75%,#003a35 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#009688,#00877a 50%,#00685e 75%,#003a35 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#009688,#00877a 50%,#00685e 75%,#003a35 100%);color:#fff;text-shadow:0 .05em .1em rgba(0,0,0,.7)}.tile-button.order-3-color.button:focus,.tile-button.order-3-color.button:hover{color:#e6e6e6}.tile-button.order-3-color.button:active{color:#ccc}.tile-button.order-4-color{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#8bc34a,#84bf3f 50%,#74a838 75%,#5c852c 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#8bc34a,#84bf3f 50%,#74a838 75%,#5c852c 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#8bc34a,#84bf3f 50%,#74a838 75%,#5c852c 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#8bc34a,#84bf3f 50%,#74a838 75%,#5c852c 100%);color:#fff;text-shadow:0 .05em .1em rgba(0,0,0,.7)}.tile-button.order-4-color.button:focus,.tile-button.order-4-color.button:hover{color:#e6e6e6}.tile-button.order-4-color.button:active{color:#ccc}.tile-button.order-5-color{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#ffeb3b,#ffe92c 50%,#ffe60d 75%,#dec800 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#ffeb3b,#ffe92c 50%,#ffe60d 75%,#dec800 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#ffeb3b,#ffe92c 50%,#ffe60d 75%,#dec800 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#ffeb3b,#ffe92c 50%,#ffe60d 75%,#dec800 100%);color:#fff;text-shadow:0 .05em .1em rgba(0,0,0,.7)}.tile-button.order-5-color.button:focus,.tile-button.order-5-color.button:hover{color:#e6e6e6}.tile-button.order-5-color.button:active{color:#ccc}.tile-button.order-6-color{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#ff9800,#f08f00 50%,#d17d00 75%,#a36100 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#ff9800,#f08f00 50%,#d17d00 75%,#a36100 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#ff9800,#f08f00 50%,#d17d00 75%,#a36100 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#ff9800,#f08f00 50%,#d17d00 75%,#a36100 100%);color:#fff;text-shadow:0 .05em .1em rgba(0,0,0,.7)}.tile-button.order-6-color.button:focus,.tile-button.order-6-color.button:hover{color:#e6e6e6}.tile-button.order-6-color.button:active{color:#ccc}.tile-button.order-7-color{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#f44336,#f33527 50%,#ef1d0d 75%,#c4170b 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#f44336,#f33527 50%,#ef1d0d 75%,#c4170b 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#f44336,#f33527 50%,#ef1d0d 75%,#c4170b 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#f44336,#f33527 50%,#ef1d0d 75%,#c4170b 100%);color:#fff;text-shadow:0 .05em .1em rgba(0,0,0,.7)}.tile-button.order-7-color.button:focus,.tile-button.order-7-color.button:hover{color:#e6e6e6}.tile-button.order-7-color.button:active{color:#ccc}.tile-button.order-8-color{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#e91e63,#e2165b 50%,#c61350 75%,#9c0f3f 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#e91e63,#e2165b 50%,#c61350 75%,#9c0f3f 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#e91e63,#e2165b 50%,#c61350 75%,#9c0f3f 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#e91e63,#e2165b 50%,#c61350 75%,#9c0f3f 100%);color:#fff;text-shadow:0 .05em .1em rgba(0,0,0,.7)}.tile-button.order-8-color.button:focus,.tile-button.order-8-color.button:hover{color:#e6e6e6}.tile-button.order-8-color.button:active{color:#ccc}.tile-button.order-9-color{background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#9c27b0,#9124a3 50%,#7b1f8a 75%,#591665 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#9c27b0,#9124a3 50%,#7b1f8a 75%,#591665 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#9c27b0,#9124a3 50%,#7b1f8a 75%,#591665 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#9c27b0,#9124a3 50%,#7b1f8a 75%,#591665 100%);color:#fff;text-shadow:0 .05em .1em rgba(0,0,0,.7)}.tile-button.order-9-color.button:focus,.tile-button.order-9-color.button:hover{color:#e6e6e6}.tile-button.order-9-color.button:active{color:#ccc}.on-board{height:4.95em;top:-2.475em;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.below-board,.on-board{position:absolute;width:4.95em;left:-2.475em}.below-board{top:2.525em}.game-over{width:5em;text-align:center}.game-over-text{padding-bottom:.2em;font-size:1.3em;font-weight:400;text-transform:uppercase;line-height:1;color:#222;text-shadow:0 .02em .15em #fff;-webkit-animation-name:game-over-spin-in;animation-name:game-over-spin-in;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:cubic-bezier(.39,.575,.565,1);animation-timing-function:cubic-bezier(.39,.575,.565,1);-webkit-animation-fill-mode:both;animation-fill-mode:both;z-index:0}@-webkit-keyframes game-over-spin-in{0%{-webkit-transform:perspective(5rem) rotateX(-3690deg);transform:perspective(5rem) rotateX(-3690deg)}to{-webkit-transform:perspective(5rem) rotateX(0deg);transform:perspective(5rem) rotateX(0deg)}}@keyframes game-over-spin-in{0%{-webkit-transform:perspective(5rem) rotateX(-3690deg);transform:perspective(5rem) rotateX(-3690deg)}to{-webkit-transform:perspective(5rem) rotateX(0deg);transform:perspective(5rem) rotateX(0deg)}}.game-over-explanation{margin-bottom:.2rem;font-size:.5rem;line-height:1;color:#fff;text-shadow:0 .02em .15em #000;-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-delay:1.8s;animation-delay:1.8s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.flip-in .game-over-continue-button{-webkit-animation-delay:2.4s;animation-delay:2.4s}@-webkit-keyframes fade-in{0%{visibility:hidden;opacity:0}0.001%{visibility:visible}to{opacity:1}}@keyframes fade-in{0%{visibility:hidden;opacity:0}0.001%{visibility:visible}to{opacity:1}}.overlay{z-index:500;visibility:hidden;-webkit-transition:visibility .7s;transition:visibility .7s}.overlay.visible{visibility:visible}.screen{z-index:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.overlay-background{position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background:-webkit-radial-gradient(circle farthest-corner,rgba(0,0,0,.9),rgba(0,0,0,.7));background:radial-gradient(circle farthest-corner,rgba(0,0,0,.9),rgba(0,0,0,.7));visibility:hidden;opacity:0;-webkit-transition:opacity .5s ease-out .2s,visibility .7s;transition:opacity .5s ease-out .2s,visibility .7s}.overlay.visible .overlay-background{visibility:visible;opacity:1;-webkit-transition:opacity .3s ease-out,visibility 0s;transition:opacity .3s ease-out,visibility 0s}.fade-out{opacity:0;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out}.small-print{font-size:.3rem}.menu-tile-button{width:7rem}.flip-in .menu-tile-button:first-child{-webkit-animation-delay:0s;animation-delay:0s}.flip-in .menu-tile-button:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.flip-in .menu-tile-button:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.flip-in .menu-tile-button:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.flip-in .menu-tile-button:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}.flip-in .menu-tile-button:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}.flip-in .menu-tile-button:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s}.flip-in .menu-tile-button:nth-child(8){-webkit-animation-delay:.7s;animation-delay:.7s}.flip-in .menu-tile-button:nth-child(9){-webkit-animation-delay:.8s;animation-delay:.8s}.flip-in .menu-tile-button:nth-child(10){-webkit-animation-delay:.9s;animation-delay:.9s}.flip-in .menu-tile-button:nth-child(11){-webkit-animation-delay:1s;animation-delay:1s}.menu-space-above{margin-top:.3rem}.menu-space-below{margin-bottom:.3rem}.menu-space-below-large{margin-bottom:.5rem}.check-mark{display:inline-block;position:relative;width:.7em;height:.7em;vertical-align:baseline;margin-right:.4em}.check-mark:after,.check-mark:before{display:inline-block;position:absolute;left:0;top:0;width:100%;height:100%;line-height:.3em;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.white .check-mark:after,.white .check-mark:before{color:#fff;background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#222,#1a1a1a 50%,#0b0b0b 75%,#000 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#222,#1a1a1a 50%,#0b0b0b 75%,#000 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#222,#1a1a1a 50%,#0b0b0b 75%,#000 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#222,#1a1a1a 50%,#0b0b0b 75%,#000 100%)}.black .check-mark:after,.black .check-mark:before{color:#222;background-image:-webkit-radial-gradient(40%,farthest-corner,at 40%,#fff,#f7f7f7 50%,#e8e8e8 75%,#d1d1d1 100%);background-image:radial-gradient(farthest-corner at 40%,at 40%,#fff,#f7f7f7 50%,#e8e8e8 75%,#d1d1d1 100%);background-image:-webkit-radial-gradient(40% 40%,farthest-corner,#fff,#f7f7f7 50%,#e8e8e8 75%,#d1d1d1 100%);background-image:radial-gradient(farthest-corner at 40% 40%,#fff,#f7f7f7 50%,#e8e8e8 75%,#d1d1d1 100%)}.check-mark:before{content:" ";z-index:0;-webkit-transform:perspective(2rem) rotate3d(1,-1,0,0deg);transform:perspective(2rem) rotate3d(1,-1,0,0deg)}.check-mark.checked:before{-webkit-transform:perspective(2rem) rotate3d(1,-1,0,-180deg);transform:perspective(2rem) rotate3d(1,-1,0,-180deg)}.check-mark:after{content:"x";z-index:0;-webkit-transform:perspective(2rem) rotate3d(1,-1,0,180deg) scaleX(-1);transform:perspective(2rem) rotate3d(1,-1,0,180deg) scaleX(-1)}.check-mark.checked:after{-webkit-transform:perspective(2rem) rotate3d(1,-1,0,0deg) scaleX(-1);transform:perspective(2rem) rotate3d(1,-1,0,0deg) scaleX(-1)}.screen-header{font-size:1rem;font-weight:700;line-height:1;margin-bottom:.5em;text-align:center;color:#222;text-shadow:0 .05em .3em #fff}.highscores-table{margin:0 0 .5em;width:7rem;max-height:7rem;font-size:.75rem;line-height:1}.highscore{box-sizing:border-box;width:auto!important;height:.9rem;margin:.05rem 0}.highscore-row{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-align-content:center;align-content:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin:0 .4em}.highscore-name{margin:-.4em;padding:.4em;text-align:left;white-space:nowrap;-webkit-flex-basis:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;overflow:hidden;text-overflow:ellipsis}.highscore-details{margin:.1em .8em 0 .4em;font-size:40%;line-height:1.4;white-space:nowrap;text-align:right;-webkit-align-self:center;align-self:center;opacity:.7}.highscore-score{text-align:right;white-space:nowrap;font-weight:700;min-width:4ch}.text-screen{margin-left:1rem;margin-right:1rem;max-height:10rem;overflow-y:auto;text-align:center;font-size:.4rem;line-height:1.2;text-shadow:0 .05em .1em rgba(0,0,0,.8)}.text-screen-medium-font{font-size:.5rem}.text-screen-medium-width{min-width:7rem;max-width:10rem}.premium-list{font-size:80%;text-align:left;padding-left:1em;list-style-type:none}.premium-list>li{position:relative}.premium-list>li:before{position:absolute;content:" ";left:-1em;top:.68em;width:.3em;height:.3em;background-color:#fff}