@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#e9e6f7,#c5dafe);font-family:Inter,sans-serif;overscroll-behavior:contain}.app{--cell-gap:2vmin;--cell-size:12vmin;left:50%;position:absolute;top:50%;translate:-50% -50%}.app>div:first-child{background:#fff;border-radius:18px;box-shadow:0 4px 32px 0 rgba(60,60,60,.08),0 1.5px 6px 0 rgba(60,60,60,.05);color:#222;padding:var(--cell-gap);transition:box-shadow .2s}.gameHeader>div{grid-column-gap:var(--cell-gap);-webkit-column-gap:var(--cell-gap);column-gap:var(--cell-gap);display:grid;grid-template-columns:1.5fr 1fr 1fr}.gameHeader h1{font-size:8vmin}.gameHeader>p{margin:15px 0}.gameHeader>div>div{background:linear-gradient(135deg,#7c5fff,#3d2963);border-radius:14px;box-shadow:0 2px 10px 0 rgba(60,60,60,.1);color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:8px;min-width:80px;padding:8px 18px;text-align:center}.gameHeader h4{color:#e0e0e0;font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:2px}.gameHeader h5{color:#fff;font-size:22px;font-weight:700;margin:0}.gameHeader button{background:linear-gradient(135deg,#7c5fff,#3d2963);border:none;border-radius:18px;box-shadow:0 2px 10px 0 rgba(60,60,60,.1);color:#fff;cursor:pointer;float:right;font-size:15px;font-weight:600;letter-spacing:1px;margin:0 0 15px;padding:6px 18px;transition:background .2s,box-shadow .2s,-webkit-transform .12s;transition:background .2s,box-shadow .2s,transform .12s;transition:background .2s,box-shadow .2s,transform .12s,-webkit-transform .12s}.gameHeader button:hover:not(:disabled){background:linear-gradient(135deg,#3d2963,#7c5fff);box-shadow:0 4px 16px 0 rgba(60,60,60,.13);-webkit-transform:translateY(-2px) scale(1.04);transform:translateY(-2px) scale(1.04)}.gameHeader button:disabled{cursor:not-allowed;opacity:.6}.gameBoard{grid-gap:var(--cell-gap);background:#f7f7fa;border-radius:16px;box-shadow:0 2px 16px 0 rgba(60,60,60,.06);display:grid;gap:var(--cell-gap);grid-template-columns:repeat(4,var(--cell-size));grid-template-rows:repeat(4,var(--cell-size));padding:var(--cell-gap);position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tile{align-items:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px 0 rgba(60,60,60,.08);color:#333;display:flex;font-size:2.2rem;font-weight:700;height:var(--cell-size);justify-content:center;position:absolute;transition:background .2s,box-shadow .2s;width:var(--cell-size)}.tile>img{border-radius:10px;height:auto;width:100%}@-webkit-keyframes popup{0%{opacity:.1;scale:0}}@keyframes popup{0%{opacity:.1;scale:0}}.gameFooter{color:#3d2963;font-weight:700;gap:28px;justify-content:center;margin-top:36px;text-align:center}.gameFooter,.gameFooter>div{align-items:center;display:flex}.gameFooter>div{flex-direction:column}.gameFooter svg{fill:#fff;background:linear-gradient(135deg,#7c5fff,#3d2963);border-radius:50%;box-shadow:0 2px 8px 0 rgba(60,60,60,.1);cursor:pointer;height:44px;padding:10px;transition:background .2s,box-shadow .2s;width:44px}.gameFooter svg:hover{background:linear-gradient(135deg,#3d2963,#7c5fff);box-shadow:0 4px 16px 0 rgba(60,60,60,.13)}.gameFooter p{color:#3d2963;font-size:1rem;font-weight:500;margin-top:6px}.gameOver{border-radius:10px;height:100%;position:absolute;width:100%;z-index:10}.gameOver>h2{font-size:36px}.gameOver>h3{color:#daa520;font-size:30px}@media screen and (max-width:550px){.app{--cell-size:18vmin}.tile{font-size:6vmin}}
/*# sourceMappingURL=main.701b7ba7.css.map*/