:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1;font-weight:400;--beige: #faf8f1;--brown: #726554;--lightbrown: #98897A;--gold: #ECCF67;--red: #E06341;--inset: inset 1px 1px 0 rgba(255, 255, 255, .75), inset -1px -1px 0 rgba(0, 0, 0, .25);--shadow: 1px 1px 0 rgba(255, 255, 255, .5), -1px -1px 0 rgba(0, 0, 0, .5);background-color:#ece4db;background-image:linear-gradient(to top,#e7d9ba,#ece4db);min-height:100vh;color-scheme:light only;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0}a{color:var(--brown);font-weight:700}.logo{margin:16px auto;width:80px;height:50px;color:var(--lightbrown)}.toasts{position:relative;margin:0 auto}.toasts .card{position:absolute;top:0;left:0;width:100%}@keyframes slide-down{0%{transform:translateY(-128px);opacity:0}80%{transform:translateY(16px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes slide-up{0%{transform:translateY(0);opacity:1}20%{transform:translateY(16px);opacity:1}to{transform:translateY(-128px);opacity:0}}.score-board,.tutorial{margin:16px auto;display:flex;flex-direction:row;gap:8px}.tutorial .card-body{padding:8px 16px;font-size:18px;background:#eccf67;color:var(--brown)}.card{flex-grow:1;flex-basis:0}.card-title{text-align:center;padding:4px;font-size:12px;font-weight:700;color:#fff;background:var(--lightbrown);border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:var(--inset)}.card-body{text-align:center;padding:4px 8px;font-size:18px;font-weight:700;line-height:27px;color:var(--brown);background:#ece4db;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:var(--inset)}.card-body.won{background:var(--gold)}.card-body.lost{background:var(--lightbrown);color:var(--beige)}.board{position:relative;margin:16px auto;border-radius:8px;background:var(--lightbrown);box-shadow:var(--inset);user-select:none;-webkit-user-select:none;touch-action:none}.keyboard{margin:16px auto;width:208px;user-select:none;-webkit-user-select:none;touch-action:none}.key-row{margin:8px auto;display:flex;flex-direction:row;gap:8px;justify-content:center}.key{width:64px;height:64px;border-radius:8px;text-align:center;line-height:64px;font-size:24px;font-weight:700;color:var(--beige);background:var(--brown);box-shadow:var(--inset);cursor:pointer;display:flex;justify-content:center;align-items:center}.key.key-pressed{background:var(--lightbrown)}.key.key-disabled{background:var(--lightbrown);cursor:not-allowed}.instruction{margin:16px auto;text-align:center;font-size:16px;line-height:24px;color:var(--brown);width:224px}.cell{position:absolute;border-radius:8px;background:var(--brown);box-shadow:var(--shadow)}.tile{position:absolute;border-radius:8px;text-align:center;font-size:32px;font-weight:700;color:var(--brown);box-shadow:var(--inset)}.tile-1{background:#ece4db}.tile-2{background:#e7d9ba}.tile-4{background:#e5b07b;color:#fff}.tile-8{background:#e59364;color:#fff}.tile-16{background:#e37c5f;color:#fff}.tile-32{background:#e06341;color:#fff}.tile-64,.tile-128,.tile-256,.tile-512{background:var(--gold);color:#fff}.tile-1:before{content:"1"}.tile-2:before{content:"2"}.tile-4:before{content:"4"}.tile-8:before{content:"8"}.tile-16:before{content:"16"}.tile-32:before{content:"32"}.tile-64:before{content:"64"}.tile-128:before{content:"128"}.tile-256:before{content:"256"}.tile-512:before{content:"512"}.no-shadow{box-shadow:none}@keyframes spawn{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.125)}to{opacity:1;transform:scale(1)}}@keyframes slide-01{0%{transform:translateY(88px)}to{transform:translateY(0)}}@keyframes slide-02{0%{transform:translateY(176px)}to{transform:translateY(0)}}@keyframes slide-11{0%{transform:translate(-88px)}to{transform:translate(0)}}@keyframes slide-12{0%{transform:translate(-176px)}to{transform:translate(0)}}@keyframes slide-21{0%{transform:translateY(-88px)}to{transform:translateY(0)}}@keyframes slide-22{0%{transform:translateY(-176px)}to{transform:translateY(0)}}@keyframes slide-31{0%{transform:translate(88px)}to{transform:translate(0)}}@keyframes slide-32{0%{transform:translate(176px)}to{transform:translate(0)}}@keyframes slide-0{0%{left:272px;opacity:0}15%{left:0;opacity:1}25%{left:16px;opacity:1}35%{left:0;opacity:1}45%{left:16px;opacity:1}55%{left:0;opacity:1}65%{left:16px;opacity:1}75%{left:0;opacity:1}85%{left:16px;opacity:1}to{left:-272px;opacity:0}}@keyframes slide-1{0%{left:-272px;opacity:0}15%{left:16px;opacity:1}25%{left:0;opacity:1}35%{left:16px;opacity:1}45%{left:0;opacity:1}55%{left:16px;opacity:1}65%{left:0;opacity:1}75%{left:16px;opacity:1}85%{left:0;opacity:1}to{left:272px;opacity:0}}.banners{position:absolute;left:0;top:0;z-index:1000}.banner-0{position:absolute;width:256px;height:96px;left:8px;top:40px;transform:perspective(256px) rotateY(10deg) rotateX(-10deg);animation-timing-function:ease;animation-duration:3s}.banner-1{position:absolute;width:256px;height:96px;top:144px;left:8px;transform:perspective(256px) rotateY(-10deg) rotateX(-10deg);animation-timing-function:ease;animation-duration:3s}footer{margin:16px auto 64px;font-size:16px;line-height:24px;color:var(--brown);width:272px;padding-top:16px;border-top:1px solid var(--brown)}