#app noscript,.ftr,.menu{text-align:center}.dark .popover,.popover{box-shadow:1px 3px 7px 5px rgba(0,0,0,.25)}.colors{color:#111}body{line-height:1;color:#776e65;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif}.dark body{color:#aaa}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}html{font-size:18px;box-sizing:border-box;overflow-y:scroll}*,::after,::before{box-sizing:inherit}body,html{background:#faf8ef;cursor:default}.dark body,html.dark{background:#272727}.clrfx::after,.heading::after{content:"";display:block;clear:both}.again,.btn,.close,.ftr>div,.menu>div,.restart,button{display:inline-block}#app{padding:80px 12px}#app.m4{padding:5px 12px}#app noscript{font-size:22px}.grid,.settings_wrap.show,.tmpmnuwrp{display:flex;justify-content:center}.tmpmnuwrp>div{padding:15px}.grid .inner{border:5px solid rgba(0 0 0 / .2)}.dark .grid .inner{border:5px solid #171717}.game{border-bottom:1px solid rgba(0 0 0 / .3);border-right:1px solid rgba(0 0 0 / .3)}.dark .game{border-bottom:1px solid #171717;border-right:1px solid #171717}.game .row{display:flex}.game._16x16 .row div,.game._16x30 .row div,.game._30x30 .row div,.game._9x9 .row div{width:40px;height:40px}.row div svg{margin:10%}.row div{border-top:1px solid rgba(0 0 0 / .1);border-left:1px solid rgba(0 0 0 / .1)}.row div.c{background:rgba(0 0 0 / .2)}.row div.c:hover{background:rgba(0 0 0 / .1)}.lost .row div:hover{background:rgba(0 0 0 / .2)}.row div.c0,.row div.c0:hover{background:#faf8ef;border-top:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1)}.dark .row div,.dark .row div.c0,.dark .row div.c0:hover{border-top:1px solid #171717;border-left:1px solid #171717}.row div.c1,.row div.c1:hover,.row div.c2,.row div.c2:hover,.row div.c3,.row div.c3:hover,.row div.c4,.row div.c4:hover,.row div.c5,.row div.c5:hover,.row div.c6,.row div.c6:hover,.row div.c7,.row div.c7:hover,.row div.c8,.row div.c8:hover{background:#faf8ef}.row div.cf,.row div.cf:hover{background:rgba(0 0 0 / .2)}.row div.cb,.row div.cb:hover{background:red}.row div.cb.l,.row div.cb.l:hover{background:#faf8ef}.row div.cb.w,.row div.cb.w:hover{background:rgba(0 255 0 / .1)}.dark .row div.c{background:#222}.dark .row div.c:hover,.dark .settings{background:#282828}.lost .dark .row div:hover{background:#222}.dark .row div.c0,.dark .row div.c0:hover,.dark .row div.c1,.dark .row div.c1:hover,.dark .row div.c2,.dark .row div.c2:hover,.dark .row div.c3,.dark .row div.c3:hover,.dark .row div.c4,.dark .row div.c4:hover,.dark .row div.c5,.dark .row div.c5:hover,.dark .row div.c6,.dark .row div.c6:hover,.dark .row div.c7,.dark .row div.c7:hover,.dark .row div.c8,.dark .row div.c8:hover{background:#333}.dark .row div.cf,.dark .row div.cf:hover{background:rgba(0 0 0 / .2)}.dark .row div.cb,.dark .row div.cb:hover{background:red}.dark .row div.cb.l,.dark .row div.cb.l:hover{background:#333}.dark .row div.cb.w,.dark .row div.cb.w:hover{background:#2db05c}.dark .popover.show,.popover.show{display:block}.popover,.youlost,.youwon{display:none;text-align:center}.popover{position:absolute;width:400px;height:200px;z-index:9;background-color:#f1f1f1;border:1px solid #2196f3}.lost .popover{width:450px}.dark .popover{background-color:#1e1e1e;border:1px solid #303030}.popoverhdr{padding:10px;z-index:10;background-color:#2196f3;color:#fff}.dark .popoverhdr{background-color:#141414;color:#aaa}.youlost,.youwon{margin:20px 0;font-size:36px}.youlost.show,.youwon.show{display:block}.youwon{color:green}.dark .youwon{color:#39dc73}.youlost{color:red}.dark .youlost{color:#f83f36}.btnswrp{padding:20px 0 0}.btn,button{margin:0 3px;padding:4px 25px 5px;background:#d2d2d2;color:#333;border-radius:7px;border:none}.dark .btn,.dark button{background:#6b6b6b;color:#eaeaea}#app .restart{display:none}#app .lost .restart{display:inline-block}.thestats{font-size:12px}.cog{position:fixed;background:url(cog.svg) center center no-repeat;top:20px;right:35px;width:35px;height:35px;z-index:1001}.cog:hover{cursor:pointer}.settings_wrap{display:none}.settings_wrap.show{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%}.dark .settings,.settings{margin-top:80px;height:670px;border-radius:15px;text-align:center;display:flex}.settings{background:#ede0c8;width:670px;color:#776e65;box-shadow:0 0 0 1px #776e65,0 0 15px 1px #776e65;flex-direction:column}.dark .settings{width:670px;color:#a6a6a6;box-shadow:0 0 0 1px #414141,0 0 15px 1px #000;flex-direction:column}.settings .cancel,.settings .thestats2_wrp .reset_stats{display:inline-block}.dark .settings>div,.settings>div{padding:45px 0}.settings .settings_hdr{background:#a2958b;padding:30px 0;color:#ffebda;font-size:26px;border-bottom:1px solid #8f847a;border-top-left-radius:15px;border-top-right-radius:15px}.dark .settings .settings_hdr{background:#141414;padding:30px 0;color:#a6a6a6;font-size:26px;border-bottom:1px solid #000}.settings .thestats2_wrp{border-bottom:1px solid #fff2d7}.settings .thestats2_wrp .reset_stats_wrp{margin-top:30px}.dark .settings .thestats2_wrp{border-bottom:1px solid #414141}.settings .cancel_wrp{margin-top:auto}.settings .btn,.settings button{background:#fef2d7;color:#776e65}.dark .settings .btn,.dark .settings button{background:#6b6b6b;color:#eaeaea}