:root{--brand-primary:#e8357d;--brand-primary-dark:#c42d68;--brand-accent-soft:#ffe4ee;--brand-ink:#0f172a;--bg:#f7f7f5;--bg-pattern:#f1f5f9;--surface:#fff5f8;--board:#e8d4dc;--cell:#f3e6eb;--text-dark:#64748b;--text-light:#fff;--text-muted:#94a3b8;--shadow:#0f172a1f;--tile-2:#fff5f8;--tile-4:#ffe4ee;--tile-8:#f7a0c0;--tile-16:#f278a8;--tile-32:#e8357d;--tile-64:#d12a6e;--tile-128:#c2185b;--tile-256:#ad1457;--tile-512:#9c1260;--tile-1024:#880e4f;--tile-2048:#e8357d;--tile-super:#0f172a;--font:"Rubik", system-ui, sans-serif;--radius:6px;--gap:12px;--board-size:min(92vw, 460px);--transition:.12s ease-in-out}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;font-family:var(--font);background:radial-gradient(ellipse 80% 50% at 50% -20%, #e8357d1f, transparent), radial-gradient(ellipse 60% 40% at 100% 100%, #ffe4ee8c, transparent), var(--bg);color:var(--text-dark);-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0}body{overscroll-behavior:none}#app{flex-direction:column;align-items:center;min-height:100dvh;display:flex}button{cursor:pointer;border:none;font-family:inherit}button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.tile[data-v-adced1bc]{border-radius:var(--radius);width:100%;height:100%;color:var(--text-dark);background:var(--tile-2);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:clamp(22px,7vw,36px);font-weight:700;display:flex}.tile span[data-v-adced1bc]{line-height:1}.tile-2[data-v-adced1bc]{background:var(--tile-2);color:var(--brand-ink)}.tile-4[data-v-adced1bc]{background:var(--tile-4);color:var(--brand-ink)}.tile-8[data-v-adced1bc]{background:var(--tile-8);color:var(--text-light)}.tile-16[data-v-adced1bc]{background:var(--tile-16);color:var(--text-light)}.tile-32[data-v-adced1bc]{background:var(--tile-32);color:var(--text-light)}.tile-64[data-v-adced1bc]{background:var(--tile-64);color:var(--text-light)}.tile-128[data-v-adced1bc]{background:var(--tile-128);color:var(--text-light);font-size:clamp(20px,6vw,32px);box-shadow:inset 0 0 0 1px #ffffff26}.tile-256[data-v-adced1bc]{background:var(--tile-256);color:var(--text-light);font-size:clamp(20px,6vw,32px)}.tile-512[data-v-adced1bc]{background:var(--tile-512);color:var(--text-light);font-size:clamp(20px,6vw,32px)}.tile-1024[data-v-adced1bc]{background:var(--tile-1024);color:var(--text-light);font-size:clamp(16px,5vw,26px)}.tile-2048[data-v-adced1bc]{background:var(--tile-2048);color:var(--text-light);font-size:clamp(16px,5vw,26px);box-shadow:0 0 18px #e8357d73}.tile-super[data-v-adced1bc]{background:var(--tile-super);color:var(--text-light);font-size:clamp(14px,4.5vw,22px)}.tile-new[data-v-adced1bc]{animation:.16s ease-out appear-adced1bc}.tile-merged[data-v-adced1bc]{animation:.16s ease-out pop-adced1bc}@keyframes appear-adced1bc{0%{opacity:.4;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes pop-adced1bc{0%{transform:scale(.85)}50%{transform:scale(1.12)}to{transform:scale(1)}}.board[data-v-5be81e61]{--cell-size:calc((100% - (var(--gap) * 3)) / 4);width:var(--board-size);aspect-ratio:1;padding:var(--gap);background:var(--board);box-shadow:0 10px 30px var(--shadow);touch-action:none;border-radius:10px;position:relative}.grid-bg[data-v-5be81e61]{gap:var(--gap);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);width:100%;height:100%;display:grid}.tiles[data-v-5be81e61]{inset:var(--gap);position:absolute}.cell[data-v-5be81e61]{border-radius:var(--radius);background:var(--cell)}.tile-slot[data-v-5be81e61]{width:var(--cell-size);height:var(--cell-size);left:calc(var(--c) * (var(--cell-size) + var(--gap)));top:calc(var(--r) * (var(--cell-size) + var(--gap)));transition:left .1s ease-in-out,top .1s ease-in-out;position:absolute}.header[data-v-c4b7246c]{grid-template-columns:1fr auto;align-items:center;gap:12px 16px;width:100%;display:grid}.brand[data-v-c4b7246c]{grid-column:1}.logo[data-v-c4b7246c]{width:auto;max-width:100%;height:44px;display:block}.scores[data-v-c4b7246c]{grid-column:2;gap:8px;display:flex}.score-box[data-v-c4b7246c]{border-radius:var(--radius);background:var(--brand-primary);text-align:center;min-width:72px;color:var(--text-light);padding:8px 12px}.label[data-v-c4b7246c]{text-transform:uppercase;letter-spacing:.06em;opacity:.9;font-size:11px;font-weight:600;display:block}.value[data-v-c4b7246c]{font-size:22px;font-weight:700;line-height:1.2;display:block}.title-row[data-v-c4b7246c]{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.title[data-v-c4b7246c]{color:var(--brand-ink);letter-spacing:-.02em;margin:0;font-size:clamp(40px,12vw,56px);font-weight:800;line-height:1}.actions[data-v-c4b7246c]{align-items:center;gap:8px;display:flex}.mute[data-v-c4b7246c]{border-radius:var(--radius);background:var(--surface);width:44px;height:44px;color:var(--brand-ink);transition:background var(--transition);justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex}.mute[data-v-c4b7246c]:hover{background:var(--brand-accent-soft)}.new-game[data-v-c4b7246c]{border-radius:var(--radius);background:var(--brand-primary);color:var(--text-light);transition:background var(--transition);padding:12px 18px;font-size:15px;font-weight:700}.new-game[data-v-c4b7246c]:hover{background:var(--brand-primary-dark)}@media (width<=420px){.logo[data-v-c4b7246c]{height:38px}.score-box[data-v-c4b7246c]{min-width:64px;padding:6px 10px}.value[data-v-c4b7246c]{font-size:18px}.mute[data-v-c4b7246c]{width:40px;height:40px}}.overlay[data-v-e940ce97]{background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;border-radius:10px;justify-content:center;align-items:center;animation:.18s ease-out fade-in-e940ce97;display:flex;position:absolute;inset:0}.panel[data-v-e940ce97]{text-align:center;padding:8px}.message[data-v-e940ce97]{color:var(--brand-ink);margin:0 0 16px;font-size:clamp(28px,8vw,42px);font-weight:800}.actions[data-v-e940ce97]{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn[data-v-e940ce97]{border-radius:var(--radius);background:var(--surface);color:var(--brand-ink);padding:12px 18px;font-size:15px;font-weight:700}.btn.primary[data-v-e940ce97]{background:var(--brand-primary);color:var(--text-light)}.btn.primary[data-v-e940ce97]:hover{background:var(--brand-primary-dark)}.btn.ghost[data-v-e940ce97]{border:2px solid var(--brand-primary);color:var(--brand-primary);background:0 0}@keyframes fade-in-e940ce97{0%{opacity:0}to{opacity:1}}.app[data-v-0ec1bffe]{flex-direction:column;flex:1;gap:20px;width:min(100%,520px);margin:0 auto;padding:24px 16px 32px;display:flex}.shell[data-v-0ec1bffe]{flex-direction:column;gap:18px;display:flex}.board-wrap[data-v-0ec1bffe]{width:fit-content;margin:0 auto;position:relative}