@charset "UTF-8";:root{--font-display: "Playfair Display", "Georgia", serif;--font-body: "DM Sans", "Segoe UI", sans-serif;--text-primary: #1c1917;--text-secondary: #57534e;--text-muted: #a8a29e;--text-placeholder: #c4b9ad;--text-link: #b45309;--text-success: #3f6212;--text-warning: #92400e;--text-error: #991b1b;--text-on-brand: #fffbeb;--bg-overlay: rgba(28, 25, 23, .02);--bg-overlay-light: rgba(28, 25, 23, .04);--bg-input: #faf8f5;--bg-tooltip: #292524;--overlay-light: rgba(28, 25, 23, .05);--border-strong: #a8a29e;--color-info: #0284c7;--color-success: #65a30d;--color-warning: #d97706;--color-danger: #dc2626;--brand-primary: #b45309;--brand-primary-dim: #92400e;--brand-on-dark: #fbbf24;--brand-glow: rgba(180, 83, 9, .18);--bg-page: #f9f6f1;--bg-card: #fffcf7;--bg-card-hover: #f5f0e8;--bg-card-active: rgba(180, 83, 9, .06);--bg-header: rgba(249, 246, 241, .94);--bg-gradient-start: #faf6ef;--bg-gradient-end: #f0ebe0;--border-default: #e7e0d5;--border-muted: #d6cfc4;--border-active: rgba(180, 83, 9, .35);--header-bg: rgba(249, 246, 241, .94);--header-text: #1c1917;--header-border: #e7e0d5;--header-shadow: 0 1px 8px rgba(28, 25, 23, .06);--scrollbar-track: rgba(28, 25, 23, .03);--scrollbar-thumb: rgba(168, 162, 158, .25);--scrollbar-thumb-hover: rgba(168, 162, 158, .4);--shadow-sm: 0 1px 3px rgba(28, 25, 23, .05);--shadow-default: 0 4px 16px rgba(28, 25, 23, .07);--shadow-lg: 0 16px 40px rgba(28, 25, 23, .1);--shadow-card-active: 0 4px 16px rgba(180, 83, 9, .1);--transition-fast: .15s ease;--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s ease;--card-bg: #fffcf7;--card-text-primary: #292524;--card-text-secondary:#78716c;--card-shadow: 0 8px 24px rgba(28, 25, 23, .08);--card-shadow-hover: 0 16px 40px rgba(28, 25, 23, .12);--nav-glass-bg: rgba(249, 246, 241, .88);--nav-glass-border: rgba(231, 224, 213, .6);--nav-shadow: 0 8px 32px rgba(28, 25, 23, .08), inset 0 1px 0 rgba(255, 252, 247, .6);--hover-bg: rgba(249, 246, 241, .8);--active-bg: rgba(180, 83, 9, .08);--gradient-brand-1: #b45309;--gradient-brand-2: #78350f;--gradient-game-1: #d97706;--gradient-game-2: #78350f;--gradient-game-3: #b45309;--gradient-wish-1: #faf6ef;--gradient-wish-2: #fef3c7;--gradient-wish-3: #f5f0e8;--glass-bg: rgba(249, 246, 241, .65);--glass-border: rgba(231, 224, 213, .5);--glass-shadow: 0 2px 12px rgba(28, 25, 23, .05), inset 0 1px 0 rgba(255, 252, 247, .6);--btn-bg: #8f7a66;--btn-bg-hover: #9f8b77;--btn-active: #f67c5f;--board-bg: #bbada0;--tile-2: #eee4da;--tile-2-text: #776e65;--tile-4: #ede0c8;--tile-4-text: #776e65;--tile-8: #f2b179;--tile-8-text: #f9f6f2;--tile-16: #f59563;--tile-16-text: #f9f6f2;--tile-32: #f67c5f;--tile-32-text: #f9f6f2;--tile-64: #f65e3b;--tile-64-text: #f9f6f2;--tile-128: #edcf72;--tile-128-text: #f9f6f2;--tile-256: #edcc61;--tile-256-text: #f9f6f2;--tile-512: #edc850;--tile-512-text: #f9f6f2;--tile-1024: #edc53f;--tile-1024-text: #f9f6f2;--tile-2048: #edc22e;--tile-2048-text: #f9f6f2;--tile-super: #3c3a32;--tile-super-text: #f9f6f2}html.dark-mode{--text-primary: #e7e0d5;--text-secondary: #b0a898;--text-muted: #6b6560;--text-placeholder: #6b6560;--text-link: #fbbf24;--text-success: #a3e635;--text-warning: #fbbf24;--text-error: #fca5a5;--text-on-brand: #1c1917;--bg-overlay: rgba(255, 252, 247, .03);--bg-overlay-light: rgba(255, 252, 247, .05);--bg-input: rgba(255, 252, 247, .05);--bg-tooltip: #292524;--overlay-light: rgba(255, 252, 247, .07);--border-strong: rgba(227, 219, 208, .2);--color-info: #38bdf8;--color-success: #a3e635;--color-warning: #fbbf24;--color-danger: #fca5a5;--brand-primary: #f59e0b;--brand-primary-dim: #d97706;--brand-on-dark: #fbbf24;--brand-glow: rgba(245, 158, 11, .2);--bg-page: #171412;--bg-card: rgba(255, 252, 247, .04);--bg-card-hover: rgba(255, 252, 247, .07);--bg-card-active: rgba(245, 158, 11, .08);--bg-header: rgba(23, 20, 18, .94);--bg-gradient-start: #141110;--bg-gradient-end: #1e1915;--border-default: rgba(227, 219, 208, .08);--border-muted: rgba(227, 219, 208, .05);--border-active: rgba(245, 158, 11, .35);--header-bg: rgba(23, 20, 18, .94);--header-text: #e7e0d5;--header-border: rgba(227, 219, 208, .08);--header-shadow: 0 1px 10px rgba(0, 0, 0, .4);--scrollbar-track: rgba(255, 252, 247, .03);--scrollbar-thumb: rgba(227, 219, 208, .15);--scrollbar-thumb-hover: rgba(227, 219, 208, .28);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .3);--shadow-default: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--shadow-card-active: 0 4px 16px rgba(245, 158, 11, .1);--card-bg: rgba(28, 25, 23, .85);--card-text-primary: #e7e0d5;--card-text-secondary:#a8a29e;--card-shadow: 0 8px 24px rgba(0, 0, 0, .3);--card-shadow-hover: 0 16px 40px rgba(0, 0, 0, .4);--nav-glass-bg: rgba(23, 20, 18, .8);--nav-glass-border: rgba(227, 219, 208, .08);--nav-shadow: 0 8px 32px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 252, 247, .05);--hover-bg: rgba(255, 252, 247, .05);--active-bg: rgba(245, 158, 11, .1);--gradient-brand-1: #92400e;--gradient-brand-2: #78350f;--gradient-game-1: #451a03;--gradient-game-2: #1c1917;--gradient-game-3: #451a03;--gradient-wish-1: #171412;--gradient-wish-2: #1e1915;--gradient-wish-3: #201a16;--glass-bg: rgba(23, 20, 18, .7);--glass-border: rgba(227, 219, 208, .08);--glass-shadow: 0 2px 16px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 252, 247, .04);--btn-bg: #5a524a;--btn-bg-hover: #6b6560;--btn-active: #f67c5f;--board-bg: #3d3a32;--tile-2: #4a4539;--tile-2-text: #eee4da;--tile-4: #4e4338;--tile-4-text: #ede0c8;--tile-8: #f2854a;--tile-8-text: #ffffff;--tile-16: #ee8030;--tile-16-text: #ffffff;--tile-32: #f65a30;--tile-32-text: #ffffff;--tile-64: #f04020;--tile-64-text: #ffffff;--tile-128: #edc850;--tile-128-text: #ffffff;--tile-256: #edc53f;--tile-256-text: #ffffff;--tile-512: #e8c020;--tile-512-text: #ffffff;--tile-1024: #e8b820;--tile-1024-text: #ffffff;--tile-2048: #e8a800;--tile-2048-text: #ffffff;--tile-super: #1a1810;--tile-super-text: #f9f6f2;--rename-bg-primary: #f9f6f1;--rename-bg-gradient: linear-gradient(135deg, #faf6ef 0%, #f9f6f1 50%, #f5f0e8 100%);--rename-accent: #b45309;--rename-accent-light: #d97706;--rename-accent-dark: #92400e;--rename-glow: rgba(180, 83, 9, .18);--rename-text-primary: #1c1917;--rename-text-secondary: #57534e;--rename-card-bg: rgba(255, 252, 247, .75);--rename-glass-bg: rgba(249, 246, 241, .65);--rename-glass-border: rgba(231, 224, 213, .5);--rename-shadow: 0 8px 32px rgba(180, 83, 9, .08);--rename-shadow-hover: 0 16px 48px rgba(180, 83, 9, .12);--rename-border: rgba(180, 83, 9, .12);--rename-border-hover: rgba(180, 83, 9, .25);--accent-coral: #f472b6;--accent-amber: #fbbf24;--accent-emerald: #10b981}.rename-page{--rename-bg-primary: #f9f6f1;--rename-bg-gradient: linear-gradient(135deg, #faf6ef 0%, #f9f6f1 50%, #f5f0e8 100%);--rename-accent: #b45309;--rename-accent-light: #d97706;--rename-accent-dark: #92400e;--rename-glow: rgba(180, 83, 9, .18);--rename-text-primary: #1c1917;--rename-text-secondary: #57534e;--rename-card-bg: rgba(255, 252, 247, .75);--rename-glass-bg: rgba(249, 246, 241, .65);--rename-glass-border: rgba(231, 224, 213, .5);--rename-shadow: 0 8px 32px rgba(180, 83, 9, .08);--rename-shadow-hover: 0 16px 48px rgba(180, 83, 9, .12);--rename-border: rgba(180, 83, 9, .12);--rename-border-hover: rgba(180, 83, 9, .3);--accent-coral: #dc2626;--accent-amber: #d97706;--accent-emerald: #65a30d}html.dark-mode .rename-page{--rename-bg-primary: #171412;--rename-bg-gradient: linear-gradient(135deg, #171412 0%, #1e1915 40%, #201a16 100%);--rename-accent: #f59e0b;--rename-accent-light: #fbbf24;--rename-accent-dark: #d97706;--rename-glow: rgba(245, 158, 11, .18);--rename-text-primary: #e7e0d5;--rename-text-secondary: #b0a898;--rename-card-bg: rgba(28, 25, 23, .8);--rename-glass-bg: rgba(28, 25, 23, .7);--rename-glass-border: rgba(245, 158, 11, .15);--rename-shadow: 0 8px 32px rgba(0, 0, 0, .35);--rename-shadow-hover: 0 16px 48px rgba(0, 0, 0, .45);--rename-border: rgba(245, 158, 11, .12);--rename-border-hover: rgba(245, 158, 11, .3);--accent-coral: #f87171;--accent-amber: #fbbf24;--accent-emerald: #a3e635;--gui-accent: #d97706;--gui-accent-light: #f59e0b}html,body{margin:0;padding:0;height:100%;background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body, "DM Sans", "Segoe UI", sans-serif);transition:background .5s ease,color .5s ease}html.dark-mode body{background:var(--bg-page);color:var(--text-primary)}html.grayscale{--brand-primary: #78716c;--brand-primary-dim: #57534e;--brand-on-dark: #d6d3d1;--brand-glow: rgba(120, 113, 108, .2);--text-primary: #1c1917;--text-secondary: #57534e;--text-link: #44403c;--text-success: #3f6212;--border-active: rgba(120, 113, 108, .4);--shadow-card-active: 0 4px 16px rgba(0, 0, 0, .12)}html.dark-mode.grayscale{--text-primary: #d6d3d1;--text-secondary: #a8a29e;--brand-primary: #a8a29e;--brand-on-dark: #d6d3d1;--bg-gradient-start: #171412;--bg-gradient-end: #1e1915}button,input,select,textarea,a{transition:all .2s ease!important}@media(prefers-reduced-motion:reduce){html,html *{transition-duration:.1s!important}}:global(.el-message){border-radius:14px!important;overflow:visible!important}:global(.el-message .el-message__content){line-height:1.5}:global(.el-message .el-message__icon){align-self:flex-start;margin-top:2px}:global(.el-message .el-message__closeBtn){border-radius:50%;padding:2px}:global(.el-message__wrapper){border-radius:14px!important;overflow:visible!important}:global(.el-overlay){overflow:visible!important}