:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:#faf7f4;--color-text:#2a1e1a;--accent:#8a4620;--board-bg:#efe0d4;--board-shadow:0 6px 20px #00000014;--empty-bg:#f6e9df;--score-bg:#f3d1b8;--score-text:#7a3b1c;--reset-bg:#ffe7d6;--reset-border:#e0996d;--reset-hover-border:#d67c45;--focus-ring-color:#8a4620;--tile-shadow:0 1px 2px #0000001f;--slide-distance:14px;--slide-duration:.16s;--t-2-bg:#fff1e6;--t-4-bg:#ffe0cc;--t-8-bg:#ffc6a8;--t-16-bg:#ffb387;--t-32-bg:#ff9f6b;--t-64-bg:#ff8a4f;--t-128-bg:#ff7438;--t-256-bg:#ff5d23;--t-512-bg:#ff4713;--t-1024-bg:#e23b0d;--t-2048-bg:#d23609;--t-low-text:#6b3a1a;--t-mid-text:#2e1609;--t-high-text:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{background-color:var(--color-bg);min-width:320px;min-height:100vh;color:var(--color-text);place-items:center;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500}button:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:2px}@media (prefers-color-scheme:light){:root{--color-bg:#faf7f4;--color-text:#2a1e1a}}@media (prefers-color-scheme:dark){:root{--color-bg:#171512;--color-text:#f4ede7;--board-bg:#34251d;--empty-bg:#3b2a22;--score-bg:#5a3a2a;--score-text:#f4ede7;--reset-bg:#3a2921;--reset-border:#9d6a49;--reset-hover-border:#b07a55;--focus-ring-color:#d9a579;--tile-shadow:0 1px 2px #0000004d}}@media (prefers-reduced-motion:reduce){.tile,.reset{transition:none!important;animation:none!important}}#root{max-width:640px;margin:0 auto;padding:2rem 1rem}.game{flex-direction:column;align-items:center;gap:1rem;display:flex}.header{justify-content:center;align-items:center;gap:1rem;display:flex}.score{background:var(--score-bg);color:var(--score-text);border-radius:8px;padding:.5rem .75rem;font-weight:700}.reset{border:1px solid var(--reset-border);background-color:var(--reset-bg);color:var(--accent);border-radius:8px;padding:.5rem .9rem;font-size:.95rem}.reset:hover{border-color:var(--reset-hover-border)}.reset:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:2px}.board{background:var(--board-bg);width:420px;max-width:90vw;box-shadow:var(--board-shadow);touch-action:none;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:12px;padding:12px;display:grid}.board:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:4px}.tile{aspect-ratio:1;-webkit-user-select:none;user-select:none;box-shadow:var(--tile-shadow);will-change:transform;border-radius:10px;justify-content:center;align-items:center;font-size:1.6rem;font-weight:800;transition:transform .1s;display:flex}.tile:focus{outline:none}.tile:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:2px}.tile:active{transform:scale(.98)}.empty{background:var(--empty-bg)}.v-2{background:var(--t-2-bg);color:var(--t-low-text)}.v-4{background:var(--t-4-bg);color:var(--t-low-text)}.v-8{background:var(--t-8-bg);color:var(--t-low-text)}.v-16{background:var(--t-16-bg);color:var(--t-low-text)}.v-32{background:var(--t-32-bg);color:var(--t-mid-text)}.v-64{background:var(--t-64-bg);color:var(--t-mid-text)}.v-128{background:var(--t-128-bg);color:var(--t-high-text)}.v-256{background:var(--t-256-bg);color:var(--t-high-text)}.v-512{background:var(--t-512-bg);color:var(--t-high-text)}.v-1024{background:var(--t-1024-bg);color:var(--t-high-text)}.v-2048{background:var(--t-2048-bg);color:var(--t-high-text)}.hint{color:var(--accent)}@keyframes slide-left{0%{transform:translateX(var(--slide-distance))}to{transform:translate(0)}}@keyframes slide-right{0%{transform:translateX(calc(-1 * var(--slide-distance)))}to{transform:translate(0)}}@keyframes slide-up{0%{transform:translateY(var(--slide-distance))}to{transform:translateY(0)}}@keyframes slide-down{0%{transform:translateY(calc(-1 * var(--slide-distance)))}to{transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.slide-left{animation:slide-left var(--slide-duration) ease-out}.slide-right{animation:slide-right var(--slide-duration) ease-out}.slide-up{animation:slide-up var(--slide-duration) ease-out}.slide-down{animation:slide-down var(--slide-duration) ease-out}.pop-in{animation:.2s cubic-bezier(.175,.885,.32,1.275) pop-in}