@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--page:#f8f5ed;--text:#20251e;--muted:#777b71;--line:#deded4;--score:#e9e6db;--best:#dce8c9;--board:#e7e4d9;--empty:#d8d7ca;--undo:#e9e6db;--mobile:#efede4;--overlay:#f8f5edcc} :root[data-theme="dark"]{color-scheme:dark;--page:#171a16;--text:#f1f2eb;--muted:#a5aa9c;--line:#383d35;--score:#30352d;--best:#36452e;--board:#30342d;--empty:#42473e;--undo:#30352d;--mobile:#30352d;--overlay:#171a16d9;color:var(--text);background:var(--page)}
:root{font-family:"Space Grotesk",Arial,sans-serif;color:#20251e;background:#f8f5ed;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -30%,#fff 0,#f8f5ed 62%)}button{font:inherit}.game-wrap{width:min(100% - 36px,620px);margin:0 auto;padding:28px 0 24px}.topline,footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.topline{padding-bottom:19px;border-bottom:1px solid #deded4}.topline a{color:#20251e;font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none}.topline a span{margin-left:5px;color:#7b8174;font-family:"DM Mono",monospace;font-size:9px}.edition,.eyebrow,footer,.score-box span{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.13em;color:#858a7d}.hero{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:36px 0 20px}.eyebrow{margin:0 0 9px;color:#6f9b42}.hero h1{margin:0;font-size:clamp(68px,14vw,100px);line-height:.84;letter-spacing:-.095em;font-weight:700}.hero h1 span{color:#a2c56a}.intro{margin:15px 0 0;color:#777b71;font-size:14px}.score-row{display:flex;gap:7px}.score-box{min-width:84px;padding:9px 11px 8px;background:#e9e6db;text-align:center;border-radius:7px}.score-box.best{background:#dce8c9}.score-box span{display:block;font-size:8px}.score-box strong{display:block;margin-top:4px;font-family:"DM Mono",monospace;font-size:20px;color:#344128}.controls{display:flex;align-items:center;gap:8px;margin:3px 0 12px}.controls button{height:39px;border:0;border-radius:6px;padding:0 14px;font-size:11px;font-weight:700;cursor:pointer}.new-game{background:#35452f;color:white}.new-game:hover{background:#263923}.controls .new-game span{margin-left:7px;font-size:16px}.undo{background:#e9e6db;color:#454b40}.undo:disabled{opacity:.45;cursor:default}.undo span{margin-left:7px;font-size:16px}.controls p{margin:0 0 0 auto;color:#8a8e83;font-size:10px}.board-shell{position:relative;padding:12px;background:#e7e4d9;border-radius:9px;touch-action:none}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cell{aspect-ratio:1;border-radius:6px;background:#d8d7ca;display:flex;align-items:center;justify-content:center;font-family:"DM Mono",monospace;font-weight:500;font-size:clamp(23px,7vw,38px);letter-spacing:-.08em;color:#42463d;transition:transform .12s,background .12s;user-select:none}.cell[data-value="2"]{background:#f7f2df}.cell[data-value="4"]{background:#eee8c8}.cell[data-value="8"]{background:#dce7b9;color:#364522}.cell[data-value="16"]{background:#c7dfa0;color:#304420}.cell[data-value="32"]{background:#aecd7d;color:#fff}.cell[data-value="64"]{background:#94bd63;color:#fff}.cell[data-value="128"]{background:#f1cd76;color:#fff;font-size:clamp(20px,6vw,33px)}.cell[data-value="256"]{background:#edb95e;color:#fff;font-size:clamp(20px,6vw,33px)}.cell[data-value="512"]{background:#e9a24d;color:#fff;font-size:clamp(20px,6vw,33px)}.cell[data-value="1024"],.cell[data-value="2048"]{background:#dc8746;color:#fff;font-size:clamp(17px,5vw,28px)}.cell[data-value="2048"]{background:#91ad55;box-shadow:inset 0 0 0 2px #b2ce72}.overlay{position:absolute;inset:12px;display:grid;place-items:center;background:#f8f5edcc;backdrop-filter:blur(4px);border-radius:6px}.overlay.hidden{display:none}.overlay-card{text-align:center}.overlay-card p{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.15em;color:#709446}.overlay-card h2{margin:7px 0 18px;font-size:48px;letter-spacing:-.07em}.overlay-card button{height:40px;padding:0 20px;border:0;border-radius:6px;cursor:pointer}.mobile-controls{display:none}footer{margin-top:18px;padding-top:12px;border-top:1px solid #deded4;font-size:8px}.mobile-controls button{width:40px;height:38px;border:1px solid #d9d7cc;background:#efede4;color:#46523b;border-radius:6px;font-size:18px}@media(max-width:520px){.game-wrap{width:min(100% - 26px,440px);padding-top:18px}.hero{align-items:start;flex-direction:column;padding-top:28px}.hero h1{font-size:76px}.score-row{align-self:stretch}.score-box{flex:1}.controls{flex-wrap:wrap}.controls p{width:100%;margin:3px 0 0}.board-shell{padding:9px}.board{gap:7px}.cell{border-radius:5px;font-size:clamp(21px,8vw,36px)}.mobile-controls{display:grid;justify-items:center;gap:6px;margin-top:15px}.mobile-controls>div{display:flex;gap:6px}.mobile-controls button{width:54px;height:42px}footer{gap:5px;font-size:7px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}