:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0 auto}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{touch-action:manipulation}#app{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;padding-bottom:150px}.title{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:24px;height:100px}.spriteContainer{height:25px;width:25px}.dash{height:32px;width:40px;background:url(/assets/dash-BVWqzDYO.png) 0 0 no-repeat;animation-name:dash;animation-duration:.8s;animation-timing-function:steps(12);animation-iteration-count:infinite}@keyframes dash{to{background-position:-480px;background-position-y:0px}}.score-header{height:40px}.score-header>h2{margin:0}.board{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:12px;grid-row-gap:12px}.hide{display:none}@media (max-width: 600px){h1{font-size:32px;margin:0}}.tile{border-radius:10px;height:150px;width:150px;cursor:pointer;background-color:transparent;perspective:1000px;-webkit-user-select:none;user-select:none}.tile-inner{border-radius:10px;position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 8px #0003}.tile-front:after{content:"";border-radius:10px;position:absolute;inset:0;background:linear-gradient(315deg,#9f711b,#d6d653);opacity:0;transition:opacity .4s}.tile-front:hover:after{opacity:1}.tile-front,.tile-back{border-radius:10px;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.tile-front{background:#9f711b;background:linear-gradient(135deg,#9f711b,#d6d653)}.tile-back{background:#9f711b;background:linear-gradient(315deg,#9f711b,#d6d653);transform:rotateY(180deg)}.tile-inner.flipped{transform:rotateY(180deg);transition:transform .5s}.tile-inner.win{transform:rotateY(0);transition-delay:calc(var(--flip-index) * .2s)}.tile-front.win{background:#ffffff54;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.rotate-0{animation-name:rotate-0}.rotate-1{animation-name:rotate-1}.rotate-0,.rotate-1{animation-duration:6s;animation-fill-mode:forwards;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes rotate-0{0%{transform:rotateX(10deg)}20%{transform:rotate3d(1,1,0,10deg)}40%{transform:rotate3d(1,-1,0,10deg)}60%{transform:rotate3d(-1,-1,0,10deg)}80%{transform:rotate3d(-1,1,0,10deg)}to{transform:rotateX(10deg)}}@keyframes rotate-1{0%{transform:rotate3d(1,-1,0,10deg)}20%{transform:rotate3d(-1,-1,0,10deg)}40%{transform:rotate3d(-1,1,0,10deg)}60%{transform:rotateX(10deg)}80%{transform:rotate3d(1,1,0,10deg)}to{transform:rotate3d(1,-1,0,10deg)}}.div1{grid-area:1 / 1 / 2 / 2}.div2{grid-area:1 / 2 / 2 / 3}.div3{grid-area:1 / 3 / 2 / 4}.div4{grid-area:1 / 4 / 2 / 5}.div5{grid-area:2 / 1 / 3 / 2}.div6{grid-area:2 / 2 / 3 / 3}.div7{grid-area:2 / 3 / 3 / 4}.div8{grid-area:2 / 4 / 3 / 5}.div9{grid-area:3 / 1 / 4 / 2}.div10{grid-area:3 / 2 / 4 / 3}.div11{grid-area:3 / 3 / 4 / 4}.div12{grid-area:3 / 4 / 4 / 5}.div13{grid-area:4 / 1 / 5 / 2}.div14{grid-area:4 / 2 / 5 / 3}.div15{grid-area:4 / 3 / 5 / 4}.div16{grid-area:4 / 4 / 5 / 5}@media (max-width: 900px){.tile{height:80px;width:80px}}