.shell-2048{--warm-ink:#776e65;min-height:710px}.scores{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 20px}.score-box{position:relative;border-radius:14px;background:#f2eee8;padding:14px 20px;text-align:center;color:#83786c}.score-box>span:first-child{font-size:13px;font-weight:600;display:flex;gap:5px;align-items:center;justify-content:center}.score-box svg{width:15px;height:15px}.score-box strong{display:block;font-size:30px;line-height:1.3;font-variant-numeric:tabular-nums;color:#6c6156;letter-spacing:-.6px;margin-top:3px}.score-box.best{background:#fbf3e3}.score-box.best strong{color:#aa8035}.game-2048-intro{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:17px}.game-2048-intro p{font-size:13px;color:#7a8494}.game-2048-intro .text-button{background:#f3eee7;color:#8a7156;white-space:nowrap;padding:9px 12px}.board-2048{--gap:12px;position:relative;aspect-ratio:1;border-radius:12px;background:#b9aea0;padding:var(--gap);touch-action:none;user-select:none;-webkit-user-select:none;outline-offset:5px}.background-2048,.tiles-2048{position:absolute;inset:var(--gap)}.background-2048{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:var(--gap)}.background-2048>div{background:#cdc3b6;border-radius:7px}.tiles-2048{pointer-events:none}.tile{position:absolute;width:calc((100% - 3 * var(--gap))/4);height:calc((100% - 3 * var(--gap))/4);transition:left .1s ease-in-out,top .1s ease-in-out;z-index:2}.tile-inner{width:100%;height:100%;background:#eee4da;color:#776e65;display:flex;align-items:center;justify-content:center;border-radius:7px;font-size:clamp(28px,9vw,49px);line-height:1;font-weight:750;font-variant-numeric:tabular-nums}.tile-4 .tile-inner{background:#ede0c8}.tile-8 .tile-inner{background:#f2b179;color:#fff}.tile-16 .tile-inner{background:#f59563;color:#fff}.tile-32 .tile-inner{background:#f67c5f;color:#fff}.tile-64 .tile-inner{background:#f65e3b;color:#fff}.tile-128 .tile-inner{background:#edcf72;color:#fff;font-size:clamp(25px,8vw,42px)}.tile-256 .tile-inner{background:#edcc61;color:#fff;font-size:clamp(25px,8vw,42px)}.tile-512 .tile-inner{background:#edc850;color:#fff;font-size:clamp(25px,8vw,42px)}.tile-1024 .tile-inner,.tile-2048 .tile-inner{background:#edc53f;color:#fff;font-size:clamp(22px,6.7vw,35px)}.tile-2048 .tile-inner{background:#edc22e;box-shadow:0 0 22px #edc22e55}.tile-super .tile-inner{background:#3c3a32;color:white;font-size:clamp(18px,5vw,29px)}.tile-new .tile-inner{animation:appear .18s ease .07s backwards}.tile-merged .tile-inner{animation:pop .2s ease .08s backwards}.tile-merged{z-index:3}.swipe-guide{text-align:center;margin:20px 0 12px;color:#92969d;font-size:13px}.swipe-guide>span{font-size:19px;letter-spacing:7px;color:#9a9187}.swipe-guide p{margin-top:4px}.save-2048{justify-content:center}.end-2048{position:absolute;inset:0;z-index:10;background:#fff8edea;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;backdrop-filter:blur(3px);padding:20px}.end-2048>span svg{width:40px;height:40px;color:#c19236}.end-2048 h2{font-size:30px;color:#776e65;letter-spacing:-1px}.end-2048 p{color:#968670;font-size:15px}.end-2048 .primary-button{background:#b48a45}.end-2048 .secondary-button{background:#e9dfcf}.score-box #score-addition{position:absolute;right:20%;bottom:18px;color:#a08051;font-size:20px;font-weight:700;opacity:0;pointer-events:none}.score-box #score-addition.animate{animation:score-rise .7s ease-out}.shell-2048 .game-nav a[aria-current=page]{color:#a47b41}
@keyframes appear{from{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{transform:scale(.85)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes score-rise{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-35px)}}
@media(max-width:540px){.shell-2048{min-height:100dvh}.board-2048{--gap:10px}.scores{margin:5px 0 18px}.score-box{padding:12px 14px}.score-box strong{font-size:27px}.game-2048-intro p{font-size:12px}.swipe-guide{margin-top:19px}.shell-2048 .game-nav{margin-top:25px}}