.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:transform .25s ease,opacity .25s ease}.slide-left-enter-from{transform:translate(30px);opacity:0}.slide-left-leave-to,.slide-right-enter-from{transform:translate(-30px);opacity:0}.slide-right-leave-to{transform:translate(30px);opacity:0}.bottom-nav[data-v-d44bdf69]{display:flex;align-items:center;justify-content:space-around;width:calc(100% + 40px);margin:0 -20px;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--divider);background-color:var(--bg-page);flex-shrink:0}.nav-item[data-v-d44bdf69]{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 16px;text-decoration:none;color:var(--text-secondary);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .15s}.nav-item-active[data-v-d44bdf69]{color:var(--btn-primary-bg)}.nav-icon[data-v-d44bdf69]{width:22px;height:22px}.nav-label[data-v-d44bdf69]{font-size:10px;font-weight:600;letter-spacing:.2px}.home[data-v-39485c2c]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;margin:0 auto;padding:0 20px;min-height:100dvh;box-sizing:border-box}.hero[data-v-39485c2c]{display:flex;flex-direction:column;align-items:center;padding:48px 0 32px;gap:16px}.hero-badge[data-v-39485c2c]{width:112px;height:112px;border-radius:28px;background-color:var(--bg-board);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;transition:transform .18s ease,box-shadow .18s ease}.hero-badge[data-v-39485c2c]:hover{transform:scale(1.03);box-shadow:0 12px 32px #00000024,0 4px 12px #00000014}.hero-number[data-v-39485c2c]{font-size:36px;font-weight:800;color:var(--text-light);letter-spacing:-.5px;text-shadow:0 1px 2px rgba(0,0,0,.08)}.hero-tagline[data-v-39485c2c]{font-size:16px;font-weight:500;color:var(--text-secondary);margin:0;letter-spacing:.01em}.mode-list[data-v-39485c2c]{display:flex;flex-direction:column;gap:14px;width:100%}.mode-card[data-v-39485c2c]{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:16px;background-color:var(--side-menu-bg);box-shadow:0 4px 24px #00000014,0 1px 3px #0000000f;border:1px solid rgba(0,0,0,.04);text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .16s ease,transform .12s ease,box-shadow .16s ease;color:inherit}.mode-card[data-v-39485c2c]:hover{background-color:var(--side-menu-item-hover);box-shadow:0 6px 28px #0000001a,0 2px 6px #0000000f}.mode-card[data-v-39485c2c]:active{background-color:var(--side-menu-item-hover);transform:scale(.995)}.mode-card.accent .mode-card-icon[data-v-39485c2c],.mode-card.accent .mode-card-title[data-v-39485c2c]{color:#c9302c}.mode-card-icon[data-v-39485c2c]{flex-shrink:0;width:28px;height:28px;color:var(--text-primary);opacity:.9}.mode-card-icon svg[data-v-39485c2c]{width:100%;height:100%}.mode-card-text[data-v-39485c2c]{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.mode-card-title-row[data-v-39485c2c]{display:flex;align-items:center;gap:10px}.mode-card-title[data-v-39485c2c]{font-size:17px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.mode-card-desc[data-v-39485c2c]{font-size:13px;line-height:1.4;color:var(--text-secondary, #8f8779)}.resume-badge[data-v-39485c2c]{font-size:11px;font-weight:600;background-color:var(--btn-primary-bg);color:#fff;padding:3px 8px;border-radius:6px;white-space:nowrap;letter-spacing:.01em}.mode-card-best[data-v-39485c2c]{font-size:13px;font-weight:500;color:var(--text-secondary, #8f8779);white-space:nowrap;flex-shrink:0}.home-spacer[data-v-39485c2c]{flex:1}:root[data-theme=classic],:root:not([data-theme]){--bg-page: #faf8ef;--bg-board: #bbada0;--bg-cell: #cdc1b4;--text-primary: #776e65;--text-secondary: #baac9e;--text-light: #f9f6f2;--btn-primary-bg: #8f7a66;--btn-primary-fg: #f9f6f2;--btn-primary-active: #7a6658;--score-box-bg: #bbada0;--score-label-fg: #eee4da;--score-value-fg: #ffffff;--overlay-lose-bg: rgba(238, 228, 218, .73);--overlay-win-bg: rgba(237, 194, 46, .5);--overlay-text: #776e65;--overlay-win-text: #f9f6f2;--card-bg: #bbada0;--card-hover-bg: #a89888;--card-fg: #f9f6f2;--navbar-bg: transparent;--navbar-fg: #776e65;--divider: rgba(119, 110, 101, .15);--input-bg: #eee4da;--input-border: #cdc1b4;--toggle-bg: #cdc1b4;--toggle-active-bg: #8f7a66;--tab-bg: #eee4da;--tab-active-bg: #8f7a66;--tab-active-fg: #f9f6f2;--tab-fg: #776e65;--header-cell-bg: #e8e0d5;--header-cell-active: #ddd5ca;--header-best-bg: #f5f1eb;--header-score-bg: #eee4da;--header-best-score-bg: #fdfaf6;--mechanics-bar-bg: #e9e6d8;--mechanics-btn-bg: #e0d8cc;--modal-bg: #e8e0d5;--modal-secondary-active: rgba(0, 0, 0, .06);--side-menu-bg: #e8e0d5;--side-menu-item-selected: #c4b5a0;--side-menu-item-hover: rgba(0, 0, 0, .06);--charge-dot-fg: #8a7f72;--charge-dot-used: rgba(138, 127, 114, .35);--tile-2-bg: #eee4da;--tile-2-fg: #776e65;--tile-4-bg: #ede0c8;--tile-4-fg: #776e65;--tile-8-bg: #f2b179;--tile-8-fg: #f9f6f2;--tile-16-bg: #f59563;--tile-16-fg: #f9f6f2;--tile-32-bg: #f67c5f;--tile-32-fg: #f9f6f2;--tile-64-bg: #f65e3b;--tile-64-fg: #f9f6f2;--tile-128-bg: #edcf72;--tile-128-fg: #f9f6f2;--tile-256-bg: #edcc61;--tile-256-fg: #f9f6f2;--tile-512-bg: #edc850;--tile-512-fg: #f9f6f2;--tile-1024-bg: #edc53f;--tile-1024-fg: #f9f6f2;--tile-2048-bg: #edc22e;--tile-2048-fg: #f9f6f2;--tile-4096-bg: #3c3a32;--tile-4096-fg: #f9f6f2;--tile-8192-bg: #3c3a32;--tile-8192-fg: #f9f6f2;--tile-super-bg: #3c3a32;--tile-super-fg: #f9f6f2}:root[data-theme=dark]{--bg-page: #1a1a2e;--bg-board: #16213e;--bg-cell: #0f3460;--text-primary: #e0e0e0;--text-secondary: #8888a0;--text-light: #ffffff;--btn-primary-bg: #533483;--btn-primary-fg: #ffffff;--btn-primary-active: #3f2768;--score-box-bg: #16213e;--score-label-fg: #8888a0;--score-value-fg: #ffffff;--overlay-lose-bg: rgba(26, 26, 46, .85);--overlay-win-bg: rgba(83, 52, 131, .7);--overlay-text: #e0e0e0;--overlay-win-text: #ffffff;--card-bg: #16213e;--card-hover-bg: #1a2a4e;--card-fg: #e0e0e0;--navbar-bg: transparent;--navbar-fg: #e0e0e0;--divider: rgba(224, 224, 224, .1);--input-bg: #0f3460;--input-border: #16213e;--toggle-bg: #0f3460;--toggle-active-bg: #533483;--tab-bg: #0f3460;--tab-active-bg: #533483;--tab-active-fg: #ffffff;--tab-fg: #8888a0;--header-cell-bg: #1a2a4e;--header-cell-active: #243a5c;--header-best-bg: #16213e;--header-score-bg: #1e3a5f;--header-best-score-bg: #16213e;--mechanics-bar-bg: #1a2a4e;--mechanics-btn-bg: #0f3460;--modal-bg: #16213e;--modal-secondary-active: rgba(255, 255, 255, .08);--side-menu-bg: #16213e;--side-menu-item-selected: #1e3a5f;--side-menu-item-hover: rgba(255, 255, 255, .06);--charge-dot-fg: #8888a0;--charge-dot-used: rgba(136, 136, 160, .35);--tile-2-bg: #1e3a5f;--tile-2-fg: #e0e0e0;--tile-4-bg: #23456b;--tile-4-fg: #e0e0e0;--tile-8-bg: #c06030;--tile-8-fg: #ffffff;--tile-16-bg: #d47030;--tile-16-fg: #ffffff;--tile-32-bg: #e05040;--tile-32-fg: #ffffff;--tile-64-bg: #e03020;--tile-64-fg: #ffffff;--tile-128-bg: #b8a030;--tile-128-fg: #ffffff;--tile-256-bg: #c0a020;--tile-256-fg: #ffffff;--tile-512-bg: #c8a010;--tile-512-fg: #ffffff;--tile-1024-bg: #d0a000;--tile-1024-fg: #ffffff;--tile-2048-bg: #533483;--tile-2048-fg: #ffffff;--tile-4096-bg: #6a42a0;--tile-4096-fg: #ffffff;--tile-8192-bg: #7b50b8;--tile-8192-fg: #ffffff;--tile-super-bg: #7b50b8;--tile-super-fg: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;height:100dvh;width:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:Rubik,sans-serif;background-color:var(--bg-page);color:var(--text-primary);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);transition:background-color .3s ease,color .3s ease}#app{height:100%;height:100dvh;display:flex;flex-direction:column;align-items:center}button{font-family:inherit}a{text-decoration:none;color:inherit}