[data-game="2048"]{--accent:#FF9500;--accent-ink:#1C1C1E;--accent-strong:#9A5B00;--accent-tint:#FFF4E5;--cta:var(--accent);--board:#BBADA0;--cell:#CEC0B2}:root[data-theme=dark] [data-game="2048"]{--accent:#FF9F0A;--accent-ink:#FFFFFF;--accent-strong:#FFB340;--accent-tint:#3A2A10;--cta:var(--accent);--board:#2D2820;--cell:#3A3530}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-game="2048"]{--accent:#FF9F0A;--accent-ink:#FFFFFF;--accent-strong:#FFB340;--accent-tint:#3A2A10;--cta:var(--accent);--board:#2D2820;--cell:#3A3530}}.board{aspect-ratio:1/1;padding:var(--gap);border-radius:var(--radius-3xl);background:var(--board);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.board,.board-inner{position:relative;width:100%}.board-inner{height:100%}.board-cells{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);gap:var(--gap)}.board-cell{border-radius:calc(var(--radius-xl) * .85);background:var(--cell)}.tile{position:absolute;top:0;left:0;width:calc((100% - (var(--n) - 1) * var(--gap)) / var(--n));height:calc((100% - (var(--n) - 1) * var(--gap)) / var(--n));transform:translate(calc(var(--col) * (100% + var(--gap))),calc(var(--row) * (100% + var(--gap))));transition:transform .13s cubic-bezier(.25,.9,.3,1);will-change:transform}.tile-face{display:grid;place-items:center;width:100%;height:100%;border-radius:calc(var(--radius-xl) * .85);font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.tile-ghost{z-index:0}@keyframes tile-appear{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes tile-pop{0%{transform:scale(1)}50%{transform:scale(1.16)}to{transform:scale(1)}}