.g2048-board{position:relative;width:min(92vw,480px);aspect-ratio:1 / 1;margin:0 auto;background:#bbada0;border-radius:10px;padding:10px;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 4px 16px #0000002e}.g2048-grid{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:grid;gap:8px}.g2048-cell{background:#eee4da59;border-radius:6px}.g2048-tile-layer{position:absolute;top:10px;right:10px;bottom:10px;left:10px;pointer-events:none;--g2048-size: 4;--g2048-gap: 8px}.g2048-tile{position:absolute;width:calc((100% - (var(--g2048-size) - 1) * var(--g2048-gap)) / var(--g2048-size));height:calc((100% - (var(--g2048-size) - 1) * var(--g2048-gap)) / var(--g2048-size));top:calc(var(--g2048-row) * (100% + var(--g2048-gap)) / var(--g2048-size));left:calc(var(--g2048-col) * (100% + var(--g2048-gap)) / var(--g2048-size));border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(1.2rem,6vw,2.4rem);color:#776e65;background:#eee4da;transition:background .1s,color .1s}.g2048-tile--mid{font-size:clamp(1rem,5vw,2rem)}.g2048-tile--big{font-size:clamp(.85rem,4vw,1.6rem)}.g2048-tile--v2{background:#eee4da;color:#776e65}.g2048-tile--v4{background:#ede0c8;color:#776e65}.g2048-tile--v8{background:#f2b179;color:#f9f6f2}.g2048-tile--v16{background:#f59563;color:#f9f6f2}.g2048-tile--v32{background:#f67c5f;color:#f9f6f2}.g2048-tile--v64{background:#f65e3b;color:#f9f6f2}.g2048-tile--v128{background:#edcf72;color:#f9f6f2}.g2048-tile--v256{background:#edcc61;color:#f9f6f2}.g2048-tile--v512{background:#edc850;color:#f9f6f2}.g2048-tile--v1024{background:#edc53f;color:#f9f6f2}.g2048-tile--v2048{background:#edc22e;color:#f9f6f2}.g2048-tile--v4096,.g2048-tile--v8192,.g2048-tile--v16384,.g2048-tile--v32768{background:#3c3a32;color:#f9f6f2}@keyframes g2048-tile-new{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes g2048-tile-merged{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.g2048-tile--new{animation:g2048-tile-new .18s ease-out}.g2048-tile--merged{animation:g2048-tile-merged .18s ease-out;z-index:2}@media(prefers-reduced-motion:reduce){.g2048-tile--new,.g2048-tile--merged{animation:none}}.g2048-game-over{position:absolute;top:0;right:0;bottom:0;left:0;background:#eee4daba;border-radius:10px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1rem;text-align:center;z-index:5}.g2048-game-over.active{display:flex;animation:g2048-fade-in .25s ease-out}.g2048-game-over-title{font-size:2rem;font-weight:700;color:#776e65;margin:0}.g2048-game-over-body{font-size:1rem;color:#776e65;margin:0}.g2048-win-toast{position:absolute;top:12px;left:50%;transform:translate(-50%) translateY(-30px);background:#edc22e;color:#f9f6f2;padding:.5rem 1rem;border-radius:999px;font-weight:700;font-size:.95rem;box-shadow:0 4px 16px #0003;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:6}.g2048-win-toast.active{opacity:1;transform:translate(-50%) translateY(0)}@keyframes g2048-fade-in{0%{opacity:0}to{opacity:1}}.g2048-hud{display:flex;justify-content:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.g2048-hud-cell{background:#bbada0;border-radius:6px;padding:.4rem .9rem;color:#f9f6f2;text-align:center;min-width:70px}.g2048-hud-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#eee4da}.g2048-hud-value{font-size:1.25rem;font-weight:700;line-height:1.1}.g2048-example{margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(0,0,0,.08)}.g2048-slide{flex:0 0 100%;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:.25rem .5rem;box-sizing:border-box}.g2048-example-grid{display:grid;grid-template-columns:repeat(4,38px);grid-template-rows:repeat(4,38px);gap:4px;background:#bbada0;padding:6px;border-radius:6px;width:max-content}.g2048-ex-cell{display:flex;align-items:center;justify-content:center;background:#eee4da59;border-radius:4px;font-size:14px;font-weight:700;color:#776e65}.g2048-ex-cell[data-v="2"]{background:#eee4da}.g2048-ex-cell[data-v="4"]{background:#ede0c8}.g2048-ex-cell[data-v="8"]{background:#f2b179;color:#f9f6f2}.g2048-ex-cell[data-v="16"]{background:#f59563;color:#f9f6f2}.g2048-ex-cell[data-v=arrow]{background:transparent;font-size:22px;color:#776e65}.g2048-example-caption{font-size:.78rem;color:var(--color-text-muted);margin:0;max-width:300px;text-align:center;min-height:2.4em}.g2048-slide-nav{position:absolute;top:88px;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#0000008c;color:#fff;border:none;cursor:pointer;font-size:20px;line-height:1;padding:0 0 2px;display:flex;align-items:center;justify-content:center;z-index:2}.g2048-slide-dots{display:flex;justify-content:center;gap:.4rem;margin-top:.45rem}