: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}#body>.xw-container.xw-grid{background-color:var(--color-surface-alt);gap:var(--space-6);padding-top:var(--space-6);padding-bottom:var(--space-8)}.xw-profile-hero{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-6);background-color:var(--color-bg-warm);background-image:url(/assets/paper-7b9f6598138b53b65cc415603a3d981bd61560f3f7d8498007ff5559c86f9226.jpeg);background-size:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-paper);margin-bottom:var(--space-4);border-top:3px solid var(--color-accent)}.xw-profile-hero__avatar{flex-shrink:0}.xw-profile-hero__avatar img{width:120px;height:120px;border-radius:var(--radius-full);border:3px solid var(--color-border-strong);box-shadow:var(--shadow-lg);object-fit:cover;transition:var(--transition-shadow)}.xw-profile-hero__avatar img:hover{box-shadow:var(--shadow-xl)}.xw-profile-hero__info{flex:1;min-width:200px}.xw-profile-hero__name{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-text);margin:0 0 var(--space-1) 0;line-height:var(--leading-tight)}.xw-profile-hero__joined{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-1) 0}.xw-profile-hero__location{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-1) 0}.xw-profile-hero__edit{margin-top:var(--space-2)}.xw-friend-menu{position:relative;display:inline-block}.xw-friend-menu__item{display:block;width:100%;padding:var(--space-2) var(--space-4);background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text)}.xw-friend-menu__item:hover{background-color:var(--color-surface-alt)}.xw-friend-menu__item--danger{color:var(--color-danger)}.xw-profile-hero__stats{width:100%;display:flex;flex-wrap:wrap;gap:0;padding:var(--space-4) 0;background-color:var(--color-surface-sunken);border-radius:var(--radius-md);margin-top:var(--space-4);border-top:1px solid var(--color-border)}.xw-profile-stat{display:flex;flex-direction:column;align-items:center;flex:1;padding:var(--space-2) var(--space-4);border-right:1px solid var(--color-border)}.xw-profile-stat:last-child{border-right:none}.xw-profile-stat__number{font-family:var(--font-ui);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text);line-height:var(--leading-none)}.xw-profile-stat__label{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-top:var(--space-1)}.xw-profile-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.xw-profile-card__heading{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin:0 0 var(--space-5) 0}.xw-profile-card__body{display:flex;flex-direction:column;gap:var(--space-3)}.xw-profile-card__empty{font-family:var(--font-body);font-style:italic;color:var(--color-text-muted);margin:var(--space-4) 0 0}.xw-profile-comments{list-style:none;margin:0;padding:0}.xw-profile-comment{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.xw-profile-comment:first-child{padding-top:0}.xw-profile-comment:last-child{border-bottom:none;padding-bottom:0}.xw-profile-comment__text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-normal)}.xw-profile-comment__meta{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;margin-left:var(--space-2)}.xw-profile-comment__meta a{color:var(--color-accent);font-weight:var(--weight-medium);text-decoration:none}.xw-profile-comment__meta a:hover{text-decoration:underline}.xw-profile-comment__dot{margin:0 var(--space-1)}.xw-profile-puzzles{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:var(--space-4)}.xw-profile-puzzle{display:flex;flex-direction:column;text-decoration:none;color:var(--color-text);transition:transform var(--duration-base) var(--ease-out)}.xw-profile-puzzle:hover{transform:translateY(-2px)}.xw-profile-puzzle:hover .xw-profile-puzzle__thumb{box-shadow:var(--shadow-lg)}.xw-profile-puzzle__thumb{width:75px;height:75px;margin:0 auto;border:1px solid var(--color-cell-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);object-fit:cover;image-rendering:pixelated;background-color:var(--color-surface-alt);transition:var(--transition-shadow)}.xw-profile-puzzle__thumb--empty{display:flex;align-items:center;justify-content:center;background-image:linear-gradient(var(--color-border) 1px, transparent 1px),linear-gradient(90deg, var(--color-border) 1px, transparent 1px);background-size:20% 20%;background-position:center}.xw-profile-puzzle__title{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);margin-top:var(--space-2);line-height:var(--leading-snug);text-align:center}.xw-profile-card .xw-pagination{justify-content:center;margin-top:var(--space-5)}@media (max-width: 639px){.xw-profile-hero{flex-direction:column;align-items:center;text-align:center;padding:var(--space-6) var(--space-4)}.xw-profile-hero__name{font-size:var(--text-3xl)}.xw-profile-hero__info{display:flex;flex-direction:column;align-items:center}.xw-profile-hero__stats{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.xw-profile-stat{border-right:none}.xw-profile-stat:nth-child(-n+2){border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3)}.xw-profile-stat:nth-child(n+3){padding-top:var(--space-3)}}@media (min-width: 1024px){.xw-profile-hero{flex-wrap:nowrap}.xw-profile-hero__stats{width:auto;margin-top:0}}