:root{color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#faf8ef;color:#776e65;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.g2048{max-width:30rem;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;gap:1rem;touch-action:manipulation}.g2048__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.g2048__title{margin:0;font-size:2.5rem;font-weight:700;color:#4a4238}.g2048__scores{display:flex;gap:.5rem}.g2048__scoreBox{display:flex;flex-direction:column;align-items:center;min-width:4.2rem;padding:.4rem .6rem;border-radius:.4rem;background:#bbada0;color:#eee4da}.g2048__scoreLabel{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#eee4da;opacity:.8}.g2048__scoreValue{font-size:1.15rem;font-weight:700;color:#fff}.g2048__toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.g2048__hint{margin:0;font-size:.85rem;color:#776e65}.g2048__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:.4rem;padding:.55rem 1rem;font-size:.85rem;font-weight:700;font-family:inherit;background:#8f7a66;color:#f9f6f2;cursor:pointer;white-space:nowrap}.g2048__btn:hover{background:#9c8a76}.g2048__btn--primary{background:#8f7a66}.g2048__btn--ghost{background:transparent;color:#776e65;border:1.5px solid #bbada0}.g2048__boardWrap{position:relative;width:100%;aspect-ratio:1;background:#bbada0;border-radius:.6rem;padding:.75rem;touch-action:none;-webkit-user-select:none;user-select:none}.g2048__cells{position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:.75rem}.g2048__cell{border-radius:.35rem;background:#eee4da59}.g2048__tiles{position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem}.g2048__tile{position:absolute;top:0;left:0;transition:transform .12s ease-in-out}.g2048__tileInner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:.35rem;font-weight:700;font-size:1.6rem;background:#eee4da;color:#776e65;transition:background-color .1s ease}.g2048__tileInner--new{animation:g2048-appear .18s ease}.g2048__tileInner--pop{animation:g2048-pop .16s ease}@keyframes g2048-appear{0%{transform:scale(0)}}@keyframes g2048-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.g2048__tileInner[data-value="2"]{background:#eee4da;color:#776e65}.g2048__tileInner[data-value="4"]{background:#ede0c8;color:#776e65}.g2048__tileInner[data-value="8"]{background:#f2b179;color:#f9f6f2}.g2048__tileInner[data-value="16"]{background:#f59563;color:#f9f6f2}.g2048__tileInner[data-value="32"]{background:#f67c5f;color:#f9f6f2}.g2048__tileInner[data-value="64"]{background:#f65e3b;color:#f9f6f2}.g2048__tileInner[data-value="128"]{background:#edcf72;color:#f9f6f2;font-size:1.4rem}.g2048__tileInner[data-value="256"]{background:#edcc61;color:#f9f6f2;font-size:1.4rem}.g2048__tileInner[data-value="512"]{background:#edc850;color:#f9f6f2;font-size:1.4rem}.g2048__tileInner[data-value="1024"]{background:#edc53f;color:#f9f6f2;font-size:1.2rem}.g2048__tileInner[data-value="2048"]{background:#edc22e;color:#f9f6f2;font-size:1.2rem}.g2048__tileInner[data-value=super]{background:#3c3a32;color:#f9f6f2;font-size:1.1rem}.g2048__overlay[hidden]{display:none}.g2048__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#eee4daba;border-radius:.6rem;text-align:center;padding:1.5rem}.g2048__overlayMessage{margin:0;font-size:1.6rem;font-weight:700;color:#4a4238}.g2048__overlayActions{display:flex;gap:.6rem}