.game{align-items:center;gap:var(--space-4);flex-direction:column;flex:1;display:flex}.vbar{gap:var(--space-4);color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:14px;display:flex}.vbar b{color:var(--ink)}.vgrid{--size:min(360px, calc(100vw - 2 * var(--space-4)));--gap:8px;--cell:calc((var(--size) - 5 * var(--gap)) / 4);width:var(--size);height:var(--size);padding:var(--gap);grid-template-columns:repeat(4, var(--cell));grid-template-rows:repeat(4, var(--cell));gap:var(--gap);border-radius:var(--radius-md);background-color:var(--line);touch-action:none;-webkit-user-select:none;user-select:none;display:grid;position:relative}.vcell{border-radius:var(--radius-sm);background-color:var(--surface-raised);opacity:.6}.vtile{left:var(--gap);top:var(--gap);width:var(--cell);height:var(--cell);border-radius:var(--radius-sm);transform:translate(calc(var(--c) * (var(--cell) + var(--gap))), calc(var(--r) * (var(--cell) + var(--gap))));font-family:var(--font-display);font-weight:800;font-size:calc(var(--cell) * .38);box-shadow:var(--shadow-press);background-color:var(--surface-raised);color:var(--ink);border:2px solid var(--line-strong);place-items:center;transition:transform .11s ease-out;display:grid;position:absolute}.vtile.v4{background-color:var(--key)}.vtile.v8,.vtile.v16{background-color:var(--mango);color:var(--on-mango);border-color:var(--mango)}.vtile.v32,.vtile.v64{background-color:var(--koralle);color:var(--on-koralle);border-color:var(--koralle)}.vtile.v128,.vtile.v256{background-color:var(--kobalt);color:var(--on-kobalt);border-color:var(--kobalt);font-size:calc(var(--cell) * .32)}.vtile.v512,.vtile.v1024,.vtile.v2048,.vtile.v4096{background-color:var(--minze);color:var(--on-minze);border-color:var(--minze);font-size:calc(var(--cell) * .3)}.vtile.v16,.vtile.v64,.vtile.v256{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--ink) 25%, transparent), var(--shadow-press)}.vtile.new{animation:.18s ease-out .11s both v-pop}.vtile.merged{z-index:2;animation:.26s ease-out .1s v-bump}.vtile.gone{z-index:1}@keyframes v-pop{0%{opacity:0;scale:.4}}@keyframes v-bump{45%{box-shadow:0 0 0 6px color-mix(in srgb, var(--mango) 45%, transparent), var(--shadow-press);scale:1.28}}.vladder{width:var(--board,min(360px, calc(100vw - 2 * var(--space-4))));grid-template-columns:repeat(9,1fr);gap:3px;margin:0;padding:0;list-style:none;display:grid}.vladder li{border-radius:var(--radius-sm);border:1.5px dashed var(--line-strong);height:26px;color:var(--ink-muted);font-family:var(--font-display);font-variant-numeric:tabular-nums;place-items:center;font-size:clamp(9px,2.6vw,12px);font-weight:700;display:grid}.vladder li.on{background-color:var(--key);color:var(--ink);border-style:solid;border-color:#0000}.vladder li.on.v8,.vladder li.on.v16{background-color:var(--mango);color:var(--on-mango)}.vladder li.on.v32,.vladder li.on.v64{background-color:var(--koralle);color:var(--on-koralle)}.vladder li.on.v128,.vladder li.on.v256{background-color:var(--kobalt);color:var(--on-kobalt)}.vladder li.on.v512{background-color:var(--minze);color:var(--on-minze)}.vladder li.now{outline:2px solid var(--ink);outline-offset:1px}.vladder li:last-child{border-width:2px;border-color:var(--minze);color:var(--ink)}.vwrap{position:relative}.vover{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background-color:color-mix(in srgb, var(--surface) 88%, transparent);text-align:center;z-index:5;flex-direction:column;display:flex;position:absolute;inset:0}.vover[hidden]{display:none}.vover b{font-family:var(--font-display);font-size:22px}.vover p{max-width:30ch;color:var(--ink-muted);margin:0}.vover-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.irules{gap:var(--space-1);margin:0;padding-left:1.3em;display:grid}.intro{align-items:center;gap:var(--space-2);padding:var(--space-3) 0;flex-direction:column;display:flex}.iprompt{text-align:center;min-height:2.6em;margin:0;font-weight:600}.istage{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.ihint{color:var(--mango);font-size:28px;line-height:1;animation:1.1s ease-in-out infinite i-nudge}.ihint[hidden]{display:none}@keyframes i-nudge{50%{transform:translate(-12px)}}.irow{--gap:6px;--cell:min(58px, calc((100vw - 96px) / 4));width:calc(4 * var(--cell) + 5 * var(--gap));height:calc(var(--cell) + 2 * var(--gap));padding:var(--gap);grid-template-columns:repeat(4, var(--cell));gap:var(--gap);border-radius:var(--radius-md);background-color:var(--line);touch-action:none;-webkit-user-select:none;user-select:none;display:grid;position:relative}.varrows{gap:var(--space-1);grid-template-columns:repeat(3,64px);grid-template-areas:".u.""l d r";margin-top:auto;display:grid}.varrows .a-U{grid-area:u}.varrows .a-L{grid-area:l}.varrows .a-D{grid-area:d}.varrows .a-R{grid-area:r}.varrows .sg-key{font-size:24px}.after{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.after p{margin:0}