.header[data-v-ecdec4b8]{width:100%;max-width:500px;margin:0 auto 16px}.header .header-brand[data-v-ecdec4b8]{flex-direction:column;gap:6px;display:flex}.header .header-brand__logo[data-v-ecdec4b8]{color:#000;font-size:32px;font-weight:800;line-height:1;text-decoration:none!important}.header .header-brand__subtitle[data-v-ecdec4b8]{color:var(--text);font-size:16px}.header__top[data-v-ecdec4b8]{justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.header__stats[data-v-ecdec4b8]{gap:8px;display:flex}.header__subtitle[data-v-ecdec4b8]{min-width:200px;color:var(--text);flex:auto;font-size:16px}.header__subtitle strong[data-v-ecdec4b8]{font-weight:700}.header__actions[data-v-ecdec4b8],.header__buttons[data-v-ecdec4b8]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.header__select[data-v-ecdec4b8]{color:var(--btn-text);background:var(--btn);border:none;border-radius:3px;padding:10px 12px;font-weight:700}.header__actions[data-v-ecdec4b8]{flex:1;justify-content:flex-end}.score-box[data-v-ecdec4b8]{--color:#e3e0ce;border:2px solid var(--color);text-align:center;border-radius:10px;min-width:76px;padding:6px 16px 8px;position:relative}.score-box[data-v-ecdec4b8]:first-of-type{background-color:var(--color)}.score-box__label[data-v-ecdec4b8]{letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:700}.score-box__value[data-v-ecdec4b8]{font-family:var(--cell-font-family);font-size:22px;font-weight:800}.btn[data-v-ecdec4b8]{color:var(--btn-text);border:none;border-radius:3px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:700;transition:background .15s;display:inline-flex}.btn__icon[data-v-ecdec4b8]{flex:none;width:16px;height:16px}.btn--primary[data-v-ecdec4b8]{background:var(--btn)}.btn--primary[data-v-ecdec4b8]:hover{background:var(--btn-hover)}.btn--secondary[data-v-ecdec4b8]{background:var(--muted)}.btn--secondary[data-v-ecdec4b8]:hover{background:#b2a699}.btn[data-v-ecdec4b8]:disabled{opacity:.5;cursor:not-allowed}@media (width<=639px){.header[data-v-ecdec4b8]{max-width:360px}.header-brand__logo[data-v-ecdec4b8]{font-size:26px}.header-brand__subtitle[data-v-ecdec4b8]{font-size:14px}.score-box[data-v-ecdec4b8]{min-width:64px;padding:4px 10px 6px}.score-box__value[data-v-ecdec4b8]{font-size:18px}.header__top[data-v-ecdec4b8]{margin-bottom:20px}}@media (width<=399px){.header[data-v-ecdec4b8]{max-width:280px}.header-brand__logo[data-v-ecdec4b8]{font-size:22px}.header-brand__subtitle[data-v-ecdec4b8]{font-size:12px}.score-box[data-v-ecdec4b8]{min-width:56px;padding:3px 8px 5px}.score-box__value[data-v-ecdec4b8]{font-size:16px}.header__top[data-v-ecdec4b8]{margin-bottom:16px}}@media (width<=319px){.header[data-v-ecdec4b8]{max-width:240px}.header-brand__logo[data-v-ecdec4b8]{font-size:18px}.header-brand__subtitle[data-v-ecdec4b8]{font-size:11px}.score-box[data-v-ecdec4b8]{min-width:48px;padding:2px 6px 4px}.score-box__value[data-v-ecdec4b8]{font-size:14px}.header__top[data-v-ecdec4b8]{margin-bottom:12px}}.tile{width:var(--cell-size);height:var(--cell-size);will-change:transform;transition:transform .15s;position:absolute;top:0;left:0}.tile--old{z-index:0;transition:none!important}.tile--merged{z-index:2}.tile--new{transition:none}.tile--position-0-0{transform:translate(calc((100% + var(--gap))*0),calc((100% + var(--gap))*0))}.tile--position-0-1{transform:translate(calc((100% + var(--gap))*1),calc((100% + var(--gap))*0))}.tile--position-0-2{transform:translate(calc((100% + var(--gap))*2),calc((100% + var(--gap))*0))}.tile--position-0-3{transform:translate(calc((100% + var(--gap))*3),calc((100% + var(--gap))*0))}.tile--position-0-4{transform:translate(calc((100% + var(--gap))*4),calc((100% + var(--gap))*0))}.tile--position-0-5{transform:translate(calc((100% + var(--gap))*5),calc((100% + var(--gap))*0))}.tile--position-0-6{transform:translate(calc((100% + var(--gap))*6),calc((100% + var(--gap))*0))}.tile--position-0-7{transform:translate(calc((100% + var(--gap))*7),calc((100% + var(--gap))*0))}.tile--position-1-0{transform:translate(calc((100% + var(--gap))*0),calc((100% + var(--gap))*1))}.tile--position-1-1{transform:translate(calc((100% + var(--gap))*1),calc((100% + var(--gap))*1))}.tile--position-1-2{transform:translate(calc((100% + var(--gap))*2),calc((100% + var(--gap))*1))}.tile--position-1-3{transform:translate(calc((100% + var(--gap))*3),calc((100% + var(--gap))*1))}.tile--position-1-4{transform:translate(calc((100% + var(--gap))*4),calc((100% + var(--gap))*1))}.tile--position-1-5{transform:translate(calc((100% + var(--gap))*5),calc((100% + var(--gap))*1))}.tile--position-1-6{transform:translate(calc((100% + var(--gap))*6),calc((100% + var(--gap))*1))}.tile--position-1-7{transform:translate(calc((100% + var(--gap))*7),calc((100% + var(--gap))*1))}.tile--position-2-0{transform:translate(calc((100% + var(--gap))*0),calc((100% + var(--gap))*2))}.tile--position-2-1{transform:translate(calc((100% + var(--gap))*1),calc((100% + var(--gap))*2))}.tile--position-2-2{transform:translate(calc((100% + var(--gap))*2),calc((100% + var(--gap))*2))}.tile--position-2-3{transform:translate(calc((100% + var(--gap))*3),calc((100% + var(--gap))*2))}.tile--position-2-4{transform:translate(calc((100% + var(--gap))*4),calc((100% + var(--gap))*2))}.tile--position-2-5{transform:translate(calc((100% + var(--gap))*5),calc((100% + var(--gap))*2))}.tile--position-2-6{transform:translate(calc((100% + var(--gap))*6),calc((100% + var(--gap))*2))}.tile--position-2-7{transform:translate(calc((100% + var(--gap))*7),calc((100% + var(--gap))*2))}.tile--position-3-0{transform:translate(calc((100% + var(--gap))*0),calc((100% + var(--gap))*3))}.tile--position-3-1{transform:translate(calc((100% + var(--gap))*1),calc((100% + var(--gap))*3))}.tile--position-3-2{transform:translate(calc((100% + var(--gap))*2),calc((100% + var(--gap))*3))}.tile--position-3-3{transform:translate(calc((100% + var(--gap))*3),calc((100% + var(--gap))*3))}.tile--position-3-4{transform:translate(calc((100% + var(--gap))*4),calc((100% + var(--gap))*3))}.tile--position-3-5{transform:translate(calc((100% + var(--gap))*5),calc((100% + var(--gap))*3))}.tile--position-3-6{transform:translate(calc((100% + var(--gap))*6),calc((100% + var(--gap))*3))}.tile--position-3-7{transform:translate(calc((100% + var(--gap))*7),calc((100% + var(--gap))*3))}.tile--position-4-0{transform:translate(calc((100% + var(--gap))*0),calc((100% + var(--gap))*4))}.tile--position-4-1{transform:translate(calc((100% + var(--gap))*1),calc((100% + var(--gap))*4))}.tile--position-4-2{transform:translate(calc((100% + var(--gap))*2),calc((100% + var(--gap))*4))}.tile--position-4-3{transform:translate(calc((100% + var(--gap))*3),calc((100% + var(--gap))*4))}.tile--position-4-4{transform:translate(calc((100% + var(--gap))*4),calc((100% + var(--gap))*4))}.tile--position-4-5{transform:translate(calc((100% + var(--gap))*5),calc((100% + var(--gap))*4))}.tile--position-4-6{transform:translate(calc((100% + var(--gap))*6),calc((100% + var(--gap))*4))}.tile--position-4-7{transform:translate(calc((100% + var(--gap))*7),calc((100% + var(--gap))*4))}.tile--position-5-0{transform:translate(calc((100% + var(--gap))*0),calc((100% + var(--gap))*5))}.tile--position-5-1{transform:translate(calc((100% + var(--gap))*1),calc((100% + var(--gap))*5))}.tile--position-5-2{transform:translate(calc((100% + var(--gap))*2),calc((100% + var(--gap))*5))}.tile--position-5-3{transform:translate(calc((100% + var(--gap))*3),calc((100% + var(--gap))*5))}.tile--position-5-4{transform:translate(calc((100% + var(--gap))*4),calc((100% + var(--gap))*5))}.tile--position-5-5{transform:translate(calc((100% + var(--gap))*5),calc((100% + var(--gap))*5))}.tile--position-5-6{transform:translate(calc((100% + var(--gap))*6),calc((100% + var(--gap))*5))}.tile--position-5-7{transform:translate(calc((100% + var(--gap))*7),calc((100% + var(--gap))*5))}.tile--position-6-0{transform:translate(calc((100% + var(--gap))*0),calc((100% + var(--gap))*6))}.tile--position-6-1{transform:translate(calc((100% + var(--gap))*1),calc((100% + var(--gap))*6))}.tile--position-6-2{transform:translate(calc((100% + var(--gap))*2),calc((100% + var(--gap))*6))}.tile--position-6-3{transform:translate(calc((100% + var(--gap))*3),calc((100% + var(--gap))*6))}.tile--position-6-4{transform:translate(calc((100% + var(--gap))*4),calc((100% + var(--gap))*6))}.tile--position-6-5{transform:translate(calc((100% + var(--gap))*5),calc((100% + var(--gap))*6))}.tile--position-6-6{transform:translate(calc((100% + var(--gap))*6),calc((100% + var(--gap))*6))}.tile--position-6-7{transform:translate(calc((100% + var(--gap))*7),calc((100% + var(--gap))*6))}.tile--position-7-0{transform:translate(calc((100% + var(--gap))*0),calc((100% + var(--gap))*7))}.tile--position-7-1{transform:translate(calc((100% + var(--gap))*1),calc((100% + var(--gap))*7))}.tile--position-7-2{transform:translate(calc((100% + var(--gap))*2),calc((100% + var(--gap))*7))}.tile--position-7-3{transform:translate(calc((100% + var(--gap))*3),calc((100% + var(--gap))*7))}.tile--position-7-4{transform:translate(calc((100% + var(--gap))*4),calc((100% + var(--gap))*7))}.tile--position-7-5{transform:translate(calc((100% + var(--gap))*5),calc((100% + var(--gap))*7))}.tile--position-7-6{transform:translate(calc((100% + var(--gap))*6),calc((100% + var(--gap))*7))}.tile--position-7-7{transform:translate(calc((100% + var(--gap))*7),calc((100% + var(--gap))*7))}.tile__face{font-family:var(--cell-font-family);will-change:transform;border-radius:3px;justify-content:center;align-items:center;font-size:55px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.tile__face,.tile__face--2{color:var(--text);background:var(--tile-2)}.tile__face--4{color:var(--text);background:var(--tile-4)}.tile__face--8{color:var(--text-light);background:var(--tile-8)}.tile__face--16{color:var(--text-light);background:var(--tile-16)}.tile__face--32{color:var(--text-light);background:var(--tile-32)}.tile__face--64{color:var(--text-light);background:var(--tile-64)}.tile__face--128{background:var(--tile-128)}.tile__face--128,.tile__face--256{color:var(--text-light);font-size:48px}.tile__face--256{background:var(--tile-256)}.tile__face--512{color:var(--text-light);background:var(--tile-512);font-size:48px}.tile__face--1024{background:var(--tile-1024)}.tile__face--1024,.tile__face--2048{color:var(--text-light);font-size:36px}.tile__face--2048{background:var(--tile-2048)}.tile__face--super{color:var(--text-light);background:var(--tile-super);font-size:32px}.tile--new .tile__face{animation:.2s cubic-bezier(.22,1.2,.36,1) .15s both appear}.tile--merged .tile__face{animation:.25s .15s both pop-in}.tile--merged .tile__face--prev{animation:1ms step-end .15s both prev-out}.tile--old .tile__face{animation:.25s .15s both vanish}@keyframes appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes pop-in{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes prev-out{0%{opacity:1}to{opacity:0}}@keyframes vanish{0%,60%{opacity:1}to{opacity:0}}@media (width<=639px){.tile__face{font-size:40px}.tile__face--128,.tile__face--256,.tile__face--512{font-size:36px}.tile__face--1024,.tile__face--2048{font-size:30px}.tile__face--super{font-size:24px}}@media (width<=399px){.tile__face{font-size:32px}.tile__face--128,.tile__face--256,.tile__face--512{font-size:28px}.tile__face--1024,.tile__face--2048{font-size:24px}.tile__face--super{font-size:18px}}@media (width<=319px){.tile__face{font-size:26px}.tile__face--128,.tile__face--256,.tile__face--512{font-size:22px}.tile__face--1024,.tile__face--2048{font-size:20px}.tile__face--super{font-size:16px}}.board[data-v-b4f570cf]{--gap:15px;contain:layout style;aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;padding:var(--gap);background-color:var(--board-bg);border-radius:8px;width:500px;max-width:100%;margin:0 auto;position:relative}.grid-bg[data-v-b4f570cf]{grid-template-rows:repeat(var(--size),1fr);width:100%;height:100%}.grid-bg[data-v-b4f570cf],.grid-row[data-v-b4f570cf]{gap:var(--gap);display:grid}.grid-row[data-v-b4f570cf]{grid-template-columns:repeat(var(--size),1fr)}.grid-cell[data-v-b4f570cf]{background-color:var(--cell-bg);border-radius:3px}.tiles-layer[data-v-b4f570cf]{--cell-size:calc((100% - (var(--size) - 1)*var(--gap))/var(--size));top:var(--gap);left:var(--gap);right:var(--gap);bottom:var(--gap);pointer-events:none;contain:layout style;position:absolute;transform:translateZ(0)}.overlay[data-v-b4f570cf]{z-index:10;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:.6s both fade-b4f570cf;display:flex;position:absolute;inset:0}.overlay--win[data-v-b4f570cf]{color:#f9f6f2;background:#edc22e80}.overlay--over[data-v-b4f570cf]{color:var(--text);background:#eee4daba}.overlay__text[data-v-b4f570cf]{font-size:48px;font-weight:800}.overlay__actions[data-v-b4f570cf]{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn[data-v-b4f570cf]{color:var(--btn-text);border:none;border-radius:6px;padding:10px 16px;font-weight:700}.btn--primary[data-v-b4f570cf]{background-color:var(--btn)}.btn--secondary[data-v-b4f570cf]{background-color:var(--muted)}@keyframes fade-b4f570cf{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@media (width<=639px){.board[data-v-b4f570cf]{--gap:10px;width:360px}.overlay__text[data-v-b4f570cf]{font-size:36px}}@media (width<=399px){.board[data-v-b4f570cf]{--gap:8px;width:280px}.overlay__text[data-v-b4f570cf]{font-size:28px}}@media (width<=319px){.board[data-v-b4f570cf]{--gap:6px;width:240px}.overlay__text[data-v-b4f570cf]{font-size:22px}}.how-to[data-v-b4f293ad]{max-width:500px;color:var(--text);margin:0 auto 40px;padding:0 8px;font-size:15px;line-height:1.6}.how-to__title[data-v-b4f293ad]{color:var(--text);margin-bottom:12px;font-size:17px;font-weight:800}.how-to__intro[data-v-b4f293ad]{margin-bottom:16px}.how-to__steps[data-v-b4f293ad]{margin:0 0 16px;padding-left:20px}.how-to__steps strong[data-v-b4f293ad]{font-weight:800}.how-to__step[data-v-b4f293ad]{margin-bottom:10px}.how-to__step[data-v-b4f293ad]:last-child{margin-bottom:0}.how-to__step strong[data-v-b4f293ad],.how-to__tip strong[data-v-b4f293ad]{font-weight:800}@media (width<=639px){.how-to[data-v-b4f293ad]{max-width:360px;font-size:14px}}@media (width<=399px){.how-to[data-v-b4f293ad]{max-width:280px;font-size:13px}}@media (width<=319px){.how-to[data-v-b4f293ad]{max-width:240px;font-size:12px}}