.dark body,body,html,html.dark{background:#222}.burger>div::after,.burger>div::before,.clrfx::after{content:''}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{margin:0;padding:0;color:#776e65;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-size:18px;min-height:100vh}body.freecell,body.klondike,body.spidertaire{background:radial-gradient(circle,rgba(35,128,33,1) 0,rgba(14,84,14,1) 100%);overflow-x:hidden;cursor:default}.burger:hover,.cog,.settings_wrap .bdy a.savemeta,nav li.settings_btn{cursor:pointer}dir,menu,ul{display:block;list-style-type:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}a,a:active,a:focus,a:link,a:visited{text-decoration:none;outline:0}img{vertical-align:middle;height:auto;width:100%}.clrfx::after{display:block;clear:both}.dialog_bg{position:fixed;display:none;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.05);backdrop-filter:blur( 3px );z-index:888;transition:backdrop-filter .3s}.dialog_bg.open{display:block}.burger{position:absolute;width:60px;height:60px;top:10px;left:20px;transition-duration:.3s;z-index:999}.burger>div,.burger>div::after,.burger>div::before{transition-duration:.3s;position:absolute;width:60px;background:#ccc}.burger>div{height:8px;top:30px}.burger>div::before{height:8px;top:-20px}.burger>div::after{height:8px;top:20px}.burger.open>div,.burger.open>div::after,.burger.open>div::before{background:#d00}.burger.open>div{transition-duration:.3s;background:0 0}.burger.open>div::before{transform:rotateZ(45deg) scaleX(1.25) translate(13px,13px)}.burger.open>div::after{transform:rotateZ(-45deg) scaleX(1.25) translate(12px,-12px)}nav{position:fixed;background:#444;top:0;left:-350px;width:350px;height:100vh;z-index:990;transition:left .3s,box-shadow .3s}nav.open{left:0;box-shadow:2px 0 20px 5px #000}nav ul{height:100%;padding:100px 0 0;display:flex;flex-direction:column}nav li{text-align:center;border-bottom:1px solid #111}nav li:first-child{text-align:left;padding-left:15px}nav li.gap{flex-grow:1}nav a,nav li.settings_btn{display:block;padding:20px 0;color:#ddd;font-size:25px;text-decoration:none}nav li.active a{border-left:7px solid transparent;border-right:7px solid green}nav li:not(.active) a:hover{background:rgba(255,255,255,.1);color:#eee}nav li:first-child a:hover{background:0 0}nav li.settings_btn:hover{background:rgba(255,255,255,.1);color:#eee}.menu{display:flex;flex-direction:column;margin:40px auto;max-width:300px}.menu a{background:rgba(255,255,255,.05);border-radius:7px;padding:15px 25px;text-align:center;font-size:28px;color:#ccc;margin-bottom:10px}.menu a:hover{color:#eee;background:rgba(255,255,255,.1)}.selectgame{text-align:center;font-size:20px}.about #app h2,.home #app h2{padding-top:50px;text-align:center}#app noscript{text-align:center;font-size:22px}.cog{position:absolute;background:url(../img/cog.svg) center center no-repeat;top:25px;right:25px;width:55px;height:55px;z-index:920}.settings_wrap{position:fixed;top:100px;left:calc(50% - 350px);width:700px;min-height:800px;z-index:920;display:none;background:#ede0c8;color:#776e65;border-radius:15px;box-shadow:0 0 0 1px #776e65,0 0 15px 1px #776e65;text-align:center}.dark .settings_wrap{background:#282828;margin-top:80px;color:#a6a6a6;border-radius:15px;box-shadow:0 0 0 1px #414141,0 0 15px 1px #000}.settings_wrap.open{display:flex;flex-direction:column}.settings_wrap .hdr{border-top-left-radius:15px;border-top-right-radius:15px;text-align:center;background:#141414;padding:30px 0;color:#a6a6a6;font-size:26px;border-bottom:1px solid #000}.settings_wrap .bdy{padding:20px 0}.settings_wrap .bdy>div{margin-bottom:30px;text-align:left}.settings_wrap .bdy .gs{text-align:center}.settings_wrap .bdy textarea{background:rgba(0,0,0,.2);width:100%;height:70px;padding:7px;border-radius:4px;border:none;color:#ccc}.settings_wrap .bdy a.savemeta{display:block;background:rgba(255,255,255,.1);margin:10px auto 0;padding:6px 15px 8px;width:150px;border-radius:7px;text-align:center;color:#ddd}.settings_wrap .ftr{margin-top:auto;padding:40px 0;border-top:1px solid #fff2d7}.dark .settings_wrap .ftr{border-top:1px solid #414141}