.g-2048{--b-max:440px;--b-gap:clamp(4px, 1.4vw, 10px);gap:var(--sp-3)}.g-2048 [hidden]{display:none!important}.g-2048__head{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.g-2048__stat{align-items:baseline;gap:var(--sp-2);padding-block:var(--sp-1);padding-inline:var(--sp-3);border-radius:var(--r-full);background:var(--c-surface-2);color:var(--c-text-dim);font-size:var(--fs-sm);display:inline-flex}.g-2048__stat--target{background:var(--c-brand-soft);color:var(--c-brand)}.g-2048__statlabel{white-space:nowrap}.g-2048__statvalue{color:var(--c-text);font-family:var(--font-num);font-variant-numeric:tabular-nums}.g-2048__stat--target .g-2048__statvalue{color:var(--c-brand)}.g-2048__banner{max-width:34ch;padding-block:var(--sp-2);padding-inline:var(--sp-4);border-radius:var(--r-full);background:var(--c-good-soft);color:var(--c-good);font-size:var(--fs-sm);text-align:center;margin:0;font-weight:600}.g-2048__boardwrap{width:min(100%, var(--b-max));position:relative}.g-2048__grid{gap:var(--b-gap);width:100%;padding:var(--b-gap);border-radius:var(--r-lg);background:var(--c-surface-2);touch-action:none;-webkit-user-select:none;user-select:none;direction:ltr;grid-auto-rows:1fr;display:grid}.g-2048__grid:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}.g-2048__row{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));gap:var(--b-gap);display:grid}.g-2048__cell{--tile-key:var(--c-text-faint);--tile-mix:12%;aspect-ratio:1;border:1px solid var(--c-border);border-color:color-mix(in srgb, var(--tile-key) 38%, var(--c-border));border-radius:var(--r-md);background:color-mix(in srgb, var(--tile-key) var(--tile-mix), var(--c-surface));min-width:0;color:color-mix(in srgb, var(--tile-key) 58%, var(--c-text));font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:700;font-size:clamp(.9rem, calc(40vw / var(--cols,4)), 2.1rem);place-items:center;line-height:1;display:grid;overflow:hidden}.g-2048__cell.is-empty{background:color-mix(in srgb, var(--c-text-faint) 10%, var(--c-surface-2));border-color:#0000}.g-2048__cell.is-d3{font-size:clamp(.75rem, calc(31vw / var(--cols,4)), 1.6rem)}.g-2048__cell.is-d4{font-size:clamp(.62rem, calc(24vw / var(--cols,4)), 1.25rem)}.g-2048__cell--v2{--tile-key:var(--c-text-faint);--tile-mix:9%}.g-2048__cell--v4{--tile-key:var(--c-text-faint);--tile-mix:18%}.g-2048__cell--v8{--tile-key:var(--c-accent);--tile-mix:20%}.g-2048__cell--v16{--tile-key:var(--c-accent);--tile-mix:32%}.g-2048__cell--v32{--tile-key:var(--c-warn);--tile-mix:30%}.g-2048__cell--v64{--tile-key:var(--c-warn);--tile-mix:44%}.g-2048__cell--v128{--tile-key:var(--c-brand);--tile-mix:24%}.g-2048__cell--v256{--tile-key:var(--c-brand);--tile-mix:36%}.g-2048__cell--v512{--tile-key:var(--c-brand);--tile-mix:48%}.g-2048__cell--v1024{--tile-key:var(--c-good);--tile-mix:34%}.g-2048__cell--v2048{--tile-key:var(--c-good);--tile-mix:48%}.g-2048__cell--v4096{--tile-key:var(--c-star);--tile-mix:40%}.g-2048__cell--v8192{--tile-key:var(--c-star);--tile-mix:54%}.g-2048__cell--v1024,.g-2048__cell--v2048,.g-2048__cell--v4096,.g-2048__cell--v8192{box-shadow:0 0 0 1px color-mix(in srgb, var(--tile-key) 45%, transparent) inset}.g-2048__overlay{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-lg);background:color-mix(in srgb, var(--c-surface) 90%, transparent);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}.g-2048__overlaytitle{color:var(--c-text);font-size:var(--fs-lg);margin:0}.g-2048__overlaytext{max-width:28ch;color:var(--c-text-dim);font-size:var(--fs-sm);margin:0}.g-2048__pad{grid-template-columns:repeat(3, var(--tap));gap:var(--sp-2);direction:ltr;grid-template-areas:".up.""left.right"".down.";display:grid}.g-2048__padbtn{width:var(--tap);height:var(--tap);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text-dim);cursor:pointer;place-items:center;padding:0;display:grid}.g-2048__padbtn:hover{background:var(--c-surface-2);color:var(--c-text)}.g-2048__padbtn:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}.g-2048__padbtn svg{width:22px;height:22px}.g-2048__padbtn--up{grid-area:up}.g-2048__padbtn--down{grid-area:down}.g-2048__padbtn--left{grid-area:left}.g-2048__padbtn--right{grid-area:right}.g-2048__tip{max-width:34ch;color:var(--c-text-faint);font-size:var(--fs-xs);text-align:center;margin:0}.g-2048__live{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes g2048-appear{0%{opacity:0;transform:scale(.45)}to{opacity:1;transform:scale(1)}}@keyframes g2048-merge{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1)}}.g-2048__cell.is-new{animation:g2048-appear var(--dur) var(--ease)}.g-2048__cell.is-merged{animation:g2048-merge calc(var(--dur) + 40ms) var(--ease)}.g-2048__padbtn:active{transform:scale(.94)}@media (prefers-reduced-motion:reduce){.g-2048__padbtn:active{transform:none}}