:root{--2048-bg:#faf8ef;--2048-board-bg:#bbada0;--2048-board-radius:1.2rem;--2048-gap:0.7rem;--2048-tile-radius:0.7rem;--2048-tile-font:"Geist","Arial",sans-serif;--2048-tile-shadow:0 4px 16px 0 #b3a9a0a0;--2048-btn-bg:#8f7a66;--2048-btn-bg-hover:#a0866c;--2048-btn-color:#fff;--2048-btn-radius:0.5rem;--2048-overlay-bg:rgba(238,228,218,0.85);--2048-overlay-win:#f9d06a;--2048-overlay-lose:#e84c3d;--2048-tile-2:#eee4da;--2048-tile-4:#ede0c8;--2048-tile-8:#f2b179;--2048-tile-16:#f59563;--2048-tile-32:#f67c5f;--2048-tile-64:#f65e3b;--2048-tile-128:#edcf72;--2048-tile-256:#edcc61;--2048-tile-512:#edc850;--2048-tile-1024:#edc53f;--2048-tile-2048:#edc22e;--2048-tile-super:#3c3a32;--2048-tile-font-dark:#776e65;--2048-tile-font-light:#f9f6f2}.game-2048-root{--game-score-bg:#bbada0;--game-btn-bg:#8f7a66;--game-btn-bg-hover:#a0866c;--game-secondary-color:#776e65;font-family:var(--2048-tile-font)}.game-2048-board{--tile-size:calc((22rem - 5 * var(--2048-gap)) / 4);background:var(--2048-board-bg);border-radius:var(--2048-board-radius);padding:var(--2048-gap);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:var(--2048-gap);width:22rem;height:22rem;position:relative;box-shadow:0 8px 32px #b3a9a055;user-select:none;touch-action:none;outline:none}.game-2048-cell-bg{background:#cdc1b4;width:100%;height:100%}.game-2048-cell-bg,.game-2048-tile{border-radius:var(--2048-tile-radius)}.game-2048-tile{position:absolute;width:var(--tile-size);height:var(--tile-size);display:flex;align-items:center;justify-content:center;font-family:var(--2048-tile-font);font-weight:900;font-size:2rem;box-shadow:var(--2048-tile-shadow);transition:transform .12s ease-out;z-index:10;will-change:transform;user-select:none;left:var(--2048-gap);top:var(--2048-gap)}.game-2048-tile[data-value="2"]{background:var(--2048-tile-2);color:var(--2048-tile-font-dark)}.game-2048-tile[data-value="4"]{background:var(--2048-tile-4);color:var(--2048-tile-font-dark)}.game-2048-tile[data-value="8"]{background:var(--2048-tile-8);color:var(--2048-tile-font-light)}.game-2048-tile[data-value="16"]{background:var(--2048-tile-16);color:var(--2048-tile-font-light)}.game-2048-tile[data-value="32"]{background:var(--2048-tile-32);color:var(--2048-tile-font-light)}.game-2048-tile[data-value="64"]{background:var(--2048-tile-64);color:var(--2048-tile-font-light)}.game-2048-tile[data-value="128"]{background:var(--2048-tile-128);color:var(--2048-tile-font-light)}.game-2048-tile[data-value="256"]{background:var(--2048-tile-256);color:var(--2048-tile-font-light)}.game-2048-tile[data-value="512"]{background:var(--2048-tile-512);color:var(--2048-tile-font-light)}.game-2048-tile[data-value="1024"]{background:var(--2048-tile-1024);color:var(--2048-tile-font-light)}.game-2048-tile[data-value="2048"]{background:var(--2048-tile-2048);color:var(--2048-tile-font-light)}.game-2048-tile[data-value="16384"],.game-2048-tile[data-value="32768"],.game-2048-tile[data-value="4096"],.game-2048-tile[data-value="65536"],.game-2048-tile[data-value="8192"]{background:var(--2048-tile-super);color:var(--2048-tile-font-light);font-size:1.7rem;letter-spacing:.02em}.game-2048-tile[data-value="128"],.game-2048-tile[data-value="256"],.game-2048-tile[data-value="512"]{font-size:1.7rem}.game-2048-tile[data-value="1024"],.game-2048-tile[data-value="2048"]{font-size:1.4rem}.game-2048-tile[data-value="16384"],.game-2048-tile[data-value="32768"],.game-2048-tile[data-value="4096"],.game-2048-tile[data-value="65536"],.game-2048-tile[data-value="8192"]{font-size:1.1rem}.game-2048-tile.game-2048-tile-new{animation:tile-pop .2s cubic-bezier(.2,1.2,.4,1) forwards}@keyframes tile-pop{0%{opacity:0;scale:0}50%{opacity:1;scale:1.1}to{opacity:1;scale:1}}.game-2048-tile.game-2048-tile-merged{animation:tile-merge .2s cubic-bezier(.2,1.1,.4,1) forwards;z-index:20}@keyframes tile-merge{0%{scale:1}50%{scale:1.1}to{scale:1}}.game-2048-overlay{position:absolute;inset:0;background:var(--2048-overlay-bg);border-radius:var(--2048-board-radius);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;animation:overlay-fade-in .3s}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.game-2048-overlay.game-2048-overlay-win{background:linear-gradient(135deg,var(--2048-overlay-win) 60%,#fffbe6 100%)}.game-2048-overlay.game-2048-overlay-lose{background:linear-gradient(135deg,var(--2048-overlay-lose) 60%,#fffbe6 100%)}.game-2048-overlay-message{font-size:2.2rem;font-weight:900;color:#776e65;margin-bottom:1.2rem;text-shadow:0 2px 8px #fffbe6cc;letter-spacing:.04em}.game-2048-btn{background:var(--2048-btn-bg);color:var(--2048-btn-color);border:none;border-radius:var(--2048-btn-radius);padding:.6rem 1.4rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .15s;box-shadow:0 2px 8px #b3a9a055}.game-2048-btn:focus,.game-2048-btn:hover{background:var(--2048-btn-bg-hover)}.game-2048-overlay .game-2048-btn{margin-top:.7rem;font-size:1.1rem;padding:.7rem 2.2rem}@media (max-width:600px){.game-2048-board{--2048-gap:2vw;--tile-size:calc((96vw - 5 * var(--2048-gap)) / 4);width:96vw;height:96vw;max-width:98vw;max-height:98vw;min-width:260px;min-height:260px;padding:var(--2048-gap);gap:var(--2048-gap)}.game-2048-btn{font-size:.9rem;padding:.5rem 1rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}