:root{--brand-primary:#e8357d;--brand-primary-dark:#c42d68;--brand-primary-light:#f06a9e;--brand-accent-soft:#ffe4ee;--brand-accent-muted:#fce7f0;--brand-ink:#1a1625;--bg:#faf6f8;--bg-soft:#f2f2f2;--bg-blush:#eebacd;--bg-pattern:#f5eef2;--surface:#fff;--surface-elevated:#fffafb;--board:#d4b8c4;--cell:#e8dce2;--text-dark:#5c5260;--text-light:#fff;--text-muted:#9a8f98;--shadow:#1a16251a;--shadow-brand:#e8357d38;--tile-2:#fff;--tile-4:#eebacd;--tile-8:#f5b3cc;--tile-16:#ef7aab;--tile-32:#e8357d;--tile-64:#d42f72;--tile-128:#c02866;--tile-256:#a82258;--tile-512:#901c4c;--tile-1024:#781640;--tile-2048:#e8357d;--tile-super:#1a1625;--font:"Rubik", system-ui, sans-serif;--radius:12px;--radius-lg:16px;--radius-sm:10px;--gap:12px;--board-size:min(92vw, 460px);--transition:.18s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box}html{overscroll-behavior:none;background-color:var(--bg-soft);height:100%;overflow:hidden}body{overscroll-behavior:none;width:100%;height:100dvh;font-family:var(--font);color:var(--text-dark);-webkit-tap-highlight-color:transparent;background-color:var(--bg);background-image:radial-gradient(ellipse 85% 55% at 50% -8%, #e8357d1c, transparent 58%), radial-gradient(ellipse 55% 45% at 100% 85%, #eebacd73, transparent 52%), radial-gradient(ellipse 45% 40% at 0% 55%, #f2f2f2e6, transparent 48%), linear-gradient(160deg, var(--bg-soft) 0%, var(--bg) 32%, #f3e6ed 68%, var(--bg-blush) 100%);background-repeat:no-repeat;background-size:cover;margin:0;position:fixed;inset:0;overflow:hidden}#app{z-index:1;isolation:isolate;touch-action:none;flex-direction:column;align-items:center;width:100%;height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden}button{cursor:pointer;touch-action:manipulation;border:none;font-family:inherit}button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}button:active{transform:scale(.98)}@media (height<=680px){:root{--board-size:min(88vw, calc(100dvh - 220px))}}.bg-shapes[data-v-7f022971]{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:visible}.bg-shapes__shell[data-v-7f022971]{position:absolute;top:0;left:0;transform:translate(0,0)}.bg-shapes__shell--anim[data-v-7f022971]{will-change:transform}.bg-shapes__fill[data-v-7f022971]{filter:blur(48px);transform-origin:50%;width:100%;height:100%;transform:scale(1.08)}@media (prefers-reduced-motion:reduce){.bg-shapes__fill[data-v-7f022971]{filter:blur(40px)}}@media (hover:none) and (pointer:coarse){.bg-shapes__fill[data-v-7f022971]{filter:blur(28px)}}.tile[data-v-8f396bcb]{border-radius:var(--radius-sm);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;box-shadow:0 4px 12px #1a16251a,inset 0 1px #ffffff8c}.tile span[data-v-8f396bcb]{line-height:1}.tile-2[data-v-8f396bcb]{background:var(--tile-2);color:var(--brand-ink);box-shadow:0 4px 12px #1a162514,inset 0 0 0 1px #e8357d1a}.tile-4[data-v-8f396bcb]{color:var(--brand-ink);background:linear-gradient(160deg,#f2f2f2,#eebacd);box-shadow:0 4px 12px #e8357d2e,inset 0 1px #ffffff73}.tile-8[data-v-8f396bcb]{background:linear-gradient(160deg, #f8c4d8, var(--tile-8));color:var(--brand-ink)}.tile-16[data-v-8f396bcb]{background:linear-gradient(160deg, var(--brand-primary-light), var(--tile-16));color:var(--text-light)}.tile-32[data-v-8f396bcb]{background:linear-gradient(160deg, var(--brand-primary-light), var(--tile-32));color:var(--text-light)}.tile-64[data-v-8f396bcb]{background:linear-gradient(160deg, #e04a88, var(--tile-64));color:var(--text-light)}.tile-128[data-v-8f396bcb]{background:linear-gradient(160deg, #d03578, var(--tile-128));color:var(--text-light);font-size:clamp(20px,6vw,32px)}.tile-256[data-v-8f396bcb]{background:linear-gradient(160deg, #b82862, var(--tile-256));color:var(--text-light);font-size:clamp(20px,6vw,32px)}.tile-512[data-v-8f396bcb]{background:linear-gradient(160deg, #9e2254, var(--tile-512));color:var(--text-light);font-size:clamp(20px,6vw,32px)}.tile-1024[data-v-8f396bcb]{background:linear-gradient(160deg, #861c48, var(--tile-1024));color:var(--text-light);font-size:clamp(16px,5vw,26px)}.tile-2048[data-v-8f396bcb]{background:linear-gradient(145deg, var(--brand-primary-light), var(--tile-2048) 55%, var(--brand-primary-dark));color:var(--text-light);font-size:clamp(16px,5vw,26px);box-shadow:0 0 24px #e8357d80,inset 0 1px #ffffff4d}.tile-super[data-v-8f396bcb]{background:linear-gradient(160deg, #2d2640, var(--tile-super));color:var(--text-light);font-size:clamp(14px,4.5vw,22px)}.tile-new[data-v-8f396bcb]{animation:.16s ease-out appear-8f396bcb}.tile-merged[data-v-8f396bcb]{animation:.16s ease-out pop-8f396bcb}@keyframes appear-8f396bcb{0%{opacity:.4;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes pop-8f396bcb{0%{transform:scale(.85)}50%{transform:scale(1.12)}to{transform:scale(1)}}.board[data-v-bdfedb7d]{--cell-size:calc((100% - (var(--gap) * 3)) / 4);width:var(--board-size);aspect-ratio:1;padding:var(--gap);border-radius:var(--radius-lg);background:linear-gradient(160deg, #c9a8b6 0%, var(--board) 45%, #c4a0ae 100%);touch-action:none;position:relative;box-shadow:0 20px 50px #1a16251f,inset 0 0 0 1px #ffffff59,0 4px #0000000f}.grid-bg[data-v-bdfedb7d]{gap:var(--gap);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);width:100%;height:100%;display:grid}.tiles[data-v-bdfedb7d]{inset:var(--gap);position:absolute}.cell[data-v-bdfedb7d]{border-radius:var(--radius-sm);background:#ffffff38;box-shadow:inset 0 2px 6px #1a162514}.tile-slot[data-v-bdfedb7d]{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-f949bc0a]{grid-template-columns:1fr auto;align-items:center;gap:12px 16px;width:100%;display:grid}.brand[data-v-f949bc0a]{grid-column:1}.logo[data-v-f949bc0a]{width:auto;max-width:100%;height:44px;display:block}.scores[data-v-f949bc0a]{grid-column:2;gap:8px;display:flex}.score-box[data-v-f949bc0a]{border-radius:var(--radius);background:linear-gradient(145deg, var(--brand-primary-light), var(--brand-primary));text-align:center;min-width:76px;color:var(--text-light);box-shadow:0 4px 14px var(--shadow-brand), 0 1px 0 #ffffff40 inset;padding:10px 14px}.label[data-v-f949bc0a]{text-transform:uppercase;letter-spacing:.06em;opacity:.9;font-size:11px;font-weight:600;display:block}.value[data-v-f949bc0a]{font-size:22px;font-weight:700;line-height:1.2;display:block}.title-row[data-v-f949bc0a]{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.title-block[data-v-f949bc0a]{min-width:0}.sound-hint[data-v-f949bc0a]{color:var(--text-muted);margin:4px 0 0;font-size:12px;font-weight:500}.title[data-v-f949bc0a]{letter-spacing:-.03em;background:linear-gradient(135deg, var(--brand-ink) 30%, var(--brand-primary) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(40px,12vw,56px);font-weight:800;line-height:1}.actions[data-v-f949bc0a]{align-items:center;gap:8px;display:flex}.mute[data-v-f949bc0a]{border-radius:var(--radius);background:var(--surface);width:44px;height:44px;color:var(--brand-primary);box-shadow:0 2px 8px var(--shadow);transition:background var(--transition), box-shadow var(--transition);justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex}.mute[data-v-f949bc0a]:hover{background:var(--brand-accent-soft);box-shadow:0 4px 12px var(--shadow-brand)}.new-game[data-v-f949bc0a]{border-radius:var(--radius);background:linear-gradient(145deg, var(--brand-primary-light), var(--brand-primary));color:var(--text-light);box-shadow:0 4px 14px var(--shadow-brand);transition:box-shadow var(--transition), filter var(--transition);padding:12px 20px;font-size:15px;font-weight:700}.new-game[data-v-f949bc0a]:hover{filter:brightness(1.05);box-shadow:0 6px 18px var(--shadow-brand)}@media (width<=420px){.logo[data-v-f949bc0a]{height:38px}.score-box[data-v-f949bc0a]{min-width:64px;padding:6px 10px}.value[data-v-f949bc0a]{font-size:18px}.mute[data-v-f949bc0a]{width:40px;height:40px}}@media (height<=680px){.logo[data-v-f949bc0a]{height:36px}.title[data-v-f949bc0a]{font-size:clamp(32px,10vw,44px)}.score-box[data-v-f949bc0a]{padding:6px 10px}.value[data-v-f949bc0a]{font-size:17px}.new-game[data-v-f949bc0a]{padding:10px 14px;font-size:14px}}.overlay[data-v-c09ac985]{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);z-index:5;background:#faf8f9b8;justify-content:center;align-items:center;animation:.18s ease-out fade-in-c09ac985;display:flex;position:absolute;inset:0}.panel[data-v-c09ac985]{text-align:center;border-radius:var(--radius-lg);background:var(--surface);padding:28px 32px;box-shadow:0 24px 48px #1a162524,0 0 0 1px #e8357d1f}.message[data-v-c09ac985]{letter-spacing:-.02em;background:linear-gradient(135deg, var(--brand-ink), var(--brand-primary));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:clamp(28px,8vw,42px);font-weight:800}.actions[data-v-c09ac985]{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn[data-v-c09ac985]{border-radius:var(--radius);background:var(--brand-accent-muted);color:var(--brand-ink);transition:background var(--transition), box-shadow var(--transition);padding:12px 20px;font-size:15px;font-weight:700}.btn.primary[data-v-c09ac985]{background:linear-gradient(145deg, var(--brand-primary-light), var(--brand-primary));color:var(--text-light);box-shadow:0 4px 14px var(--shadow-brand)}.btn.primary[data-v-c09ac985]:hover{filter:brightness(1.05);box-shadow:0 6px 18px var(--shadow-brand)}.btn.ghost[data-v-c09ac985]{border:2px solid var(--brand-primary);color:var(--brand-primary);background:0 0}@keyframes fade-in-c09ac985{0%{opacity:0}to{opacity:1}}@media (hover:none) and (pointer:coarse){.overlay[data-v-c09ac985]{-webkit-backdrop-filter:none;background:#faf8f9e0}}.app[data-v-bacc0519]{z-index:1;flex-direction:column;flex:1;gap:22px;width:min(100%,520px);min-height:0;margin:0 auto;padding:28px 16px 36px;display:flex;position:relative}.shell[data-v-bacc0519]{flex-direction:column;gap:18px;width:100%;min-height:0;display:flex}.board-wrap[data-v-bacc0519]{touch-action:none;width:fit-content;margin:0 auto;position:relative}@media (height<=700px){.app[data-v-bacc0519]{gap:12px;padding:16px 12px 20px}.shell[data-v-bacc0519]{gap:12px}}
