@charset "UTF-8";:root{--board-color: rgb(187 173 160);--text-color-light: rgb(255 255 255);--text-color-dark: rgb(119 110 101)}*{box-sizing:border-box;line-height:1.5}html,body,main,#app{height:100%}html{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{background-color:#faf8ef;color:var(--text-color-dark)}main{padding-inline:1rem;padding-block-end:1rem}ul{margin:0;padding:0;list-style:none}body,p{margin:0}#dialogs{position:relative;z-index:10}@media (max-width: 768px){html{font-size:14px}}.app-button[data-v-c5b3d320]{border:0;border-radius:.25rem;color:var(--text-color-light);background-color:#7d6b59;padding:.5rem 1rem;cursor:pointer;font-weight:600;white-space:nowrap;transition-property:transform,background-color;transition-duration:.2s;transition-timing-function:ease-in-out}.app-button[data-v-c5b3d320]:hover{background-color:#746352;transform:scale(1.05)}.app-button[data-v-c5b3d320]:active{transform:scale(.95)}.app-button--outline[data-v-c5b3d320]{background-color:transparent;border:1px solid rgb(125,107,89);color:#7d6b59}.app-button--outline[data-v-c5b3d320]:hover{background-color:transparent}.app-dialog__overlay[data-v-ce8b8ea4]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;padding:1.5rem}.app-dialog__container[data-v-ce8b8ea4]{background-color:#fff;padding:1.5rem;max-width:500px;max-height:100vh;border-radius:.25rem;overflow-y:auto;box-sizing:border-box}.app-dialog__header[data-v-ce8b8ea4]{display:flex;justify-content:space-between;align-items:center}.app-dialog__title[data-v-ce8b8ea4]{margin-block:0}.app-dialog__close[data-v-ce8b8ea4]{font-size:1.25rem;padding:.25rem .75rem;margin-right:-.5rem;background:transparent;border:0;cursor:pointer}.app-dialog__close[data-v-ce8b8ea4]:before{color:var(--text-color-dark);content:"✕"}.app-dialog__content[data-v-ce8b8ea4]{margin-block:2rem;padding:0}.app-dialog__actions[data-v-ce8b8ea4]{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.v-enter-active .app-dialog__overlay[data-v-ce8b8ea4],.v-leave-active .app-dialog__overlay[data-v-ce8b8ea4]{transition:opacity calc(var(--5f70146b) * 1ms) ease}.v-enter-from .app-dialog__overlay[data-v-ce8b8ea4],.v-leave-to .app-dialog__overlay[data-v-ce8b8ea4]{opacity:0}.v-enter-active .app-dialog__container[data-v-ce8b8ea4],.v-leave-active .app-dialog__container[data-v-ce8b8ea4]{transition:transform calc(var(--5f70146b) * 1ms) ease}.v-enter-from .app-dialog__container[data-v-ce8b8ea4],.v-leave-to .app-dialog__container[data-v-ce8b8ea4]{transform:translateY(15%)}.grid-container[data-v-6493514b]{display:grid;grid-template-columns:repeat(var(--d5f36ace),var(--tile-size));grid-template-rows:repeat(var(--d5f36ace),var(--tile-size));gap:var(--board-gap)}.grid-item[data-v-6493514b]{background-color:#eee4da59;border-radius:var(--board-border-radius);box-shadow:#0003 0 2px 1px inset}.tile-container[data-v-5d7fdb4a]{position:absolute;top:0;left:0;right:0;bottom:0;margin:var(--board-gap);z-index:1}.tile[data-v-6d6f591d]{position:absolute;width:var(--tile-size);height:var(--tile-size);transition-duration:.2s;transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-property:transform,background-color;will-change:transform;transform:translate(calc((var(--col) - 1) * (var(--tile-size) + var(--board-gap))),calc((var(--row) - 1) * (var(--tile-size) + var(--board-gap))))}.tile__inner[data-v-6d6f591d]{display:flex;align-items:center;justify-content:center;font-size:min(var(--tile-size) / 4,4vw);font-weight:600;width:100%;height:100%;border-radius:var(--board-border-radius);animation:appear-6d6f591d .2s cubic-bezier(.39,.575,.565,1);box-shadow:.8px 1.6px 1.6px #0000004d}.tile__inner--2[data-v-6d6f591d]{background-color:#eee4da}.tile__inner--4[data-v-6d6f591d]{background-color:#ede0c8}.tile__inner--8[data-v-6d6f591d]{background-color:#f2b179}.tile__inner--16[data-v-6d6f591d]{background-color:#f59563}.tile__inner--32[data-v-6d6f591d]{background-color:#f67c5f}.tile__inner--64[data-v-6d6f591d]{background-color:#f65e3b}.tile__inner--128[data-v-6d6f591d]{background-color:#edcf72}.tile__inner--256[data-v-6d6f591d]{background-color:#edcc61}.tile__inner--512[data-v-6d6f591d]{background-color:#edc850}.tile__inner--1024[data-v-6d6f591d]{background-color:#edc53f}.tile__inner--2048[data-v-6d6f591d]{background-color:#edc22e}.tile__inner--8[data-v-6d6f591d],.tile__inner--16[data-v-6d6f591d],.tile__inner--32[data-v-6d6f591d],.tile__inner--64[data-v-6d6f591d],.tile__inner--128[data-v-6d6f591d],.tile__inner--256[data-v-6d6f591d],.tile__inner--512[data-v-6d6f591d],.tile__inner--1024[data-v-6d6f591d],.tile__inner--2048[data-v-6d6f591d]{color:var(--text-color-light);text-shadow:0 1px 1px rgba(0,0,0,.3)}@keyframes appear-6d6f591d{0%{opacity:.5;transform:scale(0)}}.game-board-header[data-v-7717f286]{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:.5rem}.game-board-header__title[data-v-7717f286]{font-size:3.5rem;margin-block:0;margin-inline-end:auto}.game-board-header__score[data-v-7717f286]{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:.25rem 1rem;background-color:#756e66;color:var(--text-color-light);text-transform:uppercase;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.game-board-header__score-label[data-v-7717f286]{font-size:.75rem}.app-select[data-v-6c7b17bb]{min-width:3.5rem;height:1.5rem;border:1px solid var(--text-color-dark);border-radius:.25rem}.board-controls[data-v-62a95395]{display:flex;justify-content:space-between;align-items:center;margin-block-end:1.5rem;gap:1rem;width:100%}.board-controls__actions[data-v-62a95395]{display:flex;gap:.5rem}.board-controls__action[data-v-62a95395]{line-height:1}.board-controls__action--settings[data-v-62a95395]{font-size:1.5rem}.board-controls__settings-item[data-v-62a95395]{display:flex;align-items:center;justify-content:space-between;gap:2rem}.board-controls__settings-item+.board-controls__settings-item[data-v-62a95395]{margin-block-start:.5rem}.game-wrapper[data-v-98d84b55]{--board-gap: 1.25vmin;--board-border-radius: 1vmin;--tile-size: calc((24 - 2 * var(--c1b02944)) * 1vmin);display:flex;flex-direction:column;align-items:center;height:100%;width:calc((var(--tile-size) + var(--board-gap)) * var(--c1b02944) + var(--board-gap));margin:0 auto}.game-board-container[data-v-98d84b55]{position:relative;padding:var(--board-gap);background-color:#bbada0;border-radius:var(--board-border-radius)}
