*{margin:0;padding:0}body,html{-webkit-tap-highlight-color:transparent;background:#000;color:#fff;font-family:Arial;overflow:hidden;overscroll-behavior-x:none;position:fixed;user-select:none}div{box-sizing:border-box}#root{transition:all .3s}.wh{height:100%;width:100%}.jc{align-items:center;display:flex;justify-content:center}.button{background:linear-gradient(#ffec64,#ffab23);border:none;border-radius:28px;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);color:#fff;cursor:pointer}.button:hover{background:#ffab23}.button[disabled]{opacity:.5}body{--c1:#40220e;--c2:#754c23;--si:64px 64px,64px 64px,32px 32px,32px 32px;--bg:radial-gradient(circle,transparent 20%,var(--c2) 20%,var(--c2) 80%,transparent 80%,transparent) 0% 0% /64px 64px,radial-gradient(circle,transparent 20%,var(--c2) 20%,var(--c2) 80%,transparent 80%,transparent) 32px 32px /64px 64px,linear-gradient(var(--c1) 2px,transparent 2px) 0px -1px /32px 32px,linear-gradient(90deg,var(--c1) 2px,var(--c2) 2px) -1px 0px /32px 32px var(--c2)}#container{background:var(--bg);background-size:var(--si)}@media only screen and (max-width:420px){#container{background:unset}body{background:var(--bg);background-size:var(--si)}}.game{position:relative}.game.si-3 .tile{font-size:100px}.game.si-4 .tile{border-radius:9px;font-size:70px}.game.si-5 .tile{border-radius:8px;font-size:50px}.game.si-6 .tile{border-radius:7px;font-size:40px}.game.si-7 .tile{border-radius:7px;font-size:35px}.game.si-8 .tile{border-radius:8px;font-size:30px}.game.si-9 .tile{border-radius:7px;font-size:25px}.game.si-10 .tile{border-radius:6px;font-size:20px}.game.si-11 .tile{border-radius:6px;font-size:17px}.game.si-12 .tile{border-radius:5px;font-size:15px}.game.si-13 .tile{border-radius:5px;font-size:13px}.game-fo{bottom:55px;position:absolute;width:100%}.game-fo-o{display:none;justify-content:space-around;width:100%}.game-fo.s .game-fo-o{display:flex}.game-fo .button{font-size:25px;height:50px;text-shadow:1px 1px 0 #000;width:150px}.game-fo.s .button{display:none}.game-fo-b{background:linear-gradient(#ffec64,#ffab23);border:none;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:30px;height:60px;position:relative;text-shadow:1px 1px 0 #000;width:60px}.game-fo-b:hover{background:#ffab23}.game-fo-b[disabled]{opacity:.5}#help span{background:#fff;border:1px solid #000;border-radius:50%;color:#000;font-size:12px;font-weight:700;height:18px;pointer-events:none;position:absolute;right:0;text-shadow:none;top:0;width:18px}.grid{background:#81441a;border-radius:10px;box-shadow:0 0 0 3px #000,0 0 0 6px #be835d,0 0 0 9px #ffd913;position:relative}.game-he{background:#411a0a;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);flex-direction:column;padding:15px;position:absolute;top:0;width:100%}.game-he-s,.game-he-t{color:#f6ca95;font-size:20px}.game-he-s{margin-bottom:5px;text-transform:uppercase}.game-he-t{background:#0d0401;border-radius:10px;box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3);letter-spacing:1px;padding:5px;width:30%}.game-he-t span{margin-left:10px}.game-he #sounds{position:absolute;right:20px}.game-he #lobby{background:linear-gradient(#ffec64,#ffab23);border:none;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:23px;height:40px;left:20px;position:absolute;width:40px}.game-he #lobby span{display:block;pointer-events:none;transform:rotate(180deg)}.game-he #lobby:hover{background:#ffab23}#sounds{background:linear-gradient(#ffec64,#ffab23);border:none;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);cursor:pointer;font-size:23px;height:40px;width:40px}#sounds:hover{background:#ffab23}.tile{background:#fff;background:linear-gradient(#ffec64,#ffab23);background:linear-gradient(180deg,#fff,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6);border-radius:15px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);color:#000;cursor:pointer;font-weight:700;transition:all .3s}.tile,modal{position:absolute}modal{left:0;top:0;z-index:100}modal.hide{pointer-events:none;transition:visibility .2s;visibility:hidden}modal.show{visibility:visible}.ms,.mw{left:0;position:absolute;top:0}.ms{backdrop-filter:blur(5px);background:#b6b7c742}.mw{z-index:1}.mc{background:#fff;border-radius:5px;overflow:hidden;width:80%}.mc .txt{color:#8f9cb5;flex-direction:column;padding:20px}.mb button{background:#fc7169;border:none;color:#fff;cursor:pointer;font-weight:700;height:50px;text-transform:uppercase;width:100%}.mb button:nth-child(2){background:#b6bece}modal.show .mc{animation:fD .4s both}modal.hide .mc{animation:fUp .4s both}@keyframes fD{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.lobby{flex-direction:column;position:relative}.lobby-l{bottom:30px;color:#fff;position:absolute}.lobby-b{flex-direction:column;height:560px;justify-content:flex-start;margin-top:30px;overflow-y:auto;padding-top:30px;scrollbar-width:none;width:90%}.lobby-b::-webkit-scrollbar{display:none}.lobby-o{flex-direction:column;margin-bottom:20px;padding:10px;width:80%}.lobby-o span{font-size:30px;text-shadow:1px 1px 0 #000}.lobby-m,.lobby-o span,.lobby-t{pointer-events:none}.lobby-m{color:#fcdba8;font-size:20px;font-weight:700;position:relative}.lobby-m span{position:absolute;right:-50px;top:-25px;transform:rotate(20deg)}.lobby-t{background:#0d0401;border-radius:10px;box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3);padding:3px 10px}.lobby-t span{font-size:14px;margin-left:5px}.game-nav{background:#411a0a;height:70px;top:0;width:100%}.game-nav,.game-nav a{box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);position:absolute}.game-nav a{background:linear-gradient(#ffec64,#ffab23);border-radius:50%;cursor:pointer;font-size:23px;height:40px;top:13px;width:40px}.game-nav a:hover{background:#ffab23}.game-nav a{left:20px;text-decoration:none}.game-nav #sounds{position:absolute;right:20px}.game-nav-logo{background:linear-gradient(180deg,#29354f,#3c4d71);border-radius:0 0 20px 20px;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2);font-size:25px;font-weight:700;height:130%;position:absolute;text-shadow:1px 1px 0 #000;top:-8px;width:42%}.game-nav-logo:after{border:1px solid #e5cf73;border-radius:0 0 20px 20px;box-shadow:0 3px 8px rgba(0,0,0,.24);content:"";height:92%;position:absolute;top:-5px;width:90%}