:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#fbf9f1;--page-deep:#f4eee2;--surface:#fffef9e0;--ink:#675a4e;--muted:#8d7e70;--soft-muted:#a69789;--line:#74604e1a;--board:#a79787;--cell:#c7b7a4;--terracotta:#df765d;--terracotta-deep:#bd5d49;--sage:#73ad98;--sage-deep:#568c79;--cream:#fffdf8;--shadow-lg:0 24px 64px #6f58411a;--shadow-md:0 9px 22px #6f58411a;--radius-lg:24px;--radius-md:16px;--radius-sm:12px}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at 12% 8%, #fffffff5, transparent 34%), radial-gradient(circle at 90% 90%, #efbe781f, transparent 34%), linear-gradient(145deg, var(--page) 0%, var(--page-deep) 100%);color:var(--ink);-webkit-font-smoothing:antialiased;place-items:center;margin:0;padding:40px 24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;overflow-x:hidden}body:before{z-index:-1;content:"";background-image:linear-gradient(#7e695505 1px,#0000 1px),linear-gradient(90deg,#7e695505 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}button{font:inherit}.game-shell{background:var(--surface);width:min(100%,760px);box-shadow:var(--shadow-lg), inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffffe6;border-radius:32px;padding:clamp(22px,5vw,42px)}.game-header{justify-content:space-between;align-items:flex-end;gap:24px;width:min(100%,560px);margin:0 auto 26px;display:flex}.brand{min-width:0}.eyebrow{color:var(--terracotta);letter-spacing:.16em;margin-bottom:9px;font-size:11px;font-weight:800;display:inline-block}h1{color:#756656;letter-spacing:-.07em;text-shadow:0 2px #ffffffd1;margin:0;font-size:clamp(58px,12vw,82px);font-weight:900;line-height:.78}.brand p{max-width:360px;color:var(--muted);margin:17px 0 0;font-size:15px;line-height:1.55}.game-board-area{width:min(100%,560px);margin:0 auto}.game-toolbar{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px;display:flex}.stats-row{gap:10px;display:flex}.score-panel{border-radius:var(--radius-md);color:#7b6b5c;text-align:left;border:1px solid #846f5917;min-width:112px;padding:10px 18px 12px;box-shadow:0 7px 18px #755b4412,inset 0 1px #ffffffb8}.score-panel--current{background:#eee8da}.score-panel--best{background:#fffcf4e6;border-color:#e9e1d2}.score-panel span{color:#9d8e7f;letter-spacing:.1em;margin-bottom:3px;font-size:10px;font-weight:800;display:block}.score-panel strong{font-variant-numeric:tabular-nums;font-size:28px;line-height:1;display:block}.desktop-hint{color:var(--soft-muted);white-space:nowrap;align-items:center;gap:4px;margin:0 2px 3px 0;font-size:12px;display:flex}kbd{color:#89796a;width:23px;height:23px;font:inherit;background:#ffffffc2;border:1px solid #5b4c3f2b;border-bottom-width:2px;border-radius:6px;place-items:center;font-weight:800;display:inline-grid}.board-wrap{isolation:isolate;position:relative}.board{aspect-ratio:1;touch-action:none;border-radius:var(--radius-lg);background:linear-gradient(145deg,#ad9d8d,#9e8d7d);border:1px solid #ffffff3d;grid-template:repeat(4,1fr)/repeat(4,1fr);gap:clamp(9px,2.2vw,14px);padding:clamp(10px,2.4vw,16px);display:grid;position:relative;box-shadow:0 18px 38px #644c3726,inset 0 1px #fff3}.cell{z-index:1;aspect-ratio:1;border-radius:var(--radius-sm);background:#cfbfacb8;place-items:center;min-width:0;min-height:0;display:grid;position:relative;box-shadow:inset 0 1px 2px #59412c0f}.cell:has(.tile){z-index:2}.tile{z-index:3;border-radius:var(--radius-sm);color:#726251;letter-spacing:-.045em;will-change:transform;border:1px solid #ffffff24;place-items:center;width:100%;height:100%;font-size:clamp(28px,8vw,54px);font-weight:900;line-height:1;transition:transform .24s cubic-bezier(.2,.8,.2,1);display:grid;position:relative;box-shadow:0 7px 14px #4d37251c,inset 0 1px #ffffff52}.tile-content{transform-origin:50%;display:block}.tile--new{animation:.22s ease-out tile-pop}.tile--moving{z-index:10}.tile--merged{z-index:8;animation:.24s ease-out tile-merge}.tile--merged .tile-content{animation:.24s cubic-bezier(.16,1,.3,1) tile-content-expand}.tile[data-value="2"]{background:#f5eee7}.tile[data-value="4"]{background:#f1dfba}.tile[data-value="8"]{color:var(--cream);background:#f4ae6d}.tile[data-value="16"]{color:var(--cream);background:#f18b63}.tile[data-value="32"]{color:var(--cream);background:#f3745d}.tile[data-value="64"]{color:var(--cream);background:#e95b48}.tile[data-value="128"]{color:var(--cream);background:#f1c75b;font-size:clamp(24px,7vw,46px)}.tile[data-value="256"]{color:var(--cream);background:#f4d54f;font-size:clamp(24px,7vw,46px)}.tile[data-value="512"]{color:var(--cream);background:#dcae3d;font-size:clamp(24px,7vw,46px)}.tile[data-value="1024"]{color:var(--cream);background:#72b69d;font-size:clamp(20px,6vw,39px)}.tile[data-value="2048"]{color:var(--cream);background:#5c9fbe;font-size:clamp(20px,6vw,39px);box-shadow:0 8px 20px #4c8fae38,0 0 0 3px #fff4c257}.tile[data-value="4096"]{color:var(--cream);background:#8172b6;font-size:clamp(20px,6vw,39px)}.restart-button{color:var(--cream);cursor:pointer;background:linear-gradient(145deg,#f17a61,#dc5f49);border:0;border-radius:13px;justify-content:center;align-items:center;gap:7px;padding:12px 18px;font-size:15px;font-weight:800;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 8px 18px #b5523d29,inset 0 1px #ffffff47}.restart-button:hover{filter:brightness(1.03);transform:translateY(-2px);box-shadow:0 11px 22px #b5523d33}.restart-button:active{transform:translateY(0)}.restart-button:focus-visible{outline-offset:3px;outline:3px solid #71544447}.restart-button--header{background:linear-gradient(145deg,#aa9989,#907e6e);min-width:105px;box-shadow:0 8px 18px #674e3924,inset 0 1px #ffffff3d}.game-message{z-index:50;border-radius:var(--radius-lg);color:var(--ink);text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fbf8efe6;align-content:center;place-items:center;gap:13px;padding:24px;display:grid;position:absolute;inset:0}.game-message strong{border-radius:var(--radius-md);color:var(--cream);box-shadow:var(--shadow-md);background:linear-gradient(145deg,#aa9886,#8f7d6d);border:1px solid #ffffff29;padding:15px 24px;font-size:clamp(26px,8vw,42px);line-height:1}.game-message[hidden]{display:none}.game-guide{color:var(--muted);justify-content:space-between;align-items:center;gap:22px;margin-top:18px;padding:0 4px;display:flex}.game-guide p{margin:0;font-size:13px;line-height:1.55}.game-guide strong{color:var(--ink)}.goal-chip{color:#9a7224;letter-spacing:.04em;background:#f4cb5a24;border:1px solid #d8a74933;border-radius:999px;flex:none;padding:8px 11px;font-size:11px;font-weight:800}.cell--edge-up{animation:.26s ease-out cell-elastic-up}.cell--edge-right{animation:.26s ease-out cell-elastic-right}.cell--edge-down{animation:.26s ease-out cell-elastic-down}.cell--edge-left{animation:.26s ease-out cell-elastic-left}@keyframes tile-pop{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes tile-merge{50%{box-shadow:0 14px 28px #4a403638,0 0 0 4px #fff8ef47}}@keyframes tile-content-expand{0%{transform:scale(.72)}62%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes cell-elastic-up{45%{transform:translateY(-5px)}}@keyframes cell-elastic-right{45%{transform:translate(5px)}}@keyframes cell-elastic-down{45%{transform:translateY(5px)}}@keyframes cell-elastic-left{45%{transform:translate(-5px)}}@media (width<=620px){body{background:var(--page);padding:0;display:block}body:before{display:none}.game-shell{min-height:100vh;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:30px clamp(16px,5vw,28px)}.game-header{align-items:center;margin-bottom:22px}.brand p{max-width:250px;margin-top:13px;font-size:13px}.eyebrow{margin-bottom:8px;font-size:10px}h1{font-size:clamp(54px,18vw,72px)}.game-toolbar{display:block}.stats-row{width:100%}.score-panel{flex:1;min-width:0}.desktop-hint{display:none}.game-guide{align-items:flex-start}}@media (width<=390px){.game-shell{padding-inline:14px}.game-header{gap:12px}.brand p{display:none}.restart-button--header{min-width:92px;padding:11px 13px;font-size:13px}.score-panel{padding-inline:13px}.score-panel strong{font-size:25px}.board{border-radius:19px;gap:8px;padding:9px}.cell,.tile{border-radius:10px}.game-guide{gap:12px;margin-top:14px}.goal-chip{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}