:root{color-scheme:light;--paper:#faf8ef;--ink:#3e3934;--muted:#8b8177;--line:#d8d0c5;--board:#b9b0a2;--empty:#cdc5b9;--accent:#d86c66}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}body{display:flex;justify-content:center}.page{width:min(520px,100%);padding:22px 18px}.topbar{height:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);margin-bottom:18px}.topbar h1{font-size:30px;letter-spacing:.12em;margin:0}.back,.quiet{color:var(--muted);background:none;border:0;text-decoration:none;font:10px inherit;letter-spacing:.1em;padding:7px 0;cursor:pointer}.quiet{text-align:right}.scorebar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px}.score{min-width:92px;background:#eee9df;border:1px solid var(--line);padding:7px 9px;display:flex;flex-direction:column;gap:4px}.score span{font-size:8px;color:var(--muted);letter-spacing:.1em}.score strong{font-size:13px;letter-spacing:.06em}.board-wrap{position:relative;background:var(--board);padding:10px;border:1px solid #a89e90;box-shadow:5px 5px #d9d1c5}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;touch-action:none;user-select:none}.cell{aspect-ratio:1;display:grid;place-items:center;background:var(--empty);border-radius:3px;font-weight:700;font-size:clamp(22px,9vw,45px);color:#776e65}.tile-2{background:#eee4d4}.tile-4{background:#eee0c5}.tile-8{background:#e9a06a;color:#fff}.tile-16{background:#e58b62;color:#fff}.tile-32{background:#dd7664;color:#fff}.tile-64{background:#d85d55;color:#fff}.tile-128{background:#e1c66a;color:#fff;font-size:clamp(19px,7vw,36px)}.tile-256{background:#d4b557;color:#fff;font-size:clamp(19px,7vw,36px)}.tile-512{background:#bea146;color:#fff;font-size:clamp(19px,7vw,36px)}.tile-1024,.tile-2048{background:#7d9b74;color:#fff;font-size:clamp(16px,6vw,31px)}.overlay{position:absolute;inset:10px;background:#faf8efdf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.overlay.hidden{display:none}.overlay strong{font-size:25px;letter-spacing:.1em}.overlay button{border:0;background:#71685f;color:#fff;padding:12px 18px;font:700 10px inherit;letter-spacing:.1em;cursor:pointer;box-shadow:3px 3px #514b45}.controls{display:none;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);justify-content:center;gap:7px;margin:18px auto 0}.controls button{height:48px;width:48px;border:1px solid var(--line);background:#eee9df;color:var(--ink);font:700 20px inherit;touch-action:none}.controls button:active{background:#e5ded4;border-color:var(--accent)}footer{border-top:1px solid var(--line);margin-top:25px;padding-top:13px;color:var(--muted);font-size:9px;letter-spacing:.06em;text-align:center}@media(max-width:520px){.page{padding:12px}.scorebar{margin-bottom:8px}.board-wrap{padding:7px}.board{gap:7px}.overlay{inset:7px}.controls{display:grid}footer{margin-top:18px;font-size:8px}}
:root{--theme-color:#faf8ef}[data-theme="dark"]{--theme-color:#090d14;--paper:#090d14;--ink:#e8edf3;--muted:#8793a2;--line:#293442;--board:#252e39;--empty:#343e49;--accent:#e27770;color-scheme:dark}[data-theme="dark"] .score{background:#151c24}[data-theme="dark"] .board-wrap{border-color:#303b48;box-shadow:5px 5px #05080c}[data-theme="dark"] .cell{color:#d9dee5}[data-theme="dark"] .tile-2{background:#37414c}[data-theme="dark"] .tile-4{background:#45515c}[data-theme="dark"] .overlay{background:#090d14e8}