.op-2048{max-width:32rem;margin-inline:auto}.op-2048__score{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1.2rem}.op-2048__board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:.5rem;background:#a99f91;border-radius:1rem;touch-action:manipulation}.op-2048__board:focus-visible{outline:3px solid var(--color-accent,#2563eb);outline-offset:3px}.op-2048__tile{display:grid;place-items:center;aspect-ratio:1;min-width:0;border-radius:.6rem;background:#d8d0c4;color:#29251f;font-size:clamp(1rem,7vw,2rem);font-weight:800;font-variant-numeric:tabular-nums}.op-2048__tile[data-value="0"]{color:transparent}.op-2048__tile[data-value="2"]{background:#eee4da}.op-2048__tile[data-value="4"]{background:#ede0c8}.op-2048__tile[data-value="8"]{background:#f2b179;color:#29251f}.op-2048__tile[data-value="16"]{background:#f59563;color:#29251f}.op-2048__tile[data-value="32"]{background:#f67c5f;color:#29251f}.op-2048__tile[data-value="64"]{background:#f65e3b;color:#29251f}.op-2048__tile[data-value="128"],.op-2048__tile[data-value="256"],.op-2048__tile[data-value="512"]{background:#edcf72;color:#29251f;font-size:clamp(.85rem,6vw,1.7rem)}.op-2048__tile[data-value="1024"],.op-2048__tile[data-value="2048"]{background:#edc53f;color:#29251f;font-size:clamp(.75rem,5vw,1.5rem)}.op-2048__controls{display:grid;grid-template-columns:repeat(3,3.5rem);justify-content:center;gap:.4rem;margin-block:1rem}.op-2048__controls [data-2048-move=up]{grid-column:2}.op-2048__controls [data-2048-move=left]{grid-column:1;grid-row:2}.op-2048__controls [data-2048-move=down]{grid-column:2;grid-row:2}.op-2048__controls [data-2048-move=right]{grid-column:3;grid-row:2}.op-2048__controls button{min-height:3.25rem;font-size:1.3rem}