:root{--color-bg:          #2a1f14;--color-bg-warm:     #f5f0e8;--color-surface:     #fffef9;--color-surface-alt: #f2f0ec;--color-surface-sunken: #eae8e4;--color-nav-bg:       #1a1714;--color-nav-text:     #e8e2d8;--color-nav-text-dim: #9e9690;--color-nav-border:   #2e2b28;--color-accent:        #3a7d5c;--color-accent-hover:  #2d6649;--color-accent-light:  #e6f2ec;--color-accent-muted:  #7aaa91;--color-text:           #1c1a17;--color-text-secondary: #5a5248;--color-text-muted:     #8c8278;--color-text-inverse:   #f5f0e8;--color-border:       #d4c9b8;--color-border-strong: #a89880;--color-border-dark:  #2e2b28;--color-success:      #3a7d5c;--color-success-bg:   #e6f2ec;--color-success-text: #1e4a35;--color-warning:      #c87941;--color-warning-bg:   #fdf0e4;--color-warning-text: #7a4520;--color-danger:       #b84040;--color-danger-bg:    #fdeaea;--color-danger-text:  #6e2020;--color-info:         #4a7fa5;--color-info-bg:      #e8f2f8;--color-info-text:    #1e4a66;--color-cell-bg:       #fffef9;--color-cell-void:     #1c1a17;--color-cell-border:   #1c1a17;--color-cell-selected: #f5d87a;--color-cell-word:     #faf2c8;--color-cell-correct:  #c8f0d8;--color-cell-incorrect: #f8d0d0;--color-cell-flash:     #f5d87a;--color-footer-bg:     #2e2b28;--color-footer-text:   #c4bbb2;--color-footer-link:   #9e9690;--color-footer-link-hover: var(--color-accent-muted);--color-scrollbar-thumb: rgba(28, 26, 23, 0.35);--color-overlay-hover:    rgba(255, 255, 255, 0.12);--color-overlay-subtle:   rgba(255, 255, 255, 0.06);--color-overlay-border:   rgba(255, 255, 255, 0.20);--color-overlay-backdrop: rgba(28, 26, 23, 0.6);--color-tint-hover:       rgba(28, 26, 23, 0.06);--color-text-on-accent: #fff;--font-display: 'Playfair Display', 'Georgia', serif;--font-body:    'Lora', 'Georgia', serif;--font-ui:      'DM Sans', 'Helvetica Neue', sans-serif;--font-mono:    'Courier Prime', 'Courier New', monospace;--font-size-rebus-2: 0.55em;--font-size-rebus-3: 0.42em;--font-size-rebus-4: 0.35em;--text-xs:   0.6875rem;--text-sm:   0.8125rem;--text-base: 1rem;--text-lg:   1.125rem;--text-xl:   1.25rem;--text-2xl:  1.5rem;--text-3xl:  1.875rem;--text-4xl:  2.5rem;--weight-normal:   400;--weight-medium:   500;--weight-semibold: 600;--weight-bold:     700;--leading-none:    1;--leading-tight:   1.25;--leading-snug:    1.375;--leading-normal:  1.5;--leading-relaxed: 1.625;--leading-loose:   1.8;--tracking-tight:  -0.02em;--tracking-normal:  0;--tracking-wide:    0.04em;--tracking-wider:   0.08em;--tracking-widest:  0.15em;--space-px:  1px;--space-0:   0;--space-1:   0.25rem;--space-2:   0.5rem;--space-3:   0.75rem;--space-4:   1rem;--space-5:   1.25rem;--space-6:   1.5rem;--space-8:   2rem;--space-10:  2.5rem;--space-12:  3rem;--space-16:  4rem;--space-20:  5rem;--space-24:  6rem;--space-32:  8rem;--shadow-sm:    0 1px 2px rgba(28, 26, 23, 0.08);--shadow-md:    0 2px 8px rgba(28, 26, 23, 0.12),
                  0 1px 3px rgba(28, 26, 23, 0.08);--shadow-lg:    0 4px 16px rgba(28, 26, 23, 0.16),
                  0 2px 6px rgba(28, 26, 23, 0.10);--shadow-xl:    0 8px 32px rgba(28, 26, 23, 0.20),
                  0 4px 12px rgba(28, 26, 23, 0.12);--shadow-inner: inset 0 1px 3px rgba(28, 26, 23, 0.10);--shadow-paper: 2px 4px 16px rgba(28, 26, 23, 0.30),
                  0 1px 4px rgba(28, 26, 23, 0.18);--shadow-chalkboard: 0.5em 0.625em 1.8em #000;--radius-sm:   0.25rem;--radius-md:   0.5rem;--radius-lg:   0.75rem;--radius-xl:   1rem;--radius-2xl:  1.5rem;--radius-full: 9999px;--duration-instant: 50ms;--duration-fast:    100ms;--duration-base:    200ms;--duration-slow:    300ms;--duration-slower:  500ms;--ease-in:      cubic-bezier(0.4, 0, 1, 1);--ease-out:     cubic-bezier(0, 0, 0.2, 1);--ease-in-out:  cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce:  cubic-bezier(0.34, 1.56, 0.64, 1);--transition-colors: color var(--duration-base) var(--ease-in-out),
                       background-color var(--duration-base) var(--ease-in-out),
                       border-color var(--duration-base) var(--ease-in-out);--transition-shadow: box-shadow var(--duration-base) var(--ease-out);--transition-transform: transform var(--duration-base) var(--ease-out);--transition-all: all var(--duration-base) var(--ease-in-out);--z-below:    -1;--z-base:      0;--z-raised:    1;--z-dropdown: 100;--z-sticky:   200;--z-nav:      300;--z-modal:    400;--z-toast:    500;--z-panel:    600}.xw-stats h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);text-align:center;margin-top:var(--space-6);margin-bottom:var(--space-4)}.xw-stats h3{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-secondary);text-align:center;margin-top:var(--space-6);margin-bottom:var(--space-2)}.xw-stats canvas{width:100%;max-width:800px;margin:0 auto;display:block}.xw-stats hr{margin:var(--space-8) 0}.xw-stats__cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:var(--space-4)}.xw-stats__card{background:var(--color-surface-alt);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);text-align:center}.xw-stats__card-number{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text)}.xw-stats__card-label{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.xw-stats__bars{max-width:600px;margin:0 auto}.xw-stats__bar-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.xw-stats__bar-label{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);min-width:3.5em;text-align:right;white-space:nowrap}.xw-stats__bar-track{flex:1;height:1.5em;background:var(--color-surface-sunken);border-radius:var(--radius-sm);overflow:hidden}.xw-stats__bar-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-sm);min-width:4px;transition:width var(--duration-slow) var(--ease-out)}.xw-stats__bar-value{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);min-width:2em;text-align:left}.xw-stats__metrics{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.xw-stats__metric{text-align:center;min-width:8em}.xw-stats__metric-number{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text)}.xw-stats__metric-label{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.xw-stats__leaderboard{list-style:none;margin:0 auto;padding:0;max-width:600px;counter-reset:rank}.xw-stats__leaderboard-row{display:flex;align-items:baseline;justify-content:space-between;padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border);counter-increment:rank}.xw-stats__leaderboard-row::before{content:counter(rank) ".";font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);min-width:2em}.xw-stats__leaderboard-row:last-child{border-bottom:none}.xw-stats__leaderboard-info{flex:1;min-width:0}.xw-stats__leaderboard-link{font-family:var(--font-body);font-weight:var(--weight-semibold);color:var(--color-accent);text-decoration:none}.xw-stats__leaderboard-link:hover{text-decoration:underline}.xw-stats__leaderboard-meta{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted);margin-left:var(--space-2)}.xw-stats__leaderboard-badge{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-surface-alt);padding:0.1em 0.4em;border-radius:var(--radius-sm);margin-left:var(--space-1);white-space:nowrap}.xw-stats__leaderboard-stat{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;margin-left:var(--space-4)}@media (max-width: 639px){.xw-stats__cards{grid-template-columns:repeat(2, 1fr)}.xw-stats__card-number{font-size:var(--text-3xl)}.xw-stats__metrics{gap:var(--space-4)}.xw-stats__metric-number{font-size:var(--text-2xl)}.xw-stats__leaderboard-meta{display:block;margin-left:0;margin-top:var(--space-1)}}