:root{--bg-page: #f5f0e8;--bg-card: #fff;--bg-card-alt: #f8f5f0;--bg-input: #fff;--bg-hover: #f0ebe3;--text-primary: #333;--text-secondary: #555;--text-tertiary: #888;--text-muted: #999;--text-disabled: #bbb;--text-faint: #ccc;--border: #ddd;--border-alt: #e8e0d4;--shadow-card: 0 1px 4px rgba(0, 0, 0, .08);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .3);--overlay-bg: rgba(0, 0, 0, .5);--brand: #c0392b;--brand-light: #fce0e0;--success: #27ae60;--success-light: #ddf2dd;--warning: #f39c12;--warning-deep: #e67e22;--info: #3498db;--purple: #8e44ad;--slate: #2c3e50;--secondary: #7f8c8d;--board-bg: #d4c9b8;--board-nav-border: #d4c9b8;--alpha-bg: #fff3cd;--alpha-border: #ffc107;--alpha-text: #856404;--alpha-tag-bg: #ffc107;--rank-me-bg: #e8f4fd;--rank-me-border: #b8d9f0;--rank-highlight-bg: #fdf6d0;--cal-played: #ddf2dd;--cal-today: #fce0e0;--check-color: #7bc67e;--check-bg: #e8f8e8;--danger: #e06b6b}[data-theme=dark]{--bg-page: #181820;--bg-card: #23232f;--bg-card-alt: #2a2a38;--bg-input: #2a2a38;--bg-hover: #32323f;--text-primary: #e2e2e8;--text-secondary: #b0b0bc;--text-tertiary: #888894;--text-muted: #6a6a78;--text-disabled: #555560;--text-faint: #44444f;--border: #3a3a48;--border-alt: #3a3a48;--shadow-card: 0 1px 4px rgba(0, 0, 0, .3);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .6);--overlay-bg: rgba(0, 0, 0, .7);--brand: #e04a3c;--brand-light: #3d2020;--success: #2ecc71;--success-light: #1a3322;--warning: #f5a623;--warning-deep: #d4851a;--info: #5dade2;--purple: #a569bd;--slate: #4a6a8a;--secondary: #8e9eaa;--board-bg: #2e2e3c;--board-nav-border: #3a3a48;--alpha-bg: #33301a;--alpha-border: #7a6a20;--alpha-text: #d4c070;--alpha-tag-bg: #7a6a20;--rank-me-bg: #1a2a3a;--rank-me-border: #2a4a6a;--rank-highlight-bg: #2a2820;--cal-played: #1a3322;--cal-today: #3d2020;--check-color: #5aad5e;--check-bg: #1a3322;--danger: #d05050}.bottom-nav[data-v-4e74048b]{display:flex;border-top:1px solid var(--board-nav-border);background:var(--bg-card);padding:4px 0;flex-shrink:0}.nav-btn[data-v-4e74048b]{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;border:none;background:none;color:var(--text-muted);font-size:10px;cursor:pointer;transition:color .15s}.nav-btn.active[data-v-4e74048b]{color:var(--brand)}.nav-icon[data-v-4e74048b]{font-size:20px}.nav-label[data-v-4e74048b]{font-weight:600}.app-container[data-v-7e23f45e]{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;background:var(--bg-page)}