.g2048{grid-template-columns:minmax(0, var(--game-width)) minmax(16rem, 1fr);align-items:start;gap:var(--space-6);margin:0 0 var(--space-6);-webkit-user-select:none;user-select:none;display:grid}.g2048 .g2048-play{--gap:2.5cqw;min-width:0;container-type:inline-size}.g2048 .lb.lb-board{margin:0}@media (width<=859px){.g2048{grid-template-columns:minmax(0, var(--game-width))}}.g2048 .g2048-top{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.g2048 .g2048-scores{gap:var(--space-2);display:flex}.g2048 .g2048-score{min-width:5rem;padding:.375rem var(--space-3);border-radius:var(--radius-md);background:var(--wash);text-align:center;margin:0;line-height:1.2;position:relative}.g2048 .g2048-label{color:var(--muted);font-size:var(--text-xs);font-weight:650;display:block}.g2048 .g2048-score strong{font-size:var(--text-md);font-variant-numeric:tabular-nums;font-weight:800}.g2048 .g2048-time{min-width:7.25rem}.g2048 .g2048-gain{color:var(--game-accent);font-size:var(--text-sm);pointer-events:none;font-weight:800;animation:.7s ease-out forwards g2048-gain;position:absolute;bottom:50%;left:0;right:0}.g2048 .g2048-buttons{gap:var(--space-2);display:flex}.g2048 .button{color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.g2048 .button:disabled{border-color:var(--rule);opacity:.45;cursor:default}.g2048 .g2048-buttons .button[data-sound]{justify-content:center;width:2.75rem;padding-inline:0}.g2048 [data-sound][aria-pressed=false]{color:var(--muted)}@container (width<=37.5rem){.g2048 .g2048-top,.g2048 .g2048-scores{gap:var(--space-2) .375rem}.g2048 .g2048-score{min-width:4.5rem;padding-inline:var(--space-2)}.g2048 .g2048-score strong{font-size:var(--text-base)}.g2048 .g2048-time{min-width:6.25rem}.g2048 .g2048-buttons{gap:.375rem}.g2048 .g2048-buttons .button{padding-inline:var(--space-3)}}.g2048 .g2048-buttons .button{gap:.375rem}.g2048 .g2048-buttons .icon{width:18px;height:18px}@container (width<26rem){.g2048 .g2048-buttons,.g2048 .g2048-buttons .button{gap:.25rem}.g2048 .g2048-buttons .button{padding-inline:var(--space-2);white-space:nowrap}}@container (width>=26rem) and (width<=46rem){.g2048 .g2048-buttons .button{justify-content:center;width:2.75rem;padding-inline:0}.g2048 .g2048-label-text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.g2048{--board:linear-gradient(135deg, var(--now-from), var(--now-to));--empty:color-mix(in srgb, var(--on-colour) 12%, transparent);--game-accent:var(--now-to)}:root[data-theme=dark] .g2048{--game-accent:var(--accent-about)}.g2048 .g2048-board{padding:var(--gap);border-radius:var(--radius-lg);background:var(--board);touch-action:none;position:relative}.g2048 .g2048-board:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.g2048 .g2048-cells{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.g2048 .g2048-cells>div{aspect-ratio:1;border-radius:var(--radius-md);background:var(--empty)}.g2048 .g2048-tiles{inset:var(--gap);position:absolute}.g2048 .g2048-tile{--fg:var(--game-words);width:calc((100% - 3 * var(--gap)) / 4);aspect-ratio:1;transform:translate(calc(var(--x) * (100% + var(--gap))), calc(var(--y) * (100% + var(--gap))));transition:transform var(--slide) ease-in-out;will-change:transform;position:absolute;top:0;left:0}.g2048 .g2048-tile span{border-radius:var(--radius-md);background:var(--bg);width:100%;height:100%;color:var(--fg);letter-spacing:-.03em;place-items:center;font-size:10.5cqw;font-weight:800;line-height:1;display:grid}.g2048 .d3 span{font-size:8.5cqw}.g2048 .d4 span{font-size:6.8cqw}.g2048 .d5 span{font-size:5.4cqw}.g2048 .is-new{z-index:1}.g2048 .is-merged{z-index:2}.g2048 .is-new span{animation:.18s ease-out both g2048-appear}.g2048 .is-merged span{animation:.18s ease-out both g2048-pop}.g2048 .v2{--bg:color-mix(in srgb, var(--on-colour) 14%, transparent);--fg:var(--on-colour)}.g2048 .v4{--bg:color-mix(in srgb, var(--on-colour) 24%, transparent);--fg:var(--on-colour)}.g2048 .v8{--bg:var(--now-soft)}.g2048 .v16{--bg:var(--on-colour)}.g2048 .v32{--bg:var(--now-third)}.g2048 .v64{--bg:var(--game-mint)}.g2048 .v128{--bg:var(--now-first)}.g2048 .v256{--bg:var(--game-amber)}.g2048 .v512{--bg:var(--accent-collection)}.g2048 .v1024{--bg:var(--game-coral)}.g2048 .v2048{--bg:var(--accent-writing);--fg:var(--on-colour)}.g2048 .vbig{--bg:var(--game-words);--fg:var(--on-colour)}:root[data-game-look=old] .g2048{--board:color-mix(in srgb, var(--lane-games) 20%, var(--surface));--empty:color-mix(in srgb, var(--lane-games) 9%, var(--surface));--game-accent:var(--lane-games)}:root[data-game-look=old] .g2048 .g2048-tile{--bg:color-mix(in srgb, var(--lane-games) var(--p), var(--surface));--fg:var(--ink)}.g2048 .v2{--p:14%}.g2048 .v4{--p:24%}.g2048 .v8{--p:36%}.g2048 .v16{--p:46%}.g2048 .v32{--p:56%}.g2048 .v64{--p:66%}.g2048 .v128{--p:74%}.g2048 .v256{--p:82%}.g2048 .v512{--p:88%}.g2048 .v1024{--p:94%}.g2048 .v2048{--p:100%}:root[data-game-look=old] .g2048 .vbig{--bg:var(--ink);--fg:var(--surface)}:root[data-game-look=old] .g2048 :is(.v512,.v1024,.v2048),:root[data-game-look=old][data-theme=dark] .g2048 :is(.v64,.v128,.v256){--fg:var(--surface)}.g2048 .g2048-message{z-index:3;place-content:center;justify-items:center;gap:var(--space-3);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 84%, transparent);text-align:center;animation:.3s both g2048-fade;display:grid;position:absolute;inset:0}.g2048 .g2048-message[hidden]{display:none}.g2048 .g2048-message p{font-size:var(--text-xl);letter-spacing:-.02em;margin:0;font-weight:800}.g2048 .g2048-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.g2048 .g2048-help{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-sm);text-align:center}@keyframes g2048-appear{0%{opacity:0;transform:scale(.3)}}@keyframes g2048-pop{0%{transform:scale(.6)}55%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes g2048-gain{0%{opacity:1;transform:translateY(.5rem)}to{opacity:0;transform:translateY(-1.25rem)}}@keyframes g2048-fade{0%{opacity:0}}
