﻿@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap");:root{--color-bg: #fafaf9;--color-bg-elevated: #ffffff;--color-bg-hover: rgba(0, 0, 0, 0.03);--color-bg-card: #ffffff;--color-text: #44403c;--color-text-muted: #78716c;--color-text-subtle: #a8a29e;--color-border: #e7e5e4;--color-border-strong: #d6d3d1;--color-accent: #0d7d74;--color-accent-hover: #0a5c54;--color-accent-light: #99f6e4;--color-accent-text: #0d7d74;--color-accent-alpha-08: rgba(13, 148, 136, 0.08);--color-accent-alpha-12: rgba(13, 148, 136, 0.12);--color-accent-alpha-35: rgba(13, 148, 136, 0.35);--color-secondary: #e07356;--color-secondary-hover: #c85d42;--color-secondary-light: #fae5df;--color-secondary-text: #c85d42;--color-secondary-alpha-08: rgba(224, 115, 86, 0.08);--color-secondary-alpha-12: rgba(224, 115, 86, 0.12);--color-secondary-alpha-25: rgba(224, 115, 86, 0.25);--color-delight: #e07356;--color-delight-glow: rgba(224, 115, 86, 0.4);--color-delight-soft: rgba(224, 115, 86, 0.15);--color-triumph: #28a745;--color-triumph-glow: rgba(40, 167, 69, 0.4);--color-correct: #219653;--color-present: #ffa500;--color-absent: #bababc;--color-error: #b00020;--color-success: #219653;--color-warning: #ffa500;--color-danger: #b00020;--color-info: #0d9488;--color-btn-success: #28a745;--color-btn-success-hover: #218838;--color-btn-danger: #dc3545;--color-btn-danger-hover: #c82333;--color-btn-warning: #ffc107;--color-btn-warning-text: #212529;--color-btn-info: #17a2b8;--color-btn-info-hover: #138496;--color-alert-info-bg: #e6f4f3;--color-alert-info-text: #0a5c54;--color-alert-info-border: #b8e0dd;--color-alert-success-bg: #e8f5ed;--color-alert-success-text: #1a5a32;--color-alert-success-border: #bfdacd;--color-alert-warning-bg: #fdf6e3;--color-alert-warning-text: #785a00;--color-alert-warning-border: #f5e4b3;--color-alert-danger-bg: #fce8ea;--color-alert-danger-text: #8b1526;--color-alert-danger-border: #f4c6cb;--color-text-on-colored: #ffffff;--color-text-on-dark: #ffffff;--color-text-on-warning: #212529;--color-text-on-accent: #ffffff;--color-primary: #007bff;--color-primary-hover: #0056b3;--color-gold: #ffd700;--color-disabled: #cccccc;--color-disabled-text: #666666;--color-streak-start: #ff6b35;--color-streak-end: #f7931e;--color-streak-alt-start: #28a745;--color-streak-alt-end: #20c997;--color-special-start: #667eea;--color-special-end: #764ba2;--color-keyboard-bg: #f5f5f4;--color-keyboard-key: #ffffff;--color-keyboard-key-hover: #e7e5e4;--color-modal-backdrop: rgba(0, 0, 0, 0.5);--color-input-bg: #ffffff;--color-input-border: #d6d3d1;--color-input-focus: #0d7d74;--color-text-primary: var(--color-text);--color-bg-primary: var(--color-bg);--color-btn-navigation: var(--color-text-muted);--color-btn-back-home: var(--color-text-muted);--color-btn-history: var(--color-text-muted);--color-bg-table-row-even-light: rgba(0, 0, 0, 0.02);--color-bg-table-row-even-dark: rgba(255, 255, 255, 0.03);--color-reveal-tile-text: #78716c;--color-reveal-tile-border: #d6d3d1;--color-reveal-tile-bg: #ffffff;--font-family-base: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-family-display: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;--font-family-mono: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', 'Droid Sans Mono', 'Source Code Pro', monospace;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 0.25rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.15);--shadow-focus: 0 0 0 3px rgba(0, 123, 255, 0.15);--shadow-focus-strong: 0 0 0 3px rgba(0, 123, 255, 0.25);--shadow-keyboard: 0 2px 4px rgba(0, 0, 0, 0.04);--shadow-keyboard-hover: 0 3px 6px rgba(0, 0, 0, 0.06);--blur-sm: 4px;--blur-md: 8px;--blur-lg: 10px;--color-overlay-light: rgba(0, 0, 0, 0.4);--color-overlay-medium: rgba(0, 0, 0, 0.5);--color-overlay-heavy: rgba(0, 0, 0, 0.6);--color-overlay-dark: rgba(0, 0, 0, 0.7);--color-bg-tint-subtle: rgba(0, 0, 0, 0.02);--color-bg-tint-light: rgba(0, 0, 0, 0.05);--color-bg-tint-medium: rgba(0, 0, 0, 0.08);--color-border-tint-subtle: rgba(0, 0, 0, 0.05);--color-border-tint-light: rgba(0, 0, 0, 0.1);--color-border-tint-medium: rgba(0, 0, 0, 0.15);--color-primary-bg-subtle: rgba(0, 123, 255, 0.04);--color-primary-bg-light: rgba(0, 123, 255, 0.06);--color-primary-bg-medium: rgba(0, 123, 255, 0.1);--color-primary-border-light: rgba(0, 123, 255, 0.15);--color-primary-border-medium: rgba(0, 123, 255, 0.2);--color-primary-shadow: rgba(0, 123, 255, 0.3);--color-primary-gradient-start: rgba(0, 123, 255, 0.08);--color-primary-gradient-end: rgba(0, 123, 255, 0.02);--color-success-bg-subtle: rgba(40, 167, 69, 0.05);--color-success-bg-light: rgba(40, 167, 69, 0.08);--color-success-bg-medium: rgba(40, 167, 69, 0.1);--color-success-border-light: rgba(40, 167, 69, 0.2);--color-success-border-medium: rgba(40, 167, 69, 0.3);--color-success-shadow: rgba(40, 167, 69, 0.25);--color-success-shadow-strong: rgba(40, 167, 69, 0.4);--color-success-shadow-subtle: rgba(40, 167, 69, 0.15);--color-success-gradient-start: rgba(33, 150, 83, 0.1);--color-success-gradient-end: rgba(33, 150, 83, 0.15);--color-gold-shadow: rgba(255, 215, 0, 0.25);--color-gold-shadow-subtle: rgba(255, 215, 0, 0.1);--color-danger-bg-subtle: rgba(220, 53, 69, 0.05);--color-danger-bg-light: rgba(220, 53, 69, 0.1);--color-danger-bg-medium: rgba(220, 53, 69, 0.15);--color-danger-border-light: rgba(220, 53, 69, 0.2);--color-danger-border-medium: rgba(220, 53, 69, 0.3);--color-danger-shadow: rgba(220, 53, 69, 0.25);--color-danger-gradient-start: rgba(176, 0, 32, 0.1);--color-danger-gradient-end: rgba(176, 0, 32, 0.15);--color-warning-bg-subtle: rgba(255, 165, 0, 0.1);--color-warning-bg-light: rgba(255, 165, 0, 0.15);--color-warning-gradient-start: rgba(255, 165, 0, 0.1);--color-warning-gradient-end: rgba(255, 165, 0, 0.15);--color-secondary-bg-subtle: rgba(108, 117, 125, 0.06);--color-secondary-bg-light: rgba(127, 127, 127, 0.1);--color-secondary-bg-medium: rgba(127, 127, 127, 0.15);--color-secondary-bg-strong: rgba(127, 127, 127, 0.2);--color-secondary-bg-heavy: rgba(127, 127, 127, 0.25);--color-secondary-border-light: rgba(108, 117, 125, 0.15);--color-special-shadow: rgba(102, 126, 234, 0.3);--color-special-shadow-strong: rgba(102, 126, 234, 0.4);--color-streak-shadow: rgba(255, 107, 53, 0.3);--color-streak-shadow-strong: rgba(255, 107, 53, 0.4);--color-streak-alt-shadow: rgba(40, 167, 69, 0.3);--color-streak-alt-shadow-strong: rgba(40, 167, 69, 0.4);--color-gold-glow: rgba(255, 215, 0, 0.5);--color-achievement-ring: rgba(255, 255, 255, 0.2);--color-achievement-shadow: rgba(0, 0, 0, 0.3);--anim-duration-fast: 0.15s;--anim-duration-snappy: 0.25s;--anim-duration-base: 0.3s;--anim-duration-medium: 0.4s;--anim-duration-slow: 0.5s;--anim-duration-slower: 0.6s;--anim-duration-celebrate: 3s;--anim-duration-celebrate-slow: 4s;--anim-duration-celebrate-drift: 3.5s;--ink-duration-confident: 0.3s;--ink-duration-searching: 0.45s;--ink-duration-fading: 0.5s;--ink-hesitation-delay: 0.1s;--paper-response-duration: 0.6s;--ink-absent-opacity: 0.85;--ease-ink-confident: cubic-bezier(0.19, 1, 0.22, 1);--ease-ink-searching: cubic-bezier(0.25, 0, 0.2, 1);--anim-letter-stagger: 120ms;--transition-fast: 150ms ease;--transition-base: 300ms ease;--transition-slow: 500ms ease;--ease-linear: linear;--ease-default: ease;--ease-in: ease-in;--ease-out: ease-out;--ease-in-out: ease-in-out;--ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);--ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);--ease-enter: cubic-bezier(0, 0, 0.2, 1);--ease-exit: cubic-bezier(0.4, 0, 1, 1);--ease-zen: cubic-bezier(0.22, 1, 0.36, 1);--ease-orbital: cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-orbital-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-orbital-out: cubic-bezier(0.215, 0.61, 0.355, 1);--ease-orbital-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);--anim-orbital-fast: 0.3s;--anim-orbital-base: 0.5s;--anim-orbital-slow: 0.8s;--anim-orbital-drift: 1.2s;--z-footer: 10;--z-controls: 100;--z-overlay: 200;--z-modal-special: 250;--z-modal: 300;--z-tooltip: 400;--z-toast: 500;--z-critical: 1000;--z-skip-link: 9999;--bp-xs: 375px;--bp-sm: 480px;--bp-md: 520px;--bp-lg: 640px;--bp-xl: 768px;--bp-2xl: 1024px}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--color-bg: #171717;--color-bg-elevated: #262626;--color-bg-hover: rgba(255, 255, 255, 0.05);--color-bg-card: #262626;--color-text: #e5e5e5;--color-text-muted: #a3a3a3;--color-text-subtle: #737373;--color-border: #3a3a3a;--color-border-strong: #525252;--color-accent: #2dd4bf;--color-accent-hover: #5eead4;--color-accent-light: #134e4a;--color-accent-text: #2dd4bf;--color-accent-alpha-08: rgba(45, 212, 191, 0.08);--color-accent-alpha-12: rgba(45, 212, 191, 0.12);--color-accent-alpha-35: rgba(45, 212, 191, 0.35);--color-accent-alpha-45: rgba(45, 212, 191, 0.45);--color-secondary: #f0967e;--color-secondary-hover: #f5a995;--color-secondary-light: #3d2520;--color-secondary-text: #f0967e;--color-secondary-alpha-08: rgba(240, 150, 126, 0.08);--color-secondary-alpha-12: rgba(240, 150, 126, 0.12);--color-secondary-alpha-25: rgba(240, 150, 126, 0.25);--color-delight: #f0967e;--color-delight-glow: rgba(240, 150, 126, 0.5);--color-delight-soft: rgba(240, 150, 126, 0.2);--color-triumph: #34d399;--color-triumph-glow: rgba(52, 211, 153, 0.5);--color-correct: #34d399;--color-present: #fbbf24;--color-absent: #525252;--color-error: #cf6679;--color-btn-success: #34d399;--color-btn-success-hover: #10b981;--color-btn-danger: #f87171;--color-btn-danger-hover: #ef4444;--color-btn-warning: #fbbf24;--color-btn-warning-text: #171717;--color-btn-info: #22d3ee;--color-btn-info-hover: #06b6d4;--color-alert-info-bg: #164e63;--color-alert-info-text: #a5f3fc;--color-alert-info-border: #155e75;--color-alert-success-bg: #14532d;--color-alert-success-text: #bbf7d0;--color-alert-success-border: #166534;--color-alert-warning-bg: #78350f;--color-alert-warning-text: #fef3c7;--color-alert-warning-border: #92400e;--color-alert-danger-bg: #7f1d1d;--color-alert-danger-text: #fecaca;--color-alert-danger-border: #991b1b;--color-text-on-colored: #ffffff;--color-text-on-dark: #e5e5e5;--color-text-on-warning: #171717;--color-text-on-accent: #ffffff;--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-gold: #fbbf24;--color-disabled: #525252;--color-disabled-text: #a3a3a3;--color-streak-start: #f97316;--color-streak-end: #fb923c;--color-streak-alt-start: #34d399;--color-streak-alt-end: #2dd4bf;--color-special-start: #818cf8;--color-special-end: #a78bfa;--color-keyboard-bg: #262626;--color-keyboard-key: #404040;--color-keyboard-key-hover: #525252;--color-input-bg: #262626;--color-input-border: #404040;--color-input-focus: #2dd4bf;--color-reveal-tile-text: #d4d4d4;--color-reveal-tile-border: #525252;--color-reveal-tile-bg: #262626;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.4);--shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.4);--shadow-focus: 0 0 0 3px rgba(77, 166, 255, 0.25);--shadow-focus-strong: 0 0 0 3px rgba(77, 166, 255, 0.4);--shadow-keyboard: 0 1px 2px rgba(0, 0, 0, 0.2);--shadow-keyboard-hover: 0 2px 4px rgba(0, 0, 0, 0.25);--color-overlay-light: rgba(0, 0, 0, 0.5);--color-overlay-medium: rgba(0, 0, 0, 0.6);--color-overlay-heavy: rgba(0, 0, 0, 0.7);--color-overlay-dark: rgba(0, 0, 0, 0.8);--color-bg-tint-subtle: rgba(255, 255, 255, 0.02);--color-bg-tint-light: rgba(255, 255, 255, 0.05);--color-bg-tint-medium: rgba(255, 255, 255, 0.08);--color-bg-tint-strong: rgba(255, 255, 255, 0.1);--color-bg-tint-heavy: rgba(255, 255, 255, 0.15);--color-bg-tint-intense: rgba(255, 255, 255, 0.2);--color-border-tint-subtle: rgba(255, 255, 255, 0.05);--color-border-tint-light: rgba(255, 255, 255, 0.1);--color-border-tint-medium: rgba(255, 255, 255, 0.15);--color-border-tint-strong: rgba(255, 255, 255, 0.2);--color-border-tint-heavy: rgba(255, 255, 255, 0.3);--color-primary-bg-subtle: rgba(77, 166, 255, 0.08);--color-primary-bg-light: rgba(77, 166, 255, 0.1);--color-primary-bg-medium: rgba(77, 166, 255, 0.15);--color-primary-border-light: rgba(77, 166, 255, 0.2);--color-primary-border-medium: rgba(77, 166, 255, 0.3);--color-primary-shadow: rgba(77, 166, 255, 0.3);--color-primary-shadow-strong: rgba(77, 166, 255, 0.4);--color-primary-gradient-start: rgba(77, 166, 255, 0.12);--color-primary-gradient-end: rgba(77, 166, 255, 0.04);--color-success-bg-subtle: rgba(52, 211, 153, 0.08);--color-success-bg-light: rgba(52, 211, 153, 0.1);--color-success-bg-medium: rgba(52, 211, 153, 0.15);--color-success-border-light: rgba(52, 211, 153, 0.2);--color-success-border-medium: rgba(52, 211, 153, 0.3);--color-success-shadow: rgba(52, 211, 153, 0.3);--color-success-shadow-strong: rgba(52, 211, 153, 0.4);--color-success-shadow-subtle: rgba(52, 211, 153, 0.18);--color-success-gradient-start: rgba(52, 211, 153, 0.15);--color-success-gradient-end: rgba(52, 211, 153, 0.2);--color-gold-shadow: rgba(251, 191, 36, 0.35);--color-gold-shadow-subtle: rgba(251, 191, 36, 0.15);--color-danger-bg-subtle: rgba(239, 68, 68, 0.08);--color-danger-bg-light: rgba(239, 68, 68, 0.1);--color-danger-bg-medium: rgba(239, 68, 68, 0.15);--color-danger-border-light: rgba(239, 68, 68, 0.2);--color-danger-border-medium: rgba(239, 68, 68, 0.3);--color-danger-shadow: rgba(239, 68, 68, 0.3);--color-danger-gradient-start: rgba(239, 68, 68, 0.15);--color-danger-gradient-end: rgba(239, 68, 68, 0.2);--color-warning-bg-subtle: rgba(251, 191, 36, 0.1);--color-warning-bg-light: rgba(251, 191, 36, 0.15);--color-warning-gradient-start: rgba(251, 191, 36, 0.15);--color-warning-gradient-end: rgba(251, 191, 36, 0.2);--color-secondary-bg-subtle: rgba(127, 127, 127, 0.08);--color-secondary-bg-light: rgba(127, 127, 127, 0.1);--color-secondary-bg-medium: rgba(127, 127, 127, 0.15);--color-secondary-bg-strong: rgba(127, 127, 127, 0.2);--color-secondary-bg-heavy: rgba(127, 127, 127, 0.25);--color-secondary-border-light: rgba(127, 127, 127, 0.2);--color-special-shadow: rgba(129, 140, 248, 0.4);--color-special-shadow-strong: rgba(129, 140, 248, 0.5);--color-streak-shadow: rgba(249, 115, 22, 0.4);--color-streak-shadow-strong: rgba(249, 115, 22, 0.5);--color-streak-alt-shadow: rgba(52, 211, 153, 0.4);--color-streak-alt-shadow-strong: rgba(52, 211, 153, 0.5);--color-gold-glow: rgba(251, 191, 36, 0.5);--color-achievement-ring: rgba(255, 255, 255, 0.3);--color-achievement-shadow: rgba(0, 0, 0, 0.5);--color-text-on-dark-subtle: rgba(255, 255, 255, 0.4);--color-text-on-dark-muted: rgba(255, 255, 255, 0.6);--color-text-on-dark-soft: rgba(255, 255, 255, 0.8);--color-text-on-dark-near: rgba(255, 255, 255, 0.9)}}[data-theme="dark"]{--color-bg: #171717;--color-bg-elevated: #262626;--color-bg-hover: rgba(255, 255, 255, 0.05);--color-bg-card: #262626;--color-text: #e5e5e5;--color-text-muted: #a3a3a3;--color-text-subtle: #737373;--color-border: #3a3a3a;--color-border-strong: #525252;--color-accent: #2dd4bf;--color-accent-hover: #5eead4;--color-accent-light: #134e4a;--color-accent-text: #2dd4bf;--color-accent-alpha-08: rgba(45, 212, 191, 0.08);--color-accent-alpha-12: rgba(45, 212, 191, 0.12);--color-accent-alpha-35: rgba(45, 212, 191, 0.35);--color-accent-alpha-45: rgba(45, 212, 191, 0.45);--color-secondary: #f0967e;--color-secondary-hover: #f5a995;--color-secondary-light: #3d2520;--color-secondary-text: #f0967e;--color-secondary-alpha-08: rgba(240, 150, 126, 0.08);--color-secondary-alpha-12: rgba(240, 150, 126, 0.12);--color-secondary-alpha-25: rgba(240, 150, 126, 0.25);--color-delight: #f0967e;--color-delight-glow: rgba(240, 150, 126, 0.5);--color-delight-soft: rgba(240, 150, 126, 0.2);--color-triumph: #34d399;--color-triumph-glow: rgba(52, 211, 153, 0.5);--color-correct: #34d399;--color-present: #fbbf24;--color-absent: #525252;--color-error: #cf6679;--color-btn-success: #34d399;--color-btn-success-hover: #10b981;--color-btn-danger: #f87171;--color-btn-danger-hover: #ef4444;--color-btn-warning: #fbbf24;--color-btn-warning-text: #171717;--color-btn-info: #22d3ee;--color-btn-info-hover: #06b6d4;--color-alert-info-bg: #164e63;--color-alert-info-text: #a5f3fc;--color-alert-info-border: #155e75;--color-alert-success-bg: #14532d;--color-alert-success-text: #bbf7d0;--color-alert-success-border: #166534;--color-alert-warning-bg: #78350f;--color-alert-warning-text: #fef3c7;--color-alert-warning-border: #92400e;--color-alert-danger-bg: #7f1d1d;--color-alert-danger-text: #fecaca;--color-alert-danger-border: #991b1b;--color-text-on-colored: #ffffff;--color-text-on-dark: #e5e5e5;--color-text-on-warning: #171717;--color-text-on-accent: #ffffff;--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-gold: #fbbf24;--color-disabled: #525252;--color-disabled-text: #a3a3a3;--color-streak-start: #f97316;--color-streak-end: #fb923c;--color-streak-alt-start: #34d399;--color-streak-alt-end: #2dd4bf;--color-special-start: #818cf8;--color-special-end: #a78bfa;--color-keyboard-bg: #262626;--color-keyboard-key: #404040;--color-keyboard-key-hover: #525252;--color-input-bg: #262626;--color-input-border: #404040;--color-input-focus: #2dd4bf;--color-reveal-tile-text: #d4d4d4;--color-reveal-tile-border: #525252;--color-reveal-tile-bg: #262626;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.4);--shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.4);--shadow-focus: 0 0 0 3px rgba(77, 166, 255, 0.25);--shadow-focus-strong: 0 0 0 3px rgba(77, 166, 255, 0.4);--shadow-keyboard: 0 1px 2px rgba(0, 0, 0, 0.2);--shadow-keyboard-hover: 0 2px 4px rgba(0, 0, 0, 0.25);--color-overlay-light: rgba(0, 0, 0, 0.5);--color-overlay-medium: rgba(0, 0, 0, 0.6);--color-overlay-heavy: rgba(0, 0, 0, 0.7);--color-overlay-dark: rgba(0, 0, 0, 0.8);--color-bg-tint-subtle: rgba(255, 255, 255, 0.02);--color-bg-tint-light: rgba(255, 255, 255, 0.05);--color-bg-tint-medium: rgba(255, 255, 255, 0.08);--color-bg-tint-strong: rgba(255, 255, 255, 0.1);--color-bg-tint-heavy: rgba(255, 255, 255, 0.15);--color-bg-tint-intense: rgba(255, 255, 255, 0.2);--color-border-tint-subtle: rgba(255, 255, 255, 0.05);--color-border-tint-light: rgba(255, 255, 255, 0.1);--color-border-tint-medium: rgba(255, 255, 255, 0.15);--color-border-tint-strong: rgba(255, 255, 255, 0.2);--color-border-tint-heavy: rgba(255, 255, 255, 0.3);--color-primary-bg-subtle: rgba(77, 166, 255, 0.08);--color-primary-bg-light: rgba(77, 166, 255, 0.1);--color-primary-bg-medium: rgba(77, 166, 255, 0.15);--color-primary-border-light: rgba(77, 166, 255, 0.2);--color-primary-border-medium: rgba(77, 166, 255, 0.3);--color-primary-shadow: rgba(77, 166, 255, 0.3);--color-primary-shadow-strong: rgba(77, 166, 255, 0.4);--color-primary-gradient-start: rgba(77, 166, 255, 0.12);--color-primary-gradient-end: rgba(77, 166, 255, 0.04);--color-success-bg-subtle: rgba(52, 211, 153, 0.08);--color-success-bg-light: rgba(52, 211, 153, 0.1);--color-success-bg-medium: rgba(52, 211, 153, 0.15);--color-success-border-light: rgba(52, 211, 153, 0.2);--color-success-border-medium: rgba(52, 211, 153, 0.3);--color-success-shadow: rgba(52, 211, 153, 0.3);--color-success-shadow-strong: rgba(52, 211, 153, 0.4);--color-success-shadow-subtle: rgba(52, 211, 153, 0.18);--color-success-gradient-start: rgba(52, 211, 153, 0.15);--color-success-gradient-end: rgba(52, 211, 153, 0.2);--color-gold-shadow: rgba(251, 191, 36, 0.35);--color-gold-shadow-subtle: rgba(251, 191, 36, 0.15);--color-danger-bg-subtle: rgba(239, 68, 68, 0.08);--color-danger-bg-light: rgba(239, 68, 68, 0.1);--color-danger-bg-medium: rgba(239, 68, 68, 0.15);--color-danger-border-light: rgba(239, 68, 68, 0.2);--color-danger-border-medium: rgba(239, 68, 68, 0.3);--color-danger-shadow: rgba(239, 68, 68, 0.3);--color-danger-gradient-start: rgba(239, 68, 68, 0.15);--color-danger-gradient-end: rgba(239, 68, 68, 0.2);--color-warning-bg-subtle: rgba(251, 191, 36, 0.1);--color-warning-bg-light: rgba(251, 191, 36, 0.15);--color-warning-gradient-start: rgba(251, 191, 36, 0.15);--color-warning-gradient-end: rgba(251, 191, 36, 0.2);--color-secondary-bg-subtle: rgba(127, 127, 127, 0.08);--color-secondary-bg-light: rgba(127, 127, 127, 0.1);--color-secondary-bg-medium: rgba(127, 127, 127, 0.15);--color-secondary-bg-strong: rgba(127, 127, 127, 0.2);--color-secondary-bg-heavy: rgba(127, 127, 127, 0.25);--color-secondary-border-light: rgba(127, 127, 127, 0.2);--color-special-shadow: rgba(129, 140, 248, 0.4);--color-special-shadow-strong: rgba(129, 140, 248, 0.5);--color-streak-shadow: rgba(249, 115, 22, 0.4);--color-streak-shadow-strong: rgba(249, 115, 22, 0.5);--color-streak-alt-shadow: rgba(52, 211, 153, 0.4);--color-streak-alt-shadow-strong: rgba(52, 211, 153, 0.5);--color-gold-glow: rgba(251, 191, 36, 0.5);--color-achievement-ring: rgba(255, 255, 255, 0.3);--color-achievement-shadow: rgba(0, 0, 0, 0.5);--color-text-on-dark-subtle: rgba(255, 255, 255, 0.4);--color-text-on-dark-muted: rgba(255, 255, 255, 0.6);--color-text-on-dark-soft: rgba(255, 255, 255, 0.8);--color-text-on-dark-near: rgba(255, 255, 255, 0.9)}[data-theme="light"]{--color-bg: #fafaf9;--color-bg-elevated: #ffffff;--color-bg-hover: rgba(0, 0, 0, 0.03);--color-bg-card: #ffffff;--color-text: #44403c;--color-text-muted: #78716c;--color-text-subtle: #a8a29e;--color-border: #e7e5e4;--color-border-strong: #d6d3d1;--v2-bg-light: #fafaf9;--v2-text-light: #1c1917;--v2-text-muted-light: #57534e;--v2-text-faded-light: #a8a29e;--v2-border-light: rgba(0, 0, 0, 0.08);--v2-border-strong-light: rgba(0, 0, 0, 0.15);--v2-correct-light: #0d9488;--v2-correct-light-glow: rgba(13, 148, 136, 0.25);--v2-glass-bg-light: rgba(255, 255, 255, 0.85);--v2-glass-border-light: rgba(0, 0, 0, 0.08);--v2-particle-light: rgba(0, 0, 0, 0.12);--v2-particle-shadow-light: 0 0 6px rgba(0, 0, 0, 0.08);--color-accent: #0d7d74;--color-accent-hover: #0a5c54;--color-accent-light: #99f6e4;--color-accent-text: #0d7d74;--color-secondary: #e07356;--color-secondary-hover: #c85d42;--color-secondary-light: #fae5df;--color-secondary-text: #c85d42;--color-secondary-alpha-08: rgba(224, 115, 86, 0.08);--color-secondary-alpha-12: rgba(224, 115, 86, 0.12);--color-secondary-alpha-25: rgba(224, 115, 86, 0.25);--color-delight: #e07356;--color-delight-glow: rgba(224, 115, 86, 0.4);--color-delight-soft: rgba(224, 115, 86, 0.15);--color-triumph: #28a745;--color-triumph-glow: rgba(40, 167, 69, 0.4);--color-correct: #219653;--color-present: #ffa500;--color-absent: #bababc;--color-error: #b00020;--color-btn-success: #28a745;--color-btn-success-hover: #218838;--color-btn-danger: #dc3545;--color-btn-danger-hover: #c82333;--color-btn-warning: #ffc107;--color-btn-warning-text: #212529;--color-btn-info: #17a2b8;--color-btn-info-hover: #138496;--color-alert-info-bg: #e6f4f3;--color-alert-info-text: #0a5c54;--color-alert-info-border: #b8e0dd;--color-alert-success-bg: #e8f5ed;--color-alert-success-text: #1a5a32;--color-alert-success-border: #bfdacd;--color-alert-warning-bg: #fdf6e3;--color-alert-warning-text: #785a00;--color-alert-warning-border: #f5e4b3;--color-alert-danger-bg: #fce8ea;--color-alert-danger-text: #8b1526;--color-alert-danger-border: #f4c6cb;--color-text-on-colored: #ffffff;--color-text-on-dark: #ffffff;--color-text-on-warning: #212529;--color-primary: #007bff;--color-primary-hover: #0056b3;--color-gold: #ffd700;--color-disabled: #cccccc;--color-disabled-text: #666666;--color-streak-start: #ff6b35;--color-streak-end: #f7931e;--color-streak-alt-start: #28a745;--color-streak-alt-end: #20c997;--color-special-start: #667eea;--color-special-end: #764ba2;--color-keyboard-bg: #f5f5f4;--color-keyboard-key: #ffffff;--color-keyboard-key-hover: #e7e5e4;--color-input-bg: #ffffff;--color-input-border: #d6d3d1;--color-input-focus: #0d7d74;--color-reveal-tile-text: #78716c;--color-reveal-tile-border: #d6d3d1;--color-reveal-tile-bg: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.15);--shadow-focus: 0 0 0 3px rgba(0, 123, 255, 0.15);--shadow-focus-strong: 0 0 0 3px rgba(0, 123, 255, 0.25);--color-overlay-light: rgba(0, 0, 0, 0.4);--color-overlay-medium: rgba(0, 0, 0, 0.5);--color-overlay-heavy: rgba(0, 0, 0, 0.6);--color-overlay-dark: rgba(0, 0, 0, 0.7);--color-bg-tint-subtle: rgba(0, 0, 0, 0.02);--color-bg-tint-light: rgba(0, 0, 0, 0.05);--color-bg-tint-medium: rgba(0, 0, 0, 0.08);--color-border-tint-subtle: rgba(0, 0, 0, 0.05);--color-border-tint-light: rgba(0, 0, 0, 0.1);--color-border-tint-medium: rgba(0, 0, 0, 0.15);--color-primary-bg-subtle: rgba(0, 123, 255, 0.04);--color-primary-bg-light: rgba(0, 123, 255, 0.06);--color-primary-bg-medium: rgba(0, 123, 255, 0.1);--color-primary-border-light: rgba(0, 123, 255, 0.15);--color-primary-border-medium: rgba(0, 123, 255, 0.2);--color-primary-shadow: rgba(0, 123, 255, 0.3);--color-primary-gradient-start: rgba(0, 123, 255, 0.08);--color-primary-gradient-end: rgba(0, 123, 255, 0.02);--color-success-bg-subtle: rgba(40, 167, 69, 0.05);--color-success-bg-light: rgba(40, 167, 69, 0.08);--color-success-bg-medium: rgba(40, 167, 69, 0.1);--color-success-border-light: rgba(40, 167, 69, 0.2);--color-success-border-medium: rgba(40, 167, 69, 0.3);--color-success-shadow: rgba(40, 167, 69, 0.25);--color-success-shadow-strong: rgba(40, 167, 69, 0.4);--color-success-gradient-start: rgba(33, 150, 83, 0.1);--color-success-gradient-end: rgba(33, 150, 83, 0.15);--color-danger-bg-subtle: rgba(220, 53, 69, 0.05);--color-danger-bg-light: rgba(220, 53, 69, 0.1);--color-danger-bg-medium: rgba(220, 53, 69, 0.15);--color-danger-border-light: rgba(220, 53, 69, 0.2);--color-danger-border-medium: rgba(220, 53, 69, 0.3);--color-danger-shadow: rgba(220, 53, 69, 0.25);--color-danger-gradient-start: rgba(176, 0, 32, 0.1);--color-danger-gradient-end: rgba(176, 0, 32, 0.15);--color-warning-bg-subtle: rgba(255, 165, 0, 0.1);--color-warning-bg-light: rgba(255, 165, 0, 0.15);--color-warning-gradient-start: rgba(255, 165, 0, 0.1);--color-warning-gradient-end: rgba(255, 165, 0, 0.15);--color-secondary-bg-subtle: rgba(108, 117, 125, 0.06);--color-secondary-bg-light: rgba(127, 127, 127, 0.1);--color-secondary-bg-medium: rgba(127, 127, 127, 0.15);--color-secondary-bg-strong: rgba(127, 127, 127, 0.2);--color-secondary-bg-heavy: rgba(127, 127, 127, 0.25);--color-secondary-border-light: rgba(108, 117, 125, 0.15);--color-special-shadow: rgba(102, 126, 234, 0.3);--color-special-shadow-strong: rgba(102, 126, 234, 0.4);--color-streak-shadow: rgba(255, 107, 53, 0.3);--color-streak-shadow-strong: rgba(255, 107, 53, 0.4);--color-streak-alt-shadow: rgba(40, 167, 69, 0.3);--color-streak-alt-shadow-strong: rgba(40, 167, 69, 0.4);--color-gold-glow: rgba(255, 215, 0, 0.5);--color-achievement-ring: rgba(255, 255, 255, 0.2);--color-achievement-shadow: rgba(0, 0, 0, 0.3)}body{font-feature-settings:'cv01', 'cv02', 'cv03', 'ss01';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,.heading-display{font-family:var(--font-family-display);font-weight:var(--font-weight-medium)}.stat-value,.stat-secondary-value,.timer-value,.timer-display,.guess-counter,.page-status,.landing-stats{font-family:var(--font-family-display);font-variant-numeric:tabular-nums}@keyframes zen-enter{0%{opacity:0;transform:translateY(12px) scale(0.98);filter:blur(4px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.zen-animate{animation:zen-enter var(--anim-duration-slow) var(--ease-zen) backwards}.zen-delay-1{animation-delay:0.1s}.zen-delay-2{animation-delay:0.2s}.zen-delay-3{animation-delay:0.3s}.zen-delay-4{animation-delay:0.4s}.zen-delay-5{animation-delay:0.5s}@media (prefers-reduced-motion: reduce){.zen-animate{animation:none;opacity:1;transform:none;filter:none}}:root{--ambient-gradient-morning:
    linear-gradient(135deg, rgba(255, 236, 210, 0.12) 0%, rgba(255, 200, 150, 0.06) 40%, transparent 70%),
    linear-gradient(180deg, #fdfbf7 0%, #fdf4dc 50%, #fdf6e3 100%);--ambient-gradient-afternoon: linear-gradient(180deg, #fafaf9 0%, #f8f8f7 50%, #f5f5f4 100%);--ambient-gradient-evening:
    linear-gradient(225deg, rgba(255, 160, 100, 0.10) 0%, rgba(255, 120, 80, 0.05) 35%, transparent 65%),
    linear-gradient(180deg, #fdf9f5 0%, #faecd8 50%, #f5e6d3 100%);--ambient-gradient-night:
    linear-gradient(180deg, rgba(40, 60, 100, 0.06) 0%, rgba(30, 50, 90, 0.03) 40%, transparent 60%),
    linear-gradient(180deg, #f7f7fa 0%, #eceef5 50%, #e5e7f0 100%)}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--ambient-gradient-morning: linear-gradient(180deg, #1c1a17 0%, #221f19 50%, #252117 100%);--ambient-gradient-afternoon: linear-gradient(180deg, #171717 0%, #191919 50%, #1a1a1a 100%);--ambient-gradient-evening: linear-gradient(180deg, #1c1915 0%, #231d14 50%, #261f13 100%);--ambient-gradient-night: linear-gradient(180deg, #15161a 0%, #13141c 50%, #12131f 100%)}}[data-theme="dark"]{--ambient-gradient-morning: linear-gradient(180deg, #1c1a17 0%, #221f19 50%, #252117 100%);--ambient-gradient-afternoon: linear-gradient(180deg, #171717 0%, #191919 50%, #1a1a1a 100%);--ambient-gradient-evening: linear-gradient(180deg, #1c1915 0%, #231d14 50%, #261f13 100%);--ambient-gradient-night: linear-gradient(180deg, #15161a 0%, #13141c 50%, #12131f 100%)}.ambient-morning{background:var(--ambient-gradient-morning)}.ambient-afternoon{background:var(--ambient-gradient-afternoon)}.ambient-evening{background:var(--ambient-gradient-evening)}.ambient-night{background:var(--ambient-gradient-night)}@view-transition{navigation:auto}@keyframes view-transition-fade-out{0%{opacity:1}100%{opacity:0}}@keyframes view-transition-fade-in{0%{opacity:0}100%{opacity:1}}::view-transition-old(root){animation:view-transition-fade-out var(--anim-duration-snappy) var(--ease-zen) forwards}::view-transition-new(root){animation:view-transition-fade-in var(--anim-duration-snappy) var(--ease-zen) forwards}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:0.01ms}}.skip-link{position:fixed;top:-100%;left:50%;transform:translateX(-50%);z-index:var(--z-skip-link);padding:0.75rem 1.5rem;background:var(--color-bg-elevated);color:var(--color-text);border:2px solid var(--color-accent);border-radius:0.5rem;font-weight:500;text-decoration:none;box-shadow:var(--shadow-lg);transition:top 0.2s ease}.skip-link:focus{top:1rem;outline:none}.skip-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.theme-transition{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.skeleton{position:relative;overflow:hidden;background:var(--color-border);border-radius:var(--radius-sm, 4px);color:transparent !important}.skeleton>*{visibility:hidden}.skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%);animation:skeleton-shimmer 1.5s ease-in-out infinite;transform:translateX(-100%)}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.skeleton-text{height:1em;margin-bottom:0.5em;border-radius:var(--radius-sm, 4px)}.skeleton-text--sm{width:40%}.skeleton-text--md{width:70%}.skeleton-text--lg{width:90%}.skeleton-circle{border-radius:50%}.skeleton-stat{display:inline-block;min-width:2em;height:1.5em}.skeleton-bar{height:1.25rem;margin-bottom:0.5rem}[data-theme="dark"] .skeleton{background:var(--color-border)}[data-theme="dark"] .skeleton::after{background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.1) 50%, transparent 100%)}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .skeleton{background:var(--color-border)}:root:not([data-theme="light"]) .skeleton::after{background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.1) 50%, transparent 100%)}}@media (prefers-reduced-motion: reduce){.skeleton::after{animation:none;opacity:0}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}@keyframes particle-float{0%,100%{transform:translateY(0) translateX(0);opacity:0.12}25%{transform:translateY(-20px) translateX(5px);opacity:0.2}50%{transform:translateY(-35px) translateX(-3px);opacity:0.12}75%{transform:translateY(-20px) translateX(-5px);opacity:0.2}}@keyframes particle-drift-up{0%,100%{transform:translateY(0) translateX(0);opacity:0.08}50%{transform:translateY(-45px) translateX(3px);opacity:0.2}}@keyframes particle-drift-diagonal{0%,100%{transform:translate(0, 0);opacity:0.1}33%{transform:translate(12px, -28px);opacity:0.18}66%{transform:translate(-8px, -50px);opacity:0.12}}#djDebug{display:none !important}:root{--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 3.75rem;--leading-none: 1;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--tracking-tightest: -.04em;--tracking-tighter: -.03em;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em}.text-xs{font-size:var(--text-xs);letter-spacing:var(--tracking-normal)}.text-sm{font-size:var(--text-sm);letter-spacing:var(--tracking-normal)}.text-base{font-size:var(--text-base);letter-spacing:var(--tracking-normal)}.text-md{font-size:var(--text-md);letter-spacing:var(--tracking-normal)}.text-lg{font-size:var(--text-lg);letter-spacing:var(--tracking-snug)}.text-xl{font-size:var(--text-xl);letter-spacing:var(--tracking-snug)}.text-2xl{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight)}.text-3xl{font-size:var(--text-3xl);letter-spacing:var(--tracking-tight)}.text-4xl{font-size:var(--text-4xl);letter-spacing:var(--tracking-tighter)}.text-5xl{font-size:var(--text-5xl);letter-spacing:var(--tracking-tightest)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.tracking-tightest{letter-spacing:var(--tracking-tightest)}.tracking-tighter{letter-spacing:var(--tracking-tighter)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-snug{letter-spacing:var(--tracking-snug)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}@media (max-width: 520px){:root{--text-5xl: 2.5rem;--text-4xl: 2rem;--text-3xl: 1.75rem;--text-2xl: 1.5rem;--text-xl: 1.25rem}}@media (max-width: 375px){:root{--text-5xl: 2rem;--text-4xl: 1.75rem;--text-3xl: 1.5rem;--text-2xl: 1.25rem;--text-xl: 1.125rem;--text-lg: 1.0625rem}}.text-fluid-display{font-size:clamp(2rem, 1.2rem + 4vw, 3.75rem);line-height:var(--leading-tight);letter-spacing:var(--tracking-tightest)}.text-fluid-hero{font-size:clamp(1.75rem, 1.2rem + 2.75vw, 3rem);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}.text-fluid-title{font-size:clamp(1.5rem, 1.1rem + 2vw, 2.25rem);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.text-fluid-subtitle{font-size:clamp(1.125rem, 0.95rem + 0.875vw, 1.5rem);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-accent{color:var(--color-accent-text)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-underline{text-decoration:underline}.text-line-through{text-decoration:line-through}.text-no-underline{text-decoration:none}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-normal-case{text-transform:none}:root{--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .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-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-12);--space-3xl: var(--space-16);--space-inline: var(--space-2);--space-stack: var(--space-4);--space-section: var(--space-8);--space-page: var(--space-12);--space-hero: var(--space-16);--gap-tight: var(--space-2);--gap-default: var(--space-4);--gap-loose: var(--space-6);--gap-spacious: var(--space-8)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mx-0{margin-left:0;margin-right:0}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}@media (max-width: 520px){:root{--space-section: var(--space-6);--space-page: var(--space-8);--space-hero: var(--space-12)}}@media (min-width: 1024px){:root{--space-section: var(--space-10);--space-page: var(--space-16);--space-hero: var(--space-20)}}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-card{box-shadow:0 2px 8px -2px rgba(0,0,0,0.08),0 4px 16px -4px rgba(0,0,0,0.04)}[data-theme='dark'] .shadow-card{box-shadow:0 2px 8px -2px rgba(0,0,0,0.35),0 4px 16px -4px rgba(0,0,0,0.2)}.shadow-elevated{box-shadow:0 4px 12px -2px rgba(0,0,0,0.1),0 8px 24px -4px rgba(0,0,0,0.06)}[data-theme='dark'] .shadow-elevated{box-shadow:0 4px 12px -2px rgba(0,0,0,0.4),0 8px 24px -4px rgba(0,0,0,0.25)}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .shadow-card{box-shadow:0 2px 8px -2px rgba(0,0,0,0.35), 0 4px 16px -4px rgba(0,0,0,0.2)}:root:not([data-theme="light"]) .shadow-elevated{box-shadow:0 4px 12px -2px rgba(0,0,0,0.4), 0 8px 24px -4px rgba(0,0,0,0.25)}}.shadow-none{box-shadow:none}:root{--v2-correct-light: #0d9488;--v2-correct-light-glow: rgba(13, 148, 136, 0.15);--v2-present-light: #d97706;--v2-present-light-glow: rgba(217, 119, 6, 0.15);--v2-text-light: #1c1917;--v2-text-muted-light: #78716c;--v2-text-faded-light: #a8a29e;--v2-bg-light: #fafaf9;--v2-bg-elevated-light: #ffffff;--v2-particle-light: rgba(0, 0, 0, 0.06);--v2-particle-shadow-light: 0 1px 3px rgba(0, 0, 0, 0.04);--v2-border-light: rgba(0, 0, 0, 0.08);--v2-border-strong-light: rgba(0, 0, 0, 0.12);--v2-glass-bg-light: rgba(255, 255, 255, 0.7);--v2-glass-border-light: rgba(0, 0, 0, 0.06);--v2-glass-shadow-light: 0 4px 24px rgba(0, 0, 0, 0.06);--v2-key-bg-light: rgba(0, 0, 0, 0.04);--v2-key-border-light: rgba(0, 0, 0, 0.08);--v2-key-text-light: #1c1917;--v2-key-hover-bg-light: rgba(0, 0, 0, 0.08);--v2-state-correct-bg-light: #0d9488;--v2-state-correct-text-light: #ffffff;--v2-state-present-bg-light: #d97706;--v2-state-present-text-light: #ffffff;--v2-state-absent-bg-light: #a8a29e;--v2-state-absent-text-light: #ffffff}.icon{display:inline-block;width:1em;height:1em;vertical-align:-0.125em;fill:currentColor;overflow:visible;flex-shrink:0}.icon[aria-hidden="true"]{pointer-events:none}.icon-xs{width:0.75em;height:0.75em;vertical-align:0}.icon-sm{width:0.875em;height:0.875em;vertical-align:-0.0625em}.icon-lg{width:1.25em;height:1.25em;vertical-align:-0.1875em}.icon-xl{width:1.5em;height:1.5em;vertical-align:-0.25em}.icon-2x{width:2em;height:2em;vertical-align:-0.375em}.icon-3x{width:3em;height:3em;vertical-align:-0.5em}.icon-fw{text-align:center;width:1.25em}.icon-spin{animation:icon-spin 1s linear infinite}@keyframes icon-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.icon-pulse{animation:icon-pulse 1s ease-in-out infinite}@keyframes icon-pulse{0%,100%{opacity:1}50%{opacity:0.4}}.icon-success{color:var(--color-success)}.icon-warning{color:var(--color-warning)}.icon-danger{color:var(--color-danger)}.icon-info{color:var(--color-info)}.icon-muted{color:var(--color-text-muted)}.icon-accent{color:var(--color-accent)}.icon-missing{display:inline-block;width:1em;height:1em;background-color:rgba(255,0,0,0.2);border:1px dashed red;border-radius:2px}.icon-missing::after{content:'?';display:block;text-align:center;font-size:0.75em;line-height:1.25;color:red}.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:0.375em}.btn-icon .icon{font-size:0.9em}.status-enabled .icon,.icon.status-enabled{color:var(--color-success)}.status-disabled .icon,.icon.status-disabled{color:var(--color-text-muted)}*,*::before,*::after{box-sizing:border-box}:root{color-scheme:light dark;--color-bg: #fafaf9;--color-bg-elevated: #ffffff;--color-text: #44403c;--color-text-muted: #78716c;--color-border: #e7e5e4;--color-accent: #0d9488}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--color-bg: #1c1917;--color-bg-elevated: #292524;--color-text: #e7e5e4;--color-text-muted: #a8a29e;--color-border: #44403c;--color-accent: #2dd4bf}}[data-theme="dark"]{--color-bg: #1c1917;--color-bg-elevated: #292524;--color-text: #e7e5e4;--color-text-muted: #a8a29e;--color-border: #44403c;--color-accent: #2dd4bf}html,body{margin:0;padding:0;height:100%}body{font-family:'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}.d-none{display:none !important}.is-hidden{display:none !important}.game-container,.page-container{max-width:1140px;margin:0 auto;padding:0 1.5rem}.loading-placeholder{min-height:300px;display:flex;align-items:center;justify-content:center}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}:root{color-scheme:light dark;touch-action:pan-x pan-y;height:100%;--page-max-width: 1140px;--page-padding: 1.5rem;--z-index-overlay: var(--z-overlay);--z-index-modal-mode: var(--z-modal-special);--anim-duration-flip: 0.5s;--anim-duration-pop: 0.25s;--anim-duration-shake: 0.45s}body{font-family:var(--font-family-base);max-width:var(--page-max-width);margin:1.25rem auto 1.5rem auto;padding:0 var(--page-padding) 3rem var(--page-padding);line-height:1.45;background-color:var(--color-bg);color:var(--color-text);transition:background-color var(--transition-base),color var(--transition-base);position:relative}body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:1;opacity:0.015;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}@media (prefers-color-scheme: dark){body:not([data-theme="light"])::after{opacity:0.008}}body[data-theme="dark"]::after{opacity:0.008}@media (prefers-reduced-motion: reduce){body::after{display:none}}h3{margin-top:0;align-self:center}.panel{border:1px solid var(--color-border);padding:1rem 1.25rem;border-radius:var(--radius-md);max-width:640px;background-color:var(--color-bg-elevated);transition:background-color var(--transition-base),border-color var(--transition-base)}.kv{display:grid;grid-template-columns:140px 1fr;gap:0.35rem 0.75rem;font-size:14px}.kv div.label{font-weight:600}footer{margin-top:3rem;font-size:12px;opacity:0.7}a{color:var(--color-accent);transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}button,a.btn,a.btn-icon,a[role='button']{text-decoration:none}button:hover,a.btn:hover,a.btn-icon:hover,a[role='button']:hover{text-decoration:none}.btn-help-icon{background:none;border:none;padding:0.375rem;cursor:pointer;border-radius:8px;font-size:1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.page-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem var(--page-padding, 1rem);font-size:0.8125rem}.page-footer p{margin:0}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-text-on-colored);font-size:11px;letter-spacing:0.5px}.zen-animate{animation:zen-enter 0.5s ease-out backwards}.zen-delay-1{animation-delay:0.1s}.zen-delay-2{animation-delay:0.2s}.zen-delay-3{animation-delay:0.3s}.zen-delay-4{animation-delay:0.4s}.zen-delay-5{animation-delay:0.5s}.zen-animate-fast{animation:zen-enter 0.3s ease-out backwards}@media (prefers-reduced-motion: reduce){.zen-animate,.zen-animate-fast{animation:none !important;opacity:1 !important;transform:none !important}}.logo-yoxyx{display:inline-flex;align-items:baseline;position:relative;overflow:visible;font-family:var(--font-family-display);font-weight:300;font-size:1.75rem;letter-spacing:0.08em;line-height:1;user-select:none;-webkit-user-select:none}@media (max-width: 520px){.logo-yoxyx{font-size:1.5rem}}.logo-yoxyx--small{font-size:1.25rem}.logo-yoxyx--large{font-size:2.5rem}.logo-yoxyx--hero{font-size:3.5rem;letter-spacing:0.12em}.logo-yoxyx--hero .logo-letter[data-letter="y"],.logo-yoxyx--hero .logo-letter[data-letter="o"]{font-weight:200}.logo-yoxyx--hero .logo-letter[data-letter="x"]{font-weight:500}@media (max-width: 520px){.logo-yoxyx--hero{font-size:2.5rem}}.logo-letter{position:relative;display:inline-block;transition:transform 0.3s var(--ease-orbital),color 0.3s ease}.logo-letter[data-letter="y"],.logo-letter[data-letter="o"]{color:var(--color-text);font-weight:300;letter-spacing:0.08em}.logo-letter[data-letter="x"]{color:var(--color-accent);font-weight:600;letter-spacing:0.06em}.logo-letter[data-letter="x"]::before{content:'';position:absolute;width:0.4em;height:0.4em;border:1.5px solid var(--color-accent);border-radius:50%;opacity:0.25;pointer-events:none;transition:opacity 0.3s ease;top:-0.08em;right:-0.12em;clip-path:inset(50% 0 0 50%)}@supports not (clip-path: inset(0)){.logo-letter[data-letter="x"]::before{display:none}}.logo-letter[data-letter="x"]::after{content:'';position:absolute;bottom:-0.15em;left:50%;transform:translateX(-50%);width:0.12em;height:0.12em;background:var(--color-accent);border-radius:50%;opacity:0.5;transition:opacity 0.3s ease,transform 0.3s var(--ease-orbital)}.logo-letter[data-letter="x"][data-pair="trailing"]::before{top:-0.08em;right:auto;left:-0.12em;clip-path:inset(50% 50% 0 0)}.logo-letter[data-pair="trailing"][data-letter="y"]{margin-left:-0.02em}.logo-connector-arc{position:absolute;bottom:-0.25em;left:15%;right:15%;height:0.35em;border:1px solid var(--color-accent);border-top:none;border-radius:0 0 50% 50%;opacity:0;pointer-events:none;transition:opacity 0.35s ease}a.logo-link:hover .logo-letter[data-letter="x"]{transform:translateY(-1px)}a.logo-link:hover .logo-letter[data-letter="x"]::before{opacity:0.5}a.logo-link:hover .logo-letter[data-letter="x"]::after{opacity:0.8;transform:translateX(-50%) scale(1.2)}a.logo-link:hover .logo-connector-arc{opacity:0.2}@keyframes logo-letter-enter{0%{opacity:0;transform:translateY(8px) translateX(-3px) scale(0.9)}60%{opacity:1;transform:translateY(-2px) translateX(1px) scale(1.02)}100%{opacity:1;transform:translateY(0) translateX(0) scale(1)}}@keyframes logo-x-pulse{0%,100%{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 4px var(--color-accent-alpha-35))}}.logo-yoxyx--animate .logo-letter{opacity:0;animation:logo-letter-enter 0.5s var(--ease-orbital) forwards}.logo-yoxyx--animate .logo-letter:nth-child(1){animation-delay:0.08s}.logo-yoxyx--animate .logo-letter:nth-child(2){animation-delay:0.16s}.logo-yoxyx--animate .logo-letter:nth-child(3){animation-delay:0.24s}.logo-yoxyx--animate .logo-letter:nth-child(4){animation-delay:0.32s}.logo-yoxyx--animate .logo-letter:nth-child(5){animation-delay:0.40s}.logo-yoxyx--animate .logo-letter[data-letter="x"]{animation:logo-letter-enter 0.5s var(--ease-orbital) forwards,logo-x-pulse 1.5s ease-in-out 0.7s}.logo-svg{display:inline-block;height:auto}.logo-svg.logo-svg--full{width:240px;max-width:100%}.logo-svg.logo-svg--icon{width:48px;height:48px}.logo-svg.logo-svg--small{width:120px}a.logo-link{text-decoration:none;color:inherit;display:inline-block;transition:opacity 0.2s ease,transform 0.2s var(--ease-orbital)}a.logo-link:hover{opacity:0.9}a.logo-link:active{transform:scale(0.98)}a.logo-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:4px}@media (prefers-reduced-motion: reduce){.logo-yoxyx--animate .logo-letter{animation:none;opacity:1;transform:none}.logo-letter{transition:none}.logo-connector-arc{transition:none}}.orbital-keyboard-container{margin-top:0.5rem;display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;margin-left:auto;margin-right:auto;padding:0 1rem;padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 3.5rem);position:relative}.orbital-keyboard-container.is-hidden{visibility:hidden}.orbital-keyboard-svg{width:100%;height:auto;max-width:500px;max-height:500px;touch-action:none;user-select:none;-webkit-user-select:none}.ring-guide{fill:none;stroke:currentColor;stroke-width:1;opacity:0.15;pointer-events:none}.orbital-key{cursor:pointer;transition:opacity 0.2s ease}.orbital-key .key-background{transition:fill 0.25s ease, stroke 0.25s ease, filter 0.25s ease}.orbital-key .key-label{transition:fill 0.25s ease, font-size 0.2s ease}.orbital-key:hover .key-background{stroke:var(--color-accent);stroke-width:1.5;filter:brightness(1.08) drop-shadow(0 0 12px var(--color-accent-alpha-35))}.orbital-key:hover .key-label{fill:var(--color-accent);font-size:34px}.orbital-key:active .key-background{fill:var(--color-bg-hover);opacity:0.9;filter:none}.orbital-key:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.key-background{fill:var(--color-bg);stroke:var(--color-border);stroke-width:1}[data-theme='dark'] .key-background{fill:var(--color-bg);stroke:var(--color-border)}.key-label{fill:var(--color-text);font-weight:400;opacity:0.85;pointer-events:none;font-family:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;dominant-baseline:central;text-anchor:middle}.orbital-key--inner .key-background{stroke-width:1}.orbital-key--middle .key-background{stroke-width:1}.orbital-key--outer .key-background{stroke-width:1}.orbital-key.key-pressed .key-background{fill:var(--color-bg-hover);opacity:0.9}.orbital-key.kb-correct .key-background{fill:var(--color-state-correct);stroke:var(--color-state-correct);stroke-width:2}.orbital-key.kb-correct .key-label{fill:var(--color-text-on-colored);font-weight:700}.orbital-key.kb-present .key-background{fill:var(--color-state-present);stroke:var(--color-state-present);stroke-width:2;stroke-dasharray:4 2}.orbital-key.kb-present .key-label{fill:var(--color-text-on-colored);font-weight:600}.orbital-key.kb-absent .key-background{fill:var(--color-state-absent);stroke:var(--color-state-absent);opacity:0.35}.orbital-key.kb-absent .key-label{fill:var(--color-text);opacity:0.4;font-size:16px;transform:translateY(-2px)}.orbital-key.kb-absent:hover .key-label{font-size:18px}.orbital-key.kb-correct.kb-present .key-background,.orbital-key.kb-correct.kb-absent .key-background{fill:var(--color-state-correct);stroke:var(--color-state-correct);opacity:1}.orbital-key.kb-correct.kb-present .key-label,.orbital-key.kb-correct.kb-absent .key-label{fill:var(--color-text-on-colored);font-weight:700;opacity:1}.orbital-key.kb-present.kb-absent .key-background{fill:var(--color-state-present);stroke:var(--color-state-present);stroke-dasharray:4 2;opacity:1}.orbital-key.kb-present.kb-absent .key-label{fill:var(--color-text-on-colored);font-weight:600;opacity:1}.orbital-key--action{cursor:pointer}.orbital-key--action:hover .key-background{stroke:var(--color-accent);stroke-width:1.5}.orbital-key--action:hover .key-label--icon{fill:var(--color-accent)}.orbital-key--action:active .key-background{fill:var(--color-bg-hover);opacity:0.9}.orbital-key--action:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.orbital-key--action .key-background{fill:var(--color-bg);stroke:var(--color-border);stroke-width:1;transition:fill 0.15s ease, stroke 0.15s ease, opacity 0.15s ease}.orbital-key--action .key-label--icon{fill:var(--color-text);font-weight:400;opacity:0.85}.orbital-key--action-center .key-background{fill:var(--color-bg);stroke:var(--color-border);stroke-width:1.5}.orbital-key--action-center .key-label--icon{fill:var(--color-text);font-weight:400;opacity:0.85}.orbital-key--action-center:hover .key-background{stroke:var(--color-accent);stroke-width:2}.orbital-key--action-center:hover .key-label--icon{fill:var(--color-accent);opacity:1}.orbital-key--action-center:active .key-background{opacity:0.9}.orbital-key--action-center:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.orbital-key--action-corner .key-background{fill:var(--color-bg);stroke:var(--color-border);stroke-width:1}.orbital-key--action-corner:hover .key-background{stroke:var(--color-accent);stroke-width:1.5}.orbital-key--action-corner:hover .key-label--icon{fill:var(--color-accent)}.orbital-key--action-corner:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.orbital-key--action-clear .key-background{fill:var(--color-bg);stroke:var(--color-border);stroke-width:1}.orbital-key--action-clear .key-label--icon{fill:var(--color-text);font-weight:400;opacity:0.85}.orbital-key--action-clear:hover .key-background{stroke:var(--color-state-present);stroke-width:1.5}.orbital-key--action-clear:hover .key-label--icon{fill:var(--color-state-present);opacity:1}.orbital-key--action-clear:active .key-background{opacity:0.9}.orbital-key--action-clear:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.orbital-key--action-clear.is-disabled{opacity:0.2;cursor:not-allowed;pointer-events:none}.orbital-key--action-clear.is-disabled .key-background{fill:var(--color-bg);stroke:var(--color-border)}.orbital-key--action-clear.is-disabled .key-label--icon{fill:var(--color-text);opacity:0.5}@keyframes rotate-ring{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes orbital-pulse{0%{transform:scale(1)}40%{transform:scale(1.03)}100%{transform:scale(1)}}@keyframes orbital-land{0%{transform:scale(0);opacity:0}60%{transform:scale(1.05);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes ring-guide-land{0%{opacity:0;stroke-dashoffset:1000}100%{opacity:0.15;stroke-dashoffset:0}}.ring-keys--inner.orbital-landing,.ring-keys--middle.orbital-landing,.ring-keys--outer.orbital-landing{transform:scale(0);opacity:0}.ring-keys--inner.orbital-landing.is-animating{animation:orbital-land var(--anim-duration-slower) var(--ease-bounce) forwards}.ring-keys--middle.orbital-landing.is-animating{animation:orbital-land var(--anim-duration-slower) var(--ease-bounce) forwards;animation-delay:0.1s}.ring-keys--outer.orbital-landing.is-animating{animation:orbital-land var(--anim-duration-slower) var(--ease-bounce) forwards;animation-delay:0.2s}.ring-guide.orbital-landing{stroke-dasharray:1000;stroke-dashoffset:1000;opacity:0}.ring-guide--inner.orbital-landing.is-animating{animation:ring-guide-land 0.8s ease-out forwards;animation-delay:0s}.ring-guide--middle.orbital-landing.is-animating{animation:ring-guide-land 0.8s ease-out forwards;animation-delay:0.1s}.ring-guide--outer.orbital-landing.is-animating{animation:ring-guide-land 0.8s ease-out forwards;animation-delay:0.2s}.action-keys.orbital-landing{opacity:0;transform:scale(0.9)}.action-keys.orbital-landing.is-animating{animation:orbital-land var(--anim-duration-medium) var(--ease-bounce) forwards;animation-delay:0.35s}.orbital-svg--pulse{animation:orbital-pulse var(--anim-duration-base) var(--ease-bounce)}@keyframes counter-rotate-ring{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}.ring-keys--inner,.ring-keys--middle,.ring-keys--outer{transform-origin:250px 250px}.orbital-keyboard-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:0.25rem;font-size:0.75rem;opacity:0.7}.legend-item{display:flex;align-items:center;gap:0.5rem}.legend-ring{width:12px;height:12px;border-radius:50%;border:2px solid currentColor}.legend-item--inner .legend-ring{border-width:2px}.legend-item--middle .legend-ring{border-width:1.5px}.legend-item--outer .legend-ring{border-width:1px}.legend-label{font-weight:500;color:var(--color-text)}@media (max-width: 768px){.orbital-keyboard-container{padding:0 0.5rem;max-width:375px}.orbital-keyboard-svg{max-width:375px;max-height:375px}}@media (max-width: 520px){.orbital-keyboard-container{padding:0 0.125rem;max-width:360px;margin-bottom:3rem}.orbital-keyboard-svg{max-width:360px;max-height:360px}.orbital-keyboard-legend{gap:1rem;font-size:0.625rem}.legend-ring{width:10px;height:10px}}@media (max-height: 750px){.orbital-keyboard-container{margin-top:0;max-width:100%;padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 0.5rem);flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.orbital-keyboard-svg{width:80vw;height:45vh;max-width:300px;max-height:300px}.key-label{font-size:20px}.orbital-key:hover .key-label{font-size:24px}.orbital-keyboard-legend{font-size:0.5rem;gap:0.5rem;margin-top:0.125rem;flex-shrink:0}.legend-ring{width:8px;height:8px}}@media (max-height: 680px){.orbital-keyboard-svg{width:75vw;height:40vh;max-width:260px;max-height:260px}.key-label{font-size:18px}.orbital-key:hover .key-label{font-size:22px}.orbital-keyboard-legend{display:none}}@media (max-height: 620px){.orbital-keyboard-svg{width:70vw;height:35vh;max-width:220px;max-height:220px}.key-label{font-size:16px}.orbital-key:hover .key-label{font-size:20px}}@media (max-height: 560px){.orbital-keyboard-svg{width:65vw;height:30vh;max-width:180px;max-height:180px}.key-label{font-size:14px}.orbital-key:hover .key-label{font-size:18px}}@media (max-width: 420px) and (max-height: 750px){.orbital-keyboard-container{margin-top:0;padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 0.25rem)}.orbital-keyboard-svg{width:85vw;height:42vh;max-width:280px;max-height:280px}.key-label{font-size:18px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,0.15)}.orbital-key:hover .key-label{font-size:22px}.key-background{fill:rgba(255,255,255,0.85) !important}.orbital-keyboard-legend{display:none}}@media (max-width: 420px) and (max-height: 680px){.orbital-keyboard-container{margin-top:0;padding-bottom:0}.orbital-keyboard-svg{width:65vw;height:28vh;max-width:200px;max-height:200px}.key-label{font-size:14px}.orbital-key:hover .key-label{font-size:17px}}[data-theme='dark'] .orbital-key:hover .key-background{filter:brightness(1.15) drop-shadow(0 0 14px var(--color-accent-alpha-45))}@media (pointer: coarse){.orbital-key::before{content:'';position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.orbital-key:active .key-background{fill:var(--color-accent-alpha-12) !important;stroke:var(--color-accent) !important;filter:brightness(1.1) !important;transform:scale(0.95);transition:transform 0.05s ease !important}.orbital-key:active .key-label{fill:var(--color-accent) !important}.orbital-key:hover:not(:active) .key-background{filter:none;stroke-width:1}.orbital-key:hover:not(:active) .key-label{font-size:inherit}}@supports (padding-bottom: env(safe-area-inset-bottom)){.orbital-keyboard-container{padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 3rem)}@media (max-height: 700px){.orbital-keyboard-container{padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 2rem)}}}@media (max-width: 520px){.orbital-key:hover .key-background{filter:none;stroke:var(--color-accent);stroke-width:1.5}.orbital-key .key-background,.orbital-key .key-label{transition-duration:0.1s}}@media (prefers-reduced-motion: reduce){.ring-keys--inner,.ring-keys--middle,.ring-keys--outer{animation:none !important}.key-counter-rotate--inner,.key-counter-rotate--middle,.key-counter-rotate--outer{animation:none !important}.orbital-key,.orbital-key--action{transition:none !important}.key-background,.key-label{transition:none !important}.orbital-key:hover .key-background{filter:none !important}.orbital-key:hover .key-label{font-size:inherit !important}}[data-theme='high-contrast'] .key-background{stroke-width:2.5}[data-theme='high-contrast'] .orbital-key--inner .key-background{stroke-width:3}[data-theme='high-contrast'] .orbital-key.kb-correct .key-background,[data-theme='high-contrast'] .orbital-key.kb-present .key-background,[data-theme='high-contrast'] .orbital-key.kb-absent .key-background{stroke-width:3}[data-theme='retro'] .key-background{stroke-width:2}@media (prefers-contrast: high){.key-background{stroke-width:2.5}.orbital-key--inner .key-background{stroke-width:3}.orbital-key.kb-correct .key-background,.orbital-key.kb-present .key-background,.orbital-key.kb-absent .key-background{stroke-width:3}.key-label{font-weight:600}.orbital-key.kb-correct .key-label,.orbital-key.kb-present .key-label{font-weight:700}}.btn-help-text{padding:0.25rem 0.6rem;font-size:0.75rem;font-weight:600;border:1px solid var(--color-cell-border);background:var(--color-key-bg);color:var(--color-key-fg);border-radius:var(--radius-sm);cursor:pointer}.modal[aria-hidden='true']{display:none}.modal{position:fixed;inset:0;z-index:var(--z-critical)}.modal__backdrop{position:absolute;inset:0;background:var(--color-modal-backdrop);animation:backdrop-fade 0.25s ease}@keyframes backdrop-fade{0%{opacity:0}100%{opacity:1}}.modal__dialog{position:relative;max-width:600px;margin:8vh auto;background:var(--color-bg-elevated);color:var(--color-text);border-radius:var(--radius-md);padding:1rem 1.25rem 1.25rem;box-shadow:var(--shadow-lg);max-height:67vh;overflow-y:auto;animation:modal-enter var(--anim-duration-medium) var(--ease-bounce)}@keyframes modal-enter{0%{opacity:0;transform:scale(0.9) translateY(20px)}100%{opacity:1;transform:scale(1) translateY(0)}}@media (prefers-reduced-motion: reduce){.modal__backdrop{animation:none}.modal__dialog{animation:none}}.modal--small .modal__dialog{max-width:400px}.modal--medium .modal__dialog{max-width:480px}.modal--large .modal__dialog{max-width:480px}.modal--fullscreen .modal__dialog{max-width:95vw;max-height:95vh;margin:2.5vh auto}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.modal__close{background:none;border:none;font-size:1.4rem;line-height:1;cursor:pointer;color:inherit;padding:0.25rem;border-radius:var(--radius-sm);transition:color var(--transition-base),background-color var(--transition-base),transform 0.15s ease}.modal__close:hover{color:var(--color-text);background-color:var(--color-bg-hover)}.modal__close:active{transform:scale(0.95)}.modal__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.modal__body p{margin:0.5rem 0;line-height:1.35}.modal__body ul{padding-left:1.1rem;margin:0.5rem 0 1rem}.modal__body li{margin:0.25rem 0;font-size:0.85rem}.modal__footer{display:flex;justify-content:flex-end;gap:0.75rem;align-items:center;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border)}.modal__close-btn{padding:0.45rem 0.9rem;border:none;background:var(--color-state-correct);color:var(--color-text-on-colored);cursor:pointer;font-weight:600;border-radius:var(--radius-sm);transition:background-color var(--transition-base),transform 0.15s ease}.modal__close-btn:hover{background:var(--color-btn-success-hover)}.modal__close-btn:active{transform:scale(0.97)}.modal__close-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.legend{display:inline-block;padding:0.15rem 0.45rem;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}.legend--correct{color:var(--color-state-correct);border-bottom:solid 2px var(--color-state-correct)}.legend--present{color:var(--color-state-present);border-bottom:solid 2px var(--color-state-present)}.legend--absent{color:var(--color-state-absent);border-bottom:solid 2px var(--color-state-absent)}.help-legend-list{list-style:none;padding:0;margin:0.75rem 0}.help-legend-list li{display:flex;align-items:center;gap:0.5rem;padding:0.35rem 0;font-size:0.9rem}.help-modes,.help-keyboard,.help-profile{margin:0.75rem 0 1rem}.help-modes dt,.help-keyboard dt,.help-profile dt{display:flex;align-items:center;gap:0.5rem;font-weight:600;font-size:0.95rem;margin-top:0.75rem;color:var(--color-text)}.help-modes dt i,.help-keyboard dt i,.help-profile dt i{color:var(--color-accent);width:1.25rem;text-align:center}.help-modes dd,.help-keyboard dd,.help-profile dd{margin:0.25rem 0 0 1.75rem;font-size:0.85rem;color:var(--color-text-muted);line-height:1.4}.help-tip{display:flex;align-items:flex-start;gap:0.5rem;margin:1rem 0;padding:0.75rem;background:var(--color-accent-light);border-radius:var(--radius-md);font-size:0.85rem;color:var(--color-text-muted)}.help-tip i{color:var(--color-warning);flex-shrink:0;margin-top:0.1rem}.help-buttons{margin:0.75rem 0 1rem}.help-buttons dt{display:flex;align-items:center;gap:0.5rem;font-weight:600;font-size:0.9rem;margin-top:0.6rem;color:var(--color-text)}.help-buttons dd{margin:0.2rem 0 0 2.25rem;font-size:0.85rem;color:var(--color-text-muted);line-height:1.4}.help-buttons .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--color-keyboard-bg);border-radius:var(--radius-sm);font-size:0.75rem;color:var(--color-text-muted)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:var(--z-toast);display:flex;flex-direction:column;gap:0.75rem;pointer-events:none}@media (max-width: 520px){.toast-container{left:1rem;right:1rem;top:0.5rem}}.toast{display:flex;align-items:center;justify-content:space-between;min-width:250px;max-width:400px;padding:1rem 1.25rem;background:var(--color-bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-md);pointer-events:auto;animation:toastSlideIn 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;backdrop-filter:blur(var(--blur-lg));border:1px solid var(--color-border)}@media (max-width: 520px){.toast{min-width:unset;max-width:100%;padding:0.875rem 1rem}}.toast.toast-success{border-left:4px solid var(--color-btn-success)}.toast.toast-success .fa-check-circle{color:var(--color-btn-success)}.toast.toast-error{border-left:4px solid var(--color-state-present)}.toast.toast-error .fa-exclamation-circle{color:var(--color-state-present)}.toast.toast-warning{border-left:4px solid var(--color-btn-warning)}.toast.toast-warning .fa-exclamation-triangle{color:var(--color-btn-warning)}.toast.toast-info{border-left:4px solid var(--color-primary)}.toast.toast-info .fa-circle-info{color:var(--color-primary)}.toast:hover{transform:translateX(-4px);box-shadow:var(--shadow-lg)}.toast-content{display:flex;align-items:center;gap:0.75rem;flex:1}.toast-content i{font-size:1.25rem;flex-shrink:0}@media (max-width: 520px){.toast-content i{font-size:1.1rem}}.toast-message{color:var(--color-text);font-size:0.95rem;line-height:1.4;word-break:break-word}@media (max-width: 520px){.toast-message{font-size:0.875rem}}.toast-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;margin-left:1rem;opacity:0.6;transition:opacity 0.2s ease,transform 0.15s ease,background-color var(--transition-base);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%}.toast-close:hover{opacity:1;transform:scale(1.1);background:var(--color-bg-hover)}.toast-close:active{transform:scale(0.95)}.toast-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;opacity:1}.toast-close i{font-size:1.1rem;pointer-events:none}@media (max-width: 520px){.toast-close i{font-size:1rem}}@keyframes toastSlideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.toast-exit{animation:toastSlideOut 0.3s ease forwards}@keyframes toastSlideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@media (prefers-reduced-motion: reduce){.toast{animation:none;transition:none}.toast-exit{animation:none;opacity:0}.toast-close{transition:none}}@media (prefers-contrast: high){.toast{border:2px solid currentColor}.toast.toast-success{border-left-width:6px}.toast.toast-error{border-left-width:6px}.toast.toast-warning{border-left-width:6px}.toast.toast-info{border-left-width:6px}.toast-message{font-weight:500}}#orbital-tutorial-modal{pointer-events:none}#orbital-tutorial-modal .modal__backdrop{background:transparent}#orbital-tutorial-modal .modal__dialog{position:fixed;top:1rem;left:50%;transform:translateX(-50%);margin:0;max-width:600px;width:calc(100% - 2rem);max-height:none}#orbital-tutorial-modal .modal__header,#orbital-tutorial-modal .modal__body,#orbital-tutorial-modal .modal__footer{pointer-events:auto}.tutorial-content{min-height:200px;display:flex;flex-direction:column;align-items:center;padding:0.75rem}.tutorial-step{display:none;opacity:0;transition:opacity 0.3s ease-in-out;text-align:center;width:100%}.tutorial-step.is-active{display:flex;flex-direction:column;align-items:center;opacity:1}.tutorial-step__title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary)}.tutorial-step__description{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;color:var(--color-text-muted);max-width:40ch}.tutorial-visual{margin:0.75rem 0;width:100%;max-width:300px}.tutorial-visual img,.tutorial-visual svg{width:100%;height:auto}.tutorial-visual i{font-size:4rem !important}.tutorial-interactive{margin:1rem 0;padding:1.5rem;background:var(--color-primary-bg-subtle);border:2px dashed var(--color-accent);border-radius:var(--radius-md);transition:background-color 0.3s ease, border-color 0.3s ease}.tutorial-interactive.is-completed{background:var(--color-success-bg-medium);border-color:var(--color-state-correct);border-style:solid}.tutorial-interactive p{margin:0.5rem 0;font-size:0.95rem}.tutorial-interactive strong{font-weight:600}.tutorial-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;border-top:1px solid var(--color-border-tint-light);background:var(--color-bg-primary)}.tutorial-progress{font-size:0.875rem;font-weight:600;color:var(--color-text-muted);font-variant-numeric:tabular-nums;letter-spacing:0.05em}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:0.95rem;cursor:pointer;border:none;transition:opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;white-space:nowrap}.btn-primary i,.btn-secondary i{font-size:1.1em}.btn-primary{background:var(--color-state-correct);color:var(--color-text-on-colored)}.btn-primary:hover:not(:disabled){opacity:0.9;transform:translateY(-1px);box-shadow:0 2px 8px var(--color-success-shadow)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:var(--color-disabled);cursor:not-allowed;opacity:0.6}.btn-secondary{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-tint-light);border-color:var(--color-text-muted)}.btn-secondary:active:not(:disabled){background:var(--color-bg-tint-medium)}.btn-secondary:disabled{opacity:0.5;cursor:not-allowed}@media (max-width: 640px){.tutorial-content{padding:0.75rem}.tutorial-step__title{font-size:1.25rem}.tutorial-step__description{font-size:0.9rem}.tutorial-footer{padding:0.75rem 1rem;flex-wrap:wrap}.btn-primary,.btn-secondary{font-size:0.875rem;padding:0.4rem 0.8rem}.btn-primary i,.btn-secondary i{font-size:1em}}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tutorial-footer{border-top-color:var(--color-border)}:root:not([data-theme="light"]) .tutorial-interactive{background:var(--color-primary-bg-light);border-color:var(--color-primary)}:root:not([data-theme="light"]) .tutorial-interactive.is-completed{background:var(--color-success-bg-medium);border-color:var(--color-state-correct)}:root:not([data-theme="light"]) .btn-secondary{border-color:var(--color-border)}:root:not([data-theme="light"]) .btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-strong)}:root:not([data-theme="light"]) .btn-secondary:active:not(:disabled){background:var(--color-bg-hover)}}[data-theme="dark"] .tutorial-footer{border-top-color:var(--color-border)}[data-theme="dark"] .tutorial-interactive{background:var(--color-primary-bg-light);border-color:var(--color-primary)}[data-theme="dark"] .tutorial-interactive.is-completed{background:var(--color-success-bg-medium);border-color:var(--color-state-correct)}[data-theme="dark"] .btn-secondary{border-color:var(--color-border)}[data-theme="dark"] .btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-strong)}[data-theme="dark"] .btn-secondary:active:not(:disabled){background:var(--color-bg-hover)}@media (prefers-reduced-motion: reduce){.tutorial-step{transition:none}.tutorial-interactive{transition:none}.btn-primary,.btn-secondary{transition:none}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){transform:none}}.achievement-modal .modal__dialog{text-align:center;max-width:340px;overflow:visible;padding-top:4rem}.achievement-modal .modal__header{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.achievement-badge{position:relative;width:80px;height:80px;margin:-4rem auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--color-text-on-colored);background-color:var(--color-state-correct);box-shadow:0 4px 15px var(--color-achievement-shadow),0 0 0 4px var(--color-achievement-ring);animation:badge-pop var(--anim-duration-slow) var(--ease-bounce)}@keyframes badge-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.achievement-modal__title{font-size:0.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-state-correct);margin:0 0 0.5rem;font-weight:600}.achievement-modal__name{font-size:1.5rem;font-weight:700;margin:0 0 0.5rem;color:inherit}.achievement-modal__description{font-size:0.95rem;color:var(--color-text-muted);margin:0 0 1.5rem}.achievement-modal__actions{display:flex;gap:0.75rem;justify-content:center}.achievement-modal__btn{padding:0.6rem 1.25rem;border:none;border-radius:var(--radius-md);font-size:0.9rem;font-weight:600;cursor:pointer;transition:opacity 0.2s ease, transform 0.1s ease;display:inline-flex;align-items:center;gap:0.5rem}.achievement-modal__btn:hover{opacity:0.9}.achievement-modal__btn:active{transform:scale(0.98)}.achievement-modal__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.achievement-modal__btn--primary{background:var(--color-state-correct);color:var(--color-text-on-colored)}.achievement-modal__btn--secondary{background:var(--color-key-bg);color:var(--color-key-fg);border:1px solid var(--color-cell-border)}.confetti-container{position:absolute;top:-100px;left:-50%;width:200%;height:400px;pointer-events:none;overflow:visible;z-index:var(--z-controls)}.confetti-piece{position:absolute;width:10px;height:10px;top:0;animation:confetti-move 3s ease-out forwards, confetti-fade 3s ease-out forwards;transform:translateZ(0)}@keyframes confetti-move{0%{transform:translateY(0) rotateZ(0deg) translateZ(0)}100%{transform:translateY(350px) rotateZ(720deg) translateZ(0)}}@keyframes confetti-fade{0%,60%{opacity:1}100%{opacity:0}}.achievement-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-key-bg);border:1px solid var(--color-cell-border);border-radius:var(--radius-md);margin-bottom:0.75rem;transition:transform 0.2s ease}.achievement-card:hover{transform:translateX(4px)}.achievement-card--locked{opacity:0.5;filter:grayscale(0.7)}.achievement-card--locked:hover{transform:none}.achievement-card__icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-text-on-colored);flex-shrink:0}.achievement-card__info{flex:1;text-align:left}.achievement-card__name{font-size:1rem;font-weight:600;margin:0 0 0.25rem}.achievement-card__description{font-size:0.85rem;color:var(--color-text-muted);margin:0}.achievement-card__unlocked{font-size:0.75rem;color:var(--color-state-correct);margin-top:0.25rem}.achievement-progress{margin-top:0.5rem}.achievement-progress__bar{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.achievement-progress__fill{height:100%;background:var(--color-state-present);border-radius:2px;width:100%;transform-origin:left;transform:scaleX(0);transition:transform var(--transition-base) ease}.achievement-progress__text{font-size:0.7rem;color:var(--color-text-subtle);margin-top:0.25rem}.achievements-section{margin-top:1.5rem}.achievements-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.achievements-section__title{font-size:1.1rem;font-weight:600;margin:0;display:flex;align-items:center;gap:0.5rem}.achievements-section__count{font-size:0.85rem;color:var(--color-text-muted);font-weight:normal}.achievements-list{list-style:none;padding:0;margin:0}.achievements-empty{text-align:center;padding:2.5rem 1.5rem;color:var(--color-text-muted)}.achievements-empty__visual{position:relative;width:100px;height:100px;margin:0 auto 1.25rem}.achievements-empty__rings{position:absolute;inset:0}.achievements-empty__rings .empty-ring{position:absolute;inset:0;border-radius:50%;border:1.5px dashed var(--color-border);opacity:0.4;animation:empty-ring-pulse 4s ease-in-out infinite}.achievements-empty__rings .empty-ring:nth-child(2){inset:12px;animation-delay:-2s;opacity:0.25}@keyframes empty-ring-pulse{0%,100%{opacity:0.4;transform:scale(1)}50%{opacity:0.2;transform:scale(1.03)}}.achievements-empty__icon{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--color-gold, #fbbf24);opacity:0.35;transition:opacity 0.3s ease, transform 0.3s ease}.achievements-empty:hover .achievements-empty__icon{opacity:0.5;transform:scale(1.05)}.achievements-empty__title{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 0.5rem}.achievements-empty__text{font-size:0.875rem;line-height:1.5;max-width:240px;margin:0 auto}.achievements-locked-wrapper{margin-top:1rem}.achievements-locked-wrapper.is-hidden{display:none}.achievements-locked-wrapper .achievements-toggle{display:flex;align-items:center;justify-content:center;padding:0.75rem 1rem;background:var(--color-bg-elevated);border-radius:8px;cursor:pointer;color:var(--color-text-muted);font-size:0.9rem;transition:background 0.2s ease;list-style:none}.achievements-locked-wrapper .achievements-toggle::-webkit-details-marker{display:none}.achievements-locked-wrapper .achievements-toggle:hover{background:var(--color-bg-hover)}.achievements-locked-wrapper .achievements-toggle::before{content:'▶';margin-right:0.5rem;font-size:0.65rem;transition:transform 0.2s ease}.achievements-locked-wrapper[open] .achievements-toggle::before{transform:rotate(90deg)}.achievements-locked-wrapper .achievements-locked{margin-top:0.75rem}@keyframes zen-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-header{animation:zen-fade-in 0.4s ease-out 0.1s both}.statistics-section{animation:zen-fade-in 0.4s ease-out 0.15s both}.navigation-cards-section{animation:zen-fade-in 0.4s ease-out 0.2s both}.achievements-section{animation:zen-fade-in 0.4s ease-out 0.25s both}.privacy-footer{animation:zen-fade-in 0.4s ease-out 0.3s both}@media (prefers-reduced-motion: reduce){.achievement-badge{animation:none}.confetti-piece{animation:none;opacity:0}.achievement-card{transition:none}.achievement-progress__fill{transition:none}.achievement-modal__btn{transition:none}.achievement-modal__btn:active{transform:none}.profile-header,.statistics-section,.navigation-cards-section,.achievements-section,.privacy-footer{animation:none;opacity:1}.achievements-toggle::before{transition:none}.achievements-empty__rings .empty-ring{animation:none;opacity:0.3}.achievements-empty__icon{transition:none}}@media (prefers-contrast: high){.achievement-badge{box-shadow:0 4px 15px var(--color-achievement-shadow), 0 0 0 3px var(--color-achievement-ring)}.achievement-card{border-width:2px}.achievement-progress__bar{border:1px solid var(--color-border)}}.streak-banner{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;background:linear-gradient(135deg, var(--color-streak-start) 0%, var(--color-streak-end) 100%);border-radius:var(--radius-lg);color:var(--color-text-on-colored);font-weight:600;box-shadow:0 2px 8px var(--color-streak-shadow);margin:1rem 0;animation:streak-slide-in 0.4s ease-out}.streak-banner--daily{background:linear-gradient(135deg, var(--color-streak-start) 0%, var(--color-streak-end) 100%)}.streak-banner--win{background:linear-gradient(135deg, var(--color-streak-alt-start) 0%, var(--color-streak-alt-end) 100%);box-shadow:0 2px 8px var(--color-streak-alt-shadow)}.streak-banner__icon{font-size:1.5rem;animation:flame-pulse 1.5s ease-in-out infinite}.streak-banner__icon i{color:var(--color-text-on-colored)}.streak-banner__content{display:flex;align-items:baseline;gap:0.35rem}.streak-banner__count{font-size:1.5rem;font-weight:700;line-height:1}.streak-banner__label{font-size:0.9rem;opacity:0.95}.streak-banner__badge{margin-left:auto;font-size:1.25rem;animation:badge-shine 2s ease-in-out infinite}.streak-banner__badge i{color:var(--color-gold);filter:drop-shadow(0 0 3px var(--color-gold-glow))}.streak-badge{display:inline-flex;align-items:center;gap:0.35rem;padding:0.35rem 0.65rem;background:linear-gradient(135deg, var(--color-streak-start) 0%, var(--color-streak-end) 100%);border-radius:20px;color:var(--color-text-on-colored);font-size:0.85rem;font-weight:600}.streak-badge__icon{font-size:0.9rem}.streak-badge__count{font-weight:700}.streak-badge--large{padding:0.5rem 0.85rem;font-size:1rem;gap:0.5rem}.streak-badge--large .streak-badge__icon{font-size:1.1rem}@keyframes streak-slide-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes flame-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes badge-shine{0%,100%{opacity:1}50%{opacity:0.7}}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .streak-banner{box-shadow:0 2px 12px var(--color-streak-shadow-strong)}:root:not([data-theme="light"]) .streak-banner--win{box-shadow:0 2px 12px var(--color-streak-alt-shadow-strong)}}[data-theme="dark"] .streak-banner{box-shadow:0 2px 12px var(--color-streak-shadow-strong)}[data-theme="dark"] .streak-banner--win{box-shadow:0 2px 12px var(--color-streak-alt-shadow-strong)}@media (prefers-reduced-motion: reduce){.streak-banner{animation:none}.streak-banner__icon{animation:none}.streak-banner__badge{animation:none}.streak-banner__badge i{animation:none}}.animation-demo-page{min-height:100vh;min-height:100dvh;padding:2rem 1rem;background:var(--color-bg);color:var(--color-text)}.demo-header{text-align:center;margin-bottom:3rem}.demo-header h1{font-family:var(--font-family-display);font-size:2rem;color:var(--color-text);margin-bottom:0.5rem}.demo-header .demo-subtitle{color:var(--color-text-muted);font-size:1rem}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;max-width:1200px;margin:0 auto}.demo-card{background:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--color-border)}.demo-card h2{font-family:var(--font-family-display);font-size:1.25rem;margin-bottom:0.5rem;color:var(--color-text)}.demo-card .demo-philosophy{font-style:italic;color:var(--color-text-muted);font-size:0.875rem;margin-bottom:1.5rem}.demo-board{display:flex;justify-content:center;margin-bottom:1.5rem}.demo-row{display:flex;gap:0.5rem}.demo-cell{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-family:var(--font-family-display);font-size:1.75rem;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-cell-border);position:relative}.demo-cell .letter{position:relative;z-index:2;transition:color 0.15s ease-out}.btn-replay{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.75rem;background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all 0.2s ease;font-family:var(--font-family-base);font-size:0.9rem}.btn-replay:hover{background:var(--color-accent);color:white;border-color:var(--color-accent)}.btn-replay:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}[data-animation="underline-sweep"] .demo-cell::after{content:'';position:absolute;bottom:-2px;left:0;height:3px;width:0;background:var(--color-cell-border);transition:none}[data-animation="underline-sweep"] .demo-cell[data-state="correct"]::after{background:var(--color-state-correct)}[data-animation="underline-sweep"] .demo-cell[data-state="present"]::after{background:var(--color-state-present)}[data-animation="underline-sweep"] .demo-cell[data-state="absent"]::after{background:var(--color-state-absent)}[data-animation="underline-sweep"] .demo-cell.animate::after{animation:underline-sweep 0.4s ease-out forwards}@keyframes underline-sweep{0%{width:0;left:0}100%{width:100%;left:0}}[data-animation="orbital-echo"] .demo-cell{overflow:visible}[data-animation="orbital-echo"] .demo-cell::before{content:'';position:absolute;inset:-8px;border:1px solid var(--color-accent);border-radius:50%;opacity:0;transform:scale(1.5);pointer-events:none}[data-animation="orbital-echo"] .demo-cell::after{content:'';position:absolute;bottom:-2px;left:0;height:3px;width:100%;opacity:0}[data-animation="orbital-echo"] .demo-cell[data-state="correct"]::after{background:var(--color-state-correct)}[data-animation="orbital-echo"] .demo-cell[data-state="present"]::after{background:var(--color-state-present)}[data-animation="orbital-echo"] .demo-cell[data-state="absent"]::after{background:var(--color-state-absent)}[data-animation="orbital-echo"] .demo-cell.animate::before{animation:orbital-ring 0.5s ease-out forwards}[data-animation="orbital-echo"] .demo-cell.animate::after{animation:orbital-reveal 0.3s ease-out 0.4s forwards}@keyframes orbital-ring{0%{opacity:0.8;transform:scale(1.5)}80%{opacity:0.4;transform:scale(1)}100%{opacity:0;transform:scale(0.9)}}@keyframes orbital-reveal{0%{opacity:0}100%{opacity:1}}[data-animation="zen-stillness"] .demo-cell::after{content:'';position:absolute;bottom:-2px;left:0;height:3px;width:100%;opacity:0}[data-animation="zen-stillness"] .demo-cell[data-state="correct"]::after{background:var(--color-state-correct)}[data-animation="zen-stillness"] .demo-cell[data-state="present"]::after{background:var(--color-state-present)}[data-animation="zen-stillness"] .demo-cell[data-state="absent"]::after{background:var(--color-state-absent)}[data-animation="zen-stillness"] .demo-cell.animate{animation:zen-settle 0.2s ease-out}[data-animation="zen-stillness"] .demo-cell.animate::after{animation:zen-reveal 0.3s ease-out 0.1s forwards}@keyframes zen-settle{0%{transform:translateY(0)}50%{transform:translateY(2px)}100%{transform:translateY(0)}}@keyframes zen-reveal{0%{opacity:0}100%{opacity:1}}[data-animation="pulse-breathe"] .demo-cell::after{content:'';position:absolute;bottom:-2px;left:0;height:3px;width:100%;opacity:0}[data-animation="pulse-breathe"] .demo-cell[data-state="correct"]::after{background:var(--color-state-correct)}[data-animation="pulse-breathe"] .demo-cell[data-state="present"]::after{background:var(--color-state-present)}[data-animation="pulse-breathe"] .demo-cell[data-state="absent"]::after{background:var(--color-state-absent)}[data-animation="pulse-breathe"] .demo-cell.animate{animation:pulse-breath 0.4s ease-in-out}[data-animation="pulse-breathe"] .demo-cell.animate::after{animation:breath-reveal 0.2s ease-out 0.2s forwards}@keyframes pulse-breath{0%{transform:scale(1)}40%{transform:scale(1.03)}100%{transform:scale(1)}}@keyframes breath-reveal{0%{opacity:0}100%{opacity:1}}:root{--ink-bloom-duration-confident: 0.3s;--ink-bloom-duration-searching: 0.45s;--ink-bloom-duration-fading: 0.5s;--ink-hesitation-delay: 0.1s;--paper-response-duration: 0.6s;--ink-absent-opacity: 0.85;--ease-ink-confident: cubic-bezier(0.19, 1, 0.22, 1);--ease-ink-searching: cubic-bezier(0.25, 0, 0.2, 1);--ease-ink-fading: ease-out}@keyframes ink-awaken{0%{color:transparent;text-shadow:0 0 0 var(--ink-color)}30%{color:color-mix(in srgb, var(--ink-color) 60%, transparent);text-shadow:0 0 8px color-mix(in srgb, var(--ink-color) 40%, transparent)}100%{color:var(--ink-color);text-shadow:none}}@keyframes ink-bloom-underline{0%{clip-path:inset(0 50% 0 50%);opacity:0.8}40%{clip-path:inset(0 20% 0 20%);opacity:1}70%{clip-path:inset(0 5% 0 5%);filter:blur(0.5px)}100%{clip-path:inset(0 0 0 0);filter:blur(0);opacity:1}}@keyframes ink-bloom-underline-absent{0%{clip-path:inset(0 50% 0 50%);opacity:0.5}40%{clip-path:inset(0 25% 0 25%);opacity:0.7}100%{clip-path:inset(0 0 0 0);opacity:var(--ink-absent-opacity)}}@keyframes paper-absorb{0%{background:radial-gradient(circle at center, transparent 0%, transparent 100%)}50%{background:radial-gradient(circle at center, color-mix(in srgb, var(--ink-color) 5%, transparent) 0%, transparent 70%)}100%{background:radial-gradient(circle at center, color-mix(in srgb, var(--ink-color) 3%, transparent) 0%, transparent 60%)}}@keyframes paper-emit{0%{box-shadow:inset 0 0 0 transparent}50%{box-shadow:inset 0 0 20px color-mix(in srgb, var(--ink-color) 8%, transparent)}100%{box-shadow:inset 0 0 15px color-mix(in srgb, var(--ink-color) 5%, transparent)}}[data-animation="ink-paper"] .demo-cell,[data-animation="ink-paper-correct"] .demo-cell,[data-animation="ink-paper-present"] .demo-cell,[data-animation="ink-paper-absent"] .demo-cell{overflow:visible;position:relative}[data-animation="ink-paper"] .demo-cell::before,[data-animation="ink-paper-correct"] .demo-cell::before,[data-animation="ink-paper-present"] .demo-cell::before,[data-animation="ink-paper-absent"] .demo-cell::before{content:'';position:absolute;inset:-8px;border:1px solid var(--color-accent);border-radius:50%;opacity:0;transform:scale(1.5);pointer-events:none}[data-animation="ink-paper"] .demo-cell .letter,[data-animation="ink-paper-correct"] .demo-cell .letter,[data-animation="ink-paper-present"] .demo-cell .letter,[data-animation="ink-paper-absent"] .demo-cell .letter{position:relative;z-index:2;color:var(--color-text);transition:none}[data-animation="ink-paper"] .demo-cell .cell-underline,[data-animation="ink-paper-correct"] .demo-cell .cell-underline,[data-animation="ink-paper-present"] .demo-cell .cell-underline,[data-animation="ink-paper-absent"] .demo-cell .cell-underline{position:absolute;bottom:-2px;left:0;height:3px;width:100%;opacity:0;clip-path:inset(0 50% 0 50%);z-index:1}[data-animation="ink-paper"] .demo-cell::after,[data-animation="ink-paper-correct"] .demo-cell::after,[data-animation="ink-paper-present"] .demo-cell::after,[data-animation="ink-paper-absent"] .demo-cell::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:2px}[data-animation="ink-paper"] .demo-cell[data-state="correct"],[data-animation="ink-paper-correct"] .demo-cell[data-state="correct"],[data-animation="ink-paper-present"] .demo-cell[data-state="correct"],[data-animation="ink-paper-absent"] .demo-cell[data-state="correct"]{--ink-color: var(--color-state-correct)}[data-animation="ink-paper"] .demo-cell[data-state="correct"] .cell-underline,[data-animation="ink-paper-correct"] .demo-cell[data-state="correct"] .cell-underline,[data-animation="ink-paper-present"] .demo-cell[data-state="correct"] .cell-underline,[data-animation="ink-paper-absent"] .demo-cell[data-state="correct"] .cell-underline{background:var(--color-state-correct)}[data-animation="ink-paper"] .demo-cell[data-state="present"],[data-animation="ink-paper-correct"] .demo-cell[data-state="present"],[data-animation="ink-paper-present"] .demo-cell[data-state="present"],[data-animation="ink-paper-absent"] .demo-cell[data-state="present"]{--ink-color: var(--color-state-present)}[data-animation="ink-paper"] .demo-cell[data-state="present"] .cell-underline,[data-animation="ink-paper-correct"] .demo-cell[data-state="present"] .cell-underline,[data-animation="ink-paper-present"] .demo-cell[data-state="present"] .cell-underline,[data-animation="ink-paper-absent"] .demo-cell[data-state="present"] .cell-underline{background:var(--color-state-present)}[data-animation="ink-paper"] .demo-cell[data-state="absent"],[data-animation="ink-paper-correct"] .demo-cell[data-state="absent"],[data-animation="ink-paper-present"] .demo-cell[data-state="absent"],[data-animation="ink-paper-absent"] .demo-cell[data-state="absent"]{--ink-color: var(--color-state-absent)}[data-animation="ink-paper"] .demo-cell[data-state="absent"] .cell-underline,[data-animation="ink-paper-correct"] .demo-cell[data-state="absent"] .cell-underline,[data-animation="ink-paper-present"] .demo-cell[data-state="absent"] .cell-underline,[data-animation="ink-paper-absent"] .demo-cell[data-state="absent"] .cell-underline{background:var(--color-state-absent)}[data-animation="ink-paper"] .demo-cell.animate::before,[data-animation="ink-paper-correct"] .demo-cell.animate::before,[data-animation="ink-paper-present"] .demo-cell.animate::before,[data-animation="ink-paper-absent"] .demo-cell.animate::before{animation:orbital-glow-ring 0.4s var(--ease-ink-confident) forwards}[data-animation="ink-paper"] .demo-cell.animate::after,[data-animation="ink-paper-correct"] .demo-cell.animate::after,[data-animation="ink-paper-present"] .demo-cell.animate::after,[data-animation="ink-paper-absent"] .demo-cell.animate::after{animation:paper-absorb var(--paper-response-duration) var(--ease-ink-fading) 0.2s forwards}[data-animation="ink-paper"] .demo-cell[data-state="correct"].animate .letter,[data-animation="ink-paper-correct"] .demo-cell[data-state="correct"].animate .letter,[data-animation="ink-paper-present"] .demo-cell[data-state="correct"].animate .letter,[data-animation="ink-paper-absent"] .demo-cell[data-state="correct"].animate .letter{animation:ink-awaken var(--ink-bloom-duration-confident) var(--ease-ink-confident) 0.15s forwards}[data-animation="ink-paper"] .demo-cell[data-state="correct"].animate .cell-underline,[data-animation="ink-paper-correct"] .demo-cell[data-state="correct"].animate .cell-underline,[data-animation="ink-paper-present"] .demo-cell[data-state="correct"].animate .cell-underline,[data-animation="ink-paper-absent"] .demo-cell[data-state="correct"].animate .cell-underline{animation:ink-bloom-underline var(--ink-bloom-duration-confident) var(--ease-ink-confident) 0.2s forwards}[data-animation="ink-paper"] .demo-cell[data-state="present"].animate .letter,[data-animation="ink-paper-correct"] .demo-cell[data-state="present"].animate .letter,[data-animation="ink-paper-present"] .demo-cell[data-state="present"].animate .letter,[data-animation="ink-paper-absent"] .demo-cell[data-state="present"].animate .letter{animation:ink-awaken var(--ink-bloom-duration-searching) var(--ease-ink-searching) calc(0.15s + var(--ink-hesitation-delay)) forwards}[data-animation="ink-paper"] .demo-cell[data-state="present"].animate .cell-underline,[data-animation="ink-paper-correct"] .demo-cell[data-state="present"].animate .cell-underline,[data-animation="ink-paper-present"] .demo-cell[data-state="present"].animate .cell-underline,[data-animation="ink-paper-absent"] .demo-cell[data-state="present"].animate .cell-underline{animation:ink-bloom-underline var(--ink-bloom-duration-searching) var(--ease-ink-searching) calc(0.2s + var(--ink-hesitation-delay)) forwards}[data-animation="ink-paper"] .demo-cell[data-state="absent"].animate .letter,[data-animation="ink-paper-correct"] .demo-cell[data-state="absent"].animate .letter,[data-animation="ink-paper-present"] .demo-cell[data-state="absent"].animate .letter,[data-animation="ink-paper-absent"] .demo-cell[data-state="absent"].animate .letter{animation:ink-awaken var(--ink-bloom-duration-fading) var(--ease-ink-fading) 0.15s forwards}[data-animation="ink-paper"] .demo-cell[data-state="absent"].animate .cell-underline,[data-animation="ink-paper-correct"] .demo-cell[data-state="absent"].animate .cell-underline,[data-animation="ink-paper-present"] .demo-cell[data-state="absent"].animate .cell-underline,[data-animation="ink-paper-absent"] .demo-cell[data-state="absent"].animate .cell-underline{animation:ink-bloom-underline-absent var(--ink-bloom-duration-fading) var(--ease-ink-fading) 0.2s forwards}@media (prefers-color-scheme: dark){[data-animation="ink-paper"] .demo-cell.animate::after,[data-animation="ink-paper-correct"] .demo-cell.animate::after,[data-animation="ink-paper-present"] .demo-cell.animate::after,[data-animation="ink-paper-absent"] .demo-cell.animate::after{animation:paper-emit var(--paper-response-duration) var(--ease-ink-fading) 0.2s forwards}}[data-theme="dark"] [data-animation="ink-paper"] .demo-cell.animate::after,[data-theme="dark"] [data-animation="ink-paper-correct"] .demo-cell.animate::after,[data-theme="dark"] [data-animation="ink-paper-present"] .demo-cell.animate::after,[data-theme="dark"] [data-animation="ink-paper-absent"] .demo-cell.animate::after{animation:paper-emit var(--paper-response-duration) var(--ease-ink-fading) 0.2s forwards}.ink-demo-page .demo-description{font-size:0.8rem;color:var(--color-text-muted);margin-bottom:1rem;line-height:1.4}.ink-demo-page .demo-controls{display:flex;gap:1rem;justify-content:center;align-items:center}.ink-demo-page .demo-card-current{border-color:var(--color-text-muted);position:relative}.ink-demo-page .demo-card-current::after{content:'CURRENT';position:absolute;top:0.75rem;right:0.75rem;font-size:0.65rem;font-weight:600;letter-spacing:0.05em;color:var(--color-text-muted);background:var(--color-bg-hover);padding:0.2rem 0.5rem;border-radius:var(--radius-sm)}.ink-demo-page .demo-card-new{border-color:var(--color-accent);position:relative;box-shadow:0 0 0 1px var(--color-accent)}.ink-demo-page .demo-card-new::after{content:'NEW';position:absolute;top:0.75rem;right:0.75rem;font-size:0.65rem;font-weight:600;letter-spacing:0.05em;color:var(--color-accent);background:var(--color-accent-alpha-10, rgba(45,212,191,0.1));padding:0.2rem 0.5rem;border-radius:var(--radius-sm)}.ink-demo-page .demo-grid-comparison{grid-template-columns:repeat(2, 1fr);max-width:900px}.demo-state-showcase{max-width:900px;margin:3rem auto 0;padding:0 1rem}.demo-state-showcase h2{font-family:var(--font-family-display);font-size:1.5rem;color:var(--color-text);text-align:center;margin-bottom:1.5rem}.demo-states-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.demo-state-card{background:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:1.25rem;border:1px solid var(--color-border);text-align:center}.demo-state-card h3{font-family:var(--font-family-display);font-size:1rem;margin-bottom:0.25rem;color:var(--color-text);display:flex;align-items:center;justify-content:center;gap:0.5rem}.demo-state-card .state-timing{font-size:0.75rem;font-weight:400;color:var(--color-accent);font-family:var(--font-family-mono, monospace)}.demo-state-card .state-personality{font-size:0.75rem;font-style:italic;color:var(--color-text-muted);margin-bottom:1rem}.demo-state-card .demo-board{margin-bottom:1rem}.demo-state-card .demo-row{justify-content:center}.btn-replay-sm{padding:0.5rem 1rem;font-size:0.8rem}.btn-replay-sm .fa-arrows-rotate{font-size:0.9rem}.demo-comparison-notes{max-width:700px;margin:3rem auto 0;padding:0 1rem}.demo-comparison-notes h2{font-family:var(--font-family-display);font-size:1.25rem;color:var(--color-text);text-align:center;margin-bottom:1.5rem}.comparison-table{background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.comparison-row{display:grid;grid-template-columns:1fr 1fr}.comparison-row:not(:last-child){border-bottom:1px solid var(--color-border)}.comparison-row.comparison-header{background:var(--color-bg-hover);font-weight:600;font-size:0.9rem}.comparison-cell{padding:0.75rem 1rem;font-size:0.875rem}.comparison-cell:first-child{border-right:1px solid var(--color-border);color:var(--color-text-muted)}.comparison-cell:last-child{color:var(--color-text)}@keyframes orbital-glow-ring{0%{opacity:0.8;transform:scale(1.5)}80%{opacity:0.4;transform:scale(1)}100%{opacity:0;transform:scale(0.9)}}@keyframes letter-glow-residue{0%{text-shadow:none}40%{text-shadow:0 0 12px var(--glow-color),0 0 24px var(--glow-color)}100%{text-shadow:0 0 6px var(--glow-color),0 0 12px color-mix(in srgb, var(--glow-color) 50%, transparent)}}[data-animation="orbital-glow"] .demo-cell{overflow:visible;position:relative}[data-animation="orbital-glow"] .demo-cell::before{content:'';position:absolute;inset:-8px;border:1px solid var(--color-accent);border-radius:50%;opacity:0;transform:scale(1.5);pointer-events:none}[data-animation="orbital-glow"] .demo-cell::after{content:'';position:absolute;bottom:-2px;left:0;height:3px;width:100%;opacity:0}[data-animation="orbital-glow"] .demo-cell[data-state="correct"] .letter{--glow-color: var(--color-state-correct)}[data-animation="orbital-glow"] .demo-cell[data-state="correct"]::after{background:var(--color-state-correct)}[data-animation="orbital-glow"] .demo-cell[data-state="present"] .letter{--glow-color: var(--color-state-present)}[data-animation="orbital-glow"] .demo-cell[data-state="present"]::after{background:var(--color-state-present)}[data-animation="orbital-glow"] .demo-cell[data-state="absent"] .letter{--glow-color: var(--color-state-absent)}[data-animation="orbital-glow"] .demo-cell[data-state="absent"]::after{background:var(--color-state-absent)}[data-animation="orbital-glow"] .demo-cell.animate::before{animation:orbital-glow-ring 0.5s ease-out forwards}[data-animation="orbital-glow"] .demo-cell.animate .letter{animation:letter-glow-residue 0.7s var(--ease-smooth) 0.2s forwards}[data-animation="orbital-glow"] .demo-cell.animate::after{animation:orbital-reveal 0.3s ease-out 0.4s forwards}@keyframes resonance-ring-outer{0%{opacity:0.3;transform:scale(2)}100%{opacity:0;transform:scale(0.8)}}@keyframes resonance-ring-middle{0%{opacity:0.5;transform:scale(1.6)}100%{opacity:0;transform:scale(0.8)}}@keyframes resonance-ring-inner{0%{opacity:0.7;transform:scale(1.3)}100%{opacity:0;transform:scale(0.8)}}[data-animation="orbital-resonance"] .demo-cell{overflow:visible;position:relative}[data-animation="orbital-resonance"] .demo-cell::before{content:'';position:absolute;inset:-4px;border:1px solid var(--color-accent);border-radius:50%;opacity:0;transform:scale(2);pointer-events:none}[data-animation="orbital-resonance"] .demo-cell .letter{position:relative;z-index:2}[data-animation="orbital-resonance"] .demo-cell .letter::before{content:'';position:absolute;top:50%;left:50%;width:3rem;height:3rem;margin-top:-1.5rem;margin-left:-1.5rem;border:1px solid var(--color-accent);border-radius:50%;opacity:0;transform:scale(1.6);pointer-events:none}[data-animation="orbital-resonance"] .demo-cell .letter::after{content:'';position:absolute;top:50%;left:50%;width:3rem;height:3rem;margin-top:-1.5rem;margin-left:-1.5rem;border:1px solid var(--color-accent);border-radius:50%;opacity:0;transform:scale(1.3);pointer-events:none}[data-animation="orbital-resonance"] .demo-cell::after{content:'';position:absolute;bottom:-2px;left:0;height:3px;width:100%;opacity:0}[data-animation="orbital-resonance"] .demo-cell[data-state="correct"]::after{background:var(--color-state-correct)}[data-animation="orbital-resonance"] .demo-cell[data-state="present"]::after{background:var(--color-state-present)}[data-animation="orbital-resonance"] .demo-cell[data-state="absent"]::after{background:var(--color-state-absent)}[data-animation="orbital-resonance"] .demo-cell.animate::before{animation:resonance-ring-outer 0.6s ease-out forwards}[data-animation="orbital-resonance"] .demo-cell.animate .letter::before{animation:resonance-ring-middle 0.5s ease-out 0.06s forwards}[data-animation="orbital-resonance"] .demo-cell.animate .letter::after{animation:resonance-ring-inner 0.4s ease-out 0.12s forwards}[data-animation="orbital-resonance"] .demo-cell.animate::after{animation:orbital-reveal 0.3s ease-out 0.4s forwards}@keyframes trail-ring-contract{0%{opacity:0.8;transform:scale(1.4) translateY(0);border-color:var(--color-accent)}60%{opacity:0.6;transform:scale(1) translateY(0);border-color:var(--trail-color, var(--color-accent))}80%{opacity:0.3;transform:scale(0.85) translateY(4px);border-color:var(--trail-color, var(--color-accent))}100%{opacity:0;transform:scale(0.7) translateY(8px);border-color:var(--trail-color, var(--color-accent))}}@keyframes trail-paint-underline{0%{width:0;left:50%;opacity:0;height:2px}30%{opacity:1;height:4px}100%{width:100%;left:0;opacity:1;height:3px}}[data-animation="orbital-trail"] .demo-cell{overflow:visible;position:relative}[data-animation="orbital-trail"] .demo-cell::before{content:'';position:absolute;inset:-6px;border:1.5px solid var(--color-accent);border-radius:50%;opacity:0;transform:scale(1.4);pointer-events:none}[data-animation="orbital-trail"] .demo-cell::after{content:'';position:absolute;bottom:-2px;left:50%;height:2px;width:0;opacity:0}[data-animation="orbital-trail"] .demo-cell[data-state="correct"]{--trail-color: var(--color-state-correct)}[data-animation="orbital-trail"] .demo-cell[data-state="correct"]::after{background:var(--color-state-correct)}[data-animation="orbital-trail"] .demo-cell[data-state="present"]{--trail-color: var(--color-state-present)}[data-animation="orbital-trail"] .demo-cell[data-state="present"]::after{background:var(--color-state-present)}[data-animation="orbital-trail"] .demo-cell[data-state="absent"]{--trail-color: var(--color-state-absent)}[data-animation="orbital-trail"] .demo-cell[data-state="absent"]::after{background:var(--color-state-absent)}[data-animation="orbital-trail"] .demo-cell.animate::before{animation:trail-ring-contract 0.55s var(--ease-smooth) forwards}[data-animation="orbital-trail"] .demo-cell.animate::after{animation:trail-paint-underline 0.4s var(--ease-smooth) 0.35s forwards}.demo-footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border)}.btn-back-home{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;color:var(--color-text-muted);text-decoration:none;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all 0.2s ease;font-family:var(--font-family-base)}.btn-back-home:hover{color:var(--color-text);border-color:var(--color-accent)}.btn-back-home:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.demo-cell.animate,.demo-cell.animate::before,.demo-cell.animate::after{animation:none !important}.demo-cell.animate::after{opacity:1 !important;width:100% !important}.demo-cell .cell-underline{animation:none !important;clip-path:inset(0) !important;opacity:1 !important}.demo-cell[data-state="absent"] .cell-underline{opacity:var(--ink-absent-opacity, 0.85) !important}.demo-cell .letter{animation:none !important}}@media (max-width: 520px){.animation-demo-page{padding:1.5rem 0.75rem}.demo-header{margin-bottom:2rem}.demo-header h1{font-size:1.5rem}.demo-header .demo-subtitle{font-size:0.875rem}.demo-grid{gap:1.5rem}.demo-card{padding:1.25rem}.demo-card h2{font-size:1.1rem}.demo-cell{width:2.5rem;height:2.5rem;font-size:1.5rem}.ink-demo-page .demo-grid-comparison{grid-template-columns:1fr}.demo-states-grid{grid-template-columns:1fr;gap:1rem}.demo-state-card{padding:1rem}.demo-state-card h3{font-size:0.9rem}.comparison-table{font-size:0.8rem}.comparison-cell{padding:0.5rem 0.75rem}}.v2-summary{--v2-correct: #0d9488;--v2-correct-light: #14b8a6;--v2-correct-glow: rgba(13, 148, 136, 0.3);--v2-present: #d97706;--v2-present-light: #f59e0b;--v2-present-glow: rgba(217, 119, 6, 0.3);--v2-absent: #94a3b8;--v2-primary: #0f766e;--v2-primary-light: #14b8a6;--v2-text: #1c1917;--v2-text-muted: #78716c;--v2-text-faded: #a8a29e;--v2-bg: #fafaf9}@media (prefers-color-scheme: dark){.v2-summary:not([data-theme="light"]){--v2-correct: #2dd4bf;--v2-correct-light: #5eead4;--v2-correct-glow: rgba(45, 212, 191, 0.4);--v2-present: #fbbf24;--v2-present-light: #fcd34d;--v2-present-glow: rgba(251, 191, 36, 0.4);--v2-absent: #64748b;--v2-bg: #0c0a09;--v2-text: #fafaf9;--v2-text-muted: #a8a29e;--v2-text-faded: #57534e}}[data-theme="dark"] .v2-summary{--v2-correct: #2dd4bf;--v2-correct-light: #5eead4;--v2-correct-glow: rgba(45, 212, 191, 0.4);--v2-present: #fbbf24;--v2-present-light: #fcd34d;--v2-present-glow: rgba(251, 191, 36, 0.4);--v2-absent: #64748b;--v2-bg: #0c0a09;--v2-text: #fafaf9;--v2-text-muted: #a8a29e;--v2-text-faded: #57534e}[data-theme="light"] .v2-summary{--v2-correct: #2dd4bf;--v2-correct-light: #5eead4;--v2-correct-glow: rgba(45, 212, 191, 0.4);--v2-present: #fbbf24;--v2-present-light: #fcd34d;--v2-present-glow: rgba(251, 191, 36, 0.4);--v2-absent: #64748b;--v2-bg: #0c0a09;--v2-text: #fafaf9;--v2-text-muted: #a8a29e;--v2-text-faded: #57534e}.v2-summary{position:relative;min-height:100vh;min-height:100dvh}.v2-summary::before{content:'';position:fixed;inset:0;background-image:var(--bg-image, none);background-size:cover;background-position:center;filter:brightness(0.45) contrast(1.05) saturate(0.9);z-index:-1}.v2-summary.v2-win{--bg-image: url("/static/images/bg/win.57518d484730.jpg")}.v2-summary.v2-lose{--bg-image: url("/static/images/bg/lose.1557cea5d404.jpg")}.v2-summary.v2-timed-out{--bg-image: url("/static/images/bg/play.d6d6e9c59dcf.jpg")}.v2-summary .top-bar-controls{position:fixed;top:1rem;z-index:10}.v2-summary .top-bar-controls.right{right:1rem}.v2-summary .top-bar-controls.left{left:1rem}.v2-summary .top-bar-controls .btn-icon,.v2-summary .top-bar-controls .btn-back,.v2-summary .top-bar-controls .btn-theme,.v2-summary .top-bar-controls .btn-theme-toggle,.v2-summary .top-bar-controls .btn-profile{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.85);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;cursor:pointer}.v2-summary .top-bar-controls .btn-icon:hover,.v2-summary .top-bar-controls .btn-back:hover,.v2-summary .top-bar-controls .btn-theme:hover,.v2-summary .top-bar-controls .btn-theme-toggle:hover,.v2-summary .top-bar-controls .btn-profile:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.2);color:#fafaf9}.v2-summary .game-heading-wrapper{position:relative;z-index:1;padding-top:1rem;text-align:center}.particle-shower{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.shower-particle{position:absolute;opacity:0}.shower-particle:nth-child(1){left:3.33%;top:-40px;width:12px;height:12px;border-radius:50%;background:var(--v2-present);box-shadow:0 0 12px var(--v2-present),0 0 36px var(--v2-present-glow);animation:v2-particle-drift-right 4.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) .04s forwards}.shower-particle:nth-child(2){left:6.66%;top:-40px;width:18px;height:18px;border-radius:50%;background:#f59e0b;box-shadow:0 0 18px #f59e0b,0 0 54px rgba(245,158,11,0.6);animation:v2-particle-flutter 4s ease-out .12s forwards}.shower-particle:nth-child(3){left:9.99%;top:-40px;width:15px;height:15px;border-radius:50%;background:var(--v2-primary);box-shadow:0 0 15px var(--v2-primary),0 0 37.5px rgba(15,118,110,0.5);animation:v2-particle-spiral 3.5s ease-out .09s forwards}.shower-particle:nth-child(4){left:13.32%;top:-40px;width:21px;height:21px;border-radius:50%;background:#fcd34d;box-shadow:0 0 21px #fcd34d,0 0 63px rgba(252,211,77,0.6);animation:v2-particle-fall-shimmer 3s ease-out .28s forwards}.shower-particle:nth-child(5){left:16.65%;top:-40px;width:27px;height:27px;border-radius:3px;transform:rotate(45deg);background:var(--v2-correct-light);box-shadow:0 0 27px var(--v2-correct-light),0 0 67.5px var(--v2-correct-glow);animation:v2-particle-drift-left 5s cubic-bezier(0.25, 0.46, 0.45, 0.94) .25s forwards}.shower-particle:nth-child(6){left:19.98%;top:-40px;width:6px;height:6px;border-radius:50%;background:var(--v2-correct);box-shadow:0 0 6px var(--v2-correct),0 0 18px var(--v2-correct-glow);animation:v2-particle-drift-right 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) .24s forwards}.shower-particle:nth-child(7){left:23.31%;top:-40px;width:12px;height:12px;border-radius:4px;background:var(--v2-present);box-shadow:0 0 12px var(--v2-present),0 0 36px var(--v2-present-glow);animation:v2-particle-flutter 5s ease-out .42s forwards}.shower-particle:nth-child(8){left:26.64%;top:-40px;width:18px;height:18px;border-radius:50%;background:#f59e0b;box-shadow:0 0 18px #f59e0b,0 0 54px rgba(245,158,11,0.6);animation:v2-particle-spiral 5.5s ease-out .24s forwards}.shower-particle:nth-child(9){left:29.97%;top:-40px;width:15px;height:15px;border-radius:50%;background:var(--v2-primary);box-shadow:0 0 15px var(--v2-primary),0 0 37.5px rgba(15,118,110,0.5);animation:v2-particle-fall-shimmer 4s ease-out .63s forwards}.shower-particle:nth-child(10){left:33.3%;top:-40px;width:21px;height:21px;border-radius:3px;transform:rotate(45deg);background:#fcd34d;box-shadow:0 0 21px #fcd34d,0 0 63px rgba(252,211,77,0.6);animation:v2-particle-drift-left 4s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s forwards}.shower-particle:nth-child(11){left:36.63%;top:-40px;width:27px;height:27px;border-radius:50%;background:var(--v2-correct-light);box-shadow:0 0 27px var(--v2-correct-light),0 0 67.5px var(--v2-correct-glow);animation:v2-particle-drift-right 4.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) .44s forwards}.shower-particle:nth-child(12){left:39.96%;top:-40px;width:6px;height:6px;border-radius:50%;background:var(--v2-correct);box-shadow:0 0 6px var(--v2-correct),0 0 18px var(--v2-correct-glow);animation:v2-particle-flutter 4s ease-out .72s forwards}.shower-particle:nth-child(13){left:43.29%;top:-40px;width:12px;height:12px;border-radius:50%;background:var(--v2-present);box-shadow:0 0 12px var(--v2-present),0 0 36px var(--v2-present-glow);animation:v2-particle-spiral 4.5s ease-out .39s forwards}.shower-particle:nth-child(14){left:46.62%;top:-40px;width:18px;height:18px;border-radius:4px;background:#f59e0b;box-shadow:0 0 18px #f59e0b,0 0 54px rgba(245,158,11,0.6);animation:v2-particle-fall-shimmer 3s ease-out .98s forwards}.shower-particle:nth-child(15){left:49.95%;top:-40px;width:15px;height:15px;border-radius:3px;transform:rotate(45deg);background:var(--v2-primary);box-shadow:0 0 15px var(--v2-primary),0 0 37.5px rgba(15,118,110,0.5);animation:v2-particle-drift-left 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .75s forwards}.shower-particle:nth-child(16){left:53.28%;top:-40px;width:21px;height:21px;border-radius:50%;background:#fcd34d;box-shadow:0 0 21px #fcd34d,0 0 63px rgba(252,211,77,0.6);animation:v2-particle-drift-right 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) .64s forwards}.shower-particle:nth-child(17){left:56.61%;top:-40px;width:27px;height:27px;border-radius:50%;background:var(--v2-correct-light);box-shadow:0 0 27px var(--v2-correct-light),0 0 67.5px var(--v2-correct-glow);animation:v2-particle-flutter 5s ease-out 1.02s forwards}.shower-particle:nth-child(18){left:59.94%;top:-40px;width:6px;height:6px;border-radius:50%;background:var(--v2-correct);box-shadow:0 0 6px var(--v2-correct),0 0 18px var(--v2-correct-glow);animation:v2-particle-spiral 3.5s ease-out .54s forwards}.shower-particle:nth-child(19){left:63.27%;top:-40px;width:12px;height:12px;border-radius:50%;background:var(--v2-present);box-shadow:0 0 12px var(--v2-present),0 0 36px var(--v2-present-glow);animation:v2-particle-fall-shimmer 4s ease-out 1.33s forwards}.shower-particle:nth-child(20){left:66.6%;top:-40px;width:18px;height:18px;border-radius:3px;transform:rotate(45deg);background:#f59e0b;box-shadow:0 0 18px #f59e0b,0 0 54px rgba(245,158,11,0.6);animation:v2-particle-drift-left 5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s forwards}.shower-particle:nth-child(21){left:69.93%;top:-40px;width:15px;height:15px;border-radius:4px;background:var(--v2-primary);box-shadow:0 0 15px var(--v2-primary),0 0 37.5px rgba(15,118,110,0.5);animation:v2-particle-drift-right 4.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) .84s forwards}.shower-particle:nth-child(22){left:73.26%;top:-40px;width:21px;height:21px;border-radius:50%;background:#fcd34d;box-shadow:0 0 21px #fcd34d,0 0 63px rgba(252,211,77,0.6);animation:v2-particle-flutter 4s ease-out 1.32s forwards}.shower-particle:nth-child(23){left:76.59%;top:-40px;width:27px;height:27px;border-radius:50%;background:var(--v2-correct-light);box-shadow:0 0 27px var(--v2-correct-light),0 0 67.5px var(--v2-correct-glow);animation:v2-particle-spiral 5.5s ease-out .69s forwards}.shower-particle:nth-child(24){left:79.92%;top:-40px;width:6px;height:6px;border-radius:50%;background:var(--v2-correct);box-shadow:0 0 6px var(--v2-correct),0 0 18px var(--v2-correct-glow);animation:v2-particle-fall-shimmer 3s ease-out 1.68s forwards}.shower-particle:nth-child(25){left:83.25%;top:-40px;width:12px;height:12px;border-radius:3px;transform:rotate(45deg);background:var(--v2-present);box-shadow:0 0 12px var(--v2-present),0 0 36px var(--v2-present-glow);animation:v2-particle-drift-left 4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.25s forwards}.shower-particle:nth-child(26){left:86.58%;top:-40px;width:18px;height:18px;border-radius:50%;background:#f59e0b;box-shadow:0 0 18px #f59e0b,0 0 54px rgba(245,158,11,0.6);animation:v2-particle-drift-right 3.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.04s forwards}.shower-particle:nth-child(27){left:89.91%;top:-40px;width:15px;height:15px;border-radius:50%;background:var(--v2-primary);box-shadow:0 0 15px var(--v2-primary),0 0 37.5px rgba(15,118,110,0.5);animation:v2-particle-flutter 5s ease-out 1.62s forwards}.shower-particle:nth-child(28){left:93.24%;top:-40px;width:21px;height:21px;border-radius:4px;background:#fcd34d;box-shadow:0 0 21px #fcd34d,0 0 63px rgba(252,211,77,0.6);animation:v2-particle-spiral 4.5s ease-out .84s forwards}.shower-particle:nth-child(29){left:96.57%;top:-40px;width:27px;height:27px;border-radius:50%;background:var(--v2-correct-light);box-shadow:0 0 27px var(--v2-correct-light),0 0 67.5px var(--v2-correct-glow);animation:v2-particle-fall-shimmer 4s ease-out 2.03s forwards}.shower-particle:nth-child(30){left:99.9%;top:-40px;width:6px;height:6px;border-radius:3px;transform:rotate(45deg);background:var(--v2-correct);box-shadow:0 0 6px var(--v2-correct),0 0 18px var(--v2-correct-glow);animation:v2-particle-drift-left 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s forwards}.burst-particle{position:absolute;top:35%;left:50%;border-radius:50%;opacity:0}.burst-particle:nth-child(31){width:12px;height:12px;background:var(--v2-present);box-shadow:0 0 24px var(--v2-present-glow);animation:v2-particle-burst 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.22s forwards;--burst-angle: 0deg;--burst-distance: 140px}.burst-particle:nth-child(32){width:16px;height:16px;background:#f59e0b;box-shadow:0 0 32px rgba(245,158,11,0.5);animation:v2-particle-burst 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.24s forwards;--burst-angle: 22.5deg;--burst-distance: 180px}.burst-particle:nth-child(33){width:20px;height:20px;background:var(--v2-correct-light);box-shadow:0 0 40px var(--v2-correct-glow);animation:v2-particle-burst 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.26s forwards;--burst-angle: 45deg;--burst-distance: 220px}.burst-particle:nth-child(34){width:8px;height:8px;background:var(--v2-correct);box-shadow:0 0 16px var(--v2-correct-glow);animation:v2-particle-burst 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.28s forwards;--burst-angle: 67.5deg;--burst-distance: 260px}.burst-particle:nth-child(35){width:12px;height:12px;background:var(--v2-present);box-shadow:0 0 24px var(--v2-present-glow);animation:v2-particle-burst 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards;--burst-angle: 90deg;--burst-distance: 100px}.burst-particle:nth-child(36){width:16px;height:16px;background:#f59e0b;box-shadow:0 0 32px rgba(245,158,11,0.5);animation:v2-particle-burst 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.32s forwards;--burst-angle: 112.5deg;--burst-distance: 140px}.burst-particle:nth-child(37){width:20px;height:20px;background:var(--v2-correct-light);box-shadow:0 0 40px var(--v2-correct-glow);animation:v2-particle-burst 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.34s forwards;--burst-angle: 135deg;--burst-distance: 180px}.burst-particle:nth-child(38){width:8px;height:8px;background:var(--v2-correct);box-shadow:0 0 16px var(--v2-correct-glow);animation:v2-particle-burst 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.36s forwards;--burst-angle: 157.5deg;--burst-distance: 220px}.burst-particle:nth-child(39){width:12px;height:12px;background:var(--v2-present);box-shadow:0 0 24px var(--v2-present-glow);animation:v2-particle-burst 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.38s forwards;--burst-angle: 180deg;--burst-distance: 260px}.burst-particle:nth-child(40){width:16px;height:16px;background:#f59e0b;box-shadow:0 0 32px rgba(245,158,11,0.5);animation:v2-particle-burst 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards;--burst-angle: 202.5deg;--burst-distance: 100px}.burst-particle:nth-child(41){width:20px;height:20px;background:var(--v2-correct-light);box-shadow:0 0 40px var(--v2-correct-glow);animation:v2-particle-burst 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.42s forwards;--burst-angle: 225deg;--burst-distance: 140px}.burst-particle:nth-child(42){width:8px;height:8px;background:var(--v2-correct);box-shadow:0 0 16px var(--v2-correct-glow);animation:v2-particle-burst 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.44s forwards;--burst-angle: 247.5deg;--burst-distance: 180px}.burst-particle:nth-child(43){width:12px;height:12px;background:var(--v2-present);box-shadow:0 0 24px var(--v2-present-glow);animation:v2-particle-burst 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.46s forwards;--burst-angle: 270deg;--burst-distance: 220px}.burst-particle:nth-child(44){width:16px;height:16px;background:#f59e0b;box-shadow:0 0 32px rgba(245,158,11,0.5);animation:v2-particle-burst 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.48s forwards;--burst-angle: 292.5deg;--burst-distance: 260px}.burst-particle:nth-child(45){width:20px;height:20px;background:var(--v2-correct-light);box-shadow:0 0 40px var(--v2-correct-glow);animation:v2-particle-burst 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards;--burst-angle: 315deg;--burst-distance: 100px}.burst-particle:nth-child(46){width:8px;height:8px;background:var(--v2-correct);box-shadow:0 0 16px var(--v2-correct-glow);animation:v2-particle-burst 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.52s forwards;--burst-angle: 337.5deg;--burst-distance: 140px}.sparkle-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:white;opacity:0}.sparkle-particle:nth-child(47){left:17%;top:26%;animation:v2-sparkle-twinkle 0.8s ease-in-out 0.42s infinite;box-shadow:0 0 8px white,0 0 16px rgba(255,255,255,0.7),0 0 24px rgba(255,255,255,0.4)}.sparkle-particle:nth-child(48){left:24%;top:37%;animation:v2-sparkle-twinkle 1s ease-in-out 0.54s infinite;box-shadow:0 0 8px white,0 0 16px rgba(255,255,255,0.7),0 0 24px rgba(255,255,255,0.4)}.sparkle-particle:nth-child(49){left:31%;top:48%;animation:v2-sparkle-twinkle 0.6s ease-in-out 0.66s infinite;box-shadow:0 0 8px white,0 0 16px rgba(255,255,255,0.7),0 0 24px rgba(255,255,255,0.4)}.sparkle-particle:nth-child(50){left:38%;top:59%;animation:v2-sparkle-twinkle 0.8s ease-in-out 0.78s infinite;box-shadow:0 0 8px white,0 0 16px rgba(255,255,255,0.7),0 0 24px rgba(255,255,255,0.4)}.sparkle-particle:nth-child(51){left:45%;top:70%;animation:v2-sparkle-twinkle 1s ease-in-out 0.9s infinite;box-shadow:0 0 8px white,0 0 16px rgba(255,255,255,0.7),0 0 24px rgba(255,255,255,0.4)}.sparkle-particle:nth-child(52){left:52%;top:16%;animation:v2-sparkle-twinkle 0.6s ease-in-out 1.02s infinite;box-shadow:0 0 8px white,0 0 16px rgba(255,255,255,0.7),0 0 24px rgba(255,255,255,0.4)}.sparkle-particle:nth-child(53){left:59%;top:27%;animation:v2-sparkle-twinkle 0.8s ease-in-out 1.14s infinite;box-shadow:0 0 8px white,0 0 16px rgba(255,255,255,0.7),0 0 24px rgba(255,255,255,0.4)}.sparkle-particle:nth-child(54){left:66%;top:38%;animation:v2-sparkle-twinkle 1s ease-in-out 1.26s infinite;box-shadow:0 0 8px white,0 0 16px rgba(255,255,255,0.7),0 0 24px rgba(255,255,255,0.4)}.sparkle-particle:nth-child(55){left:73%;top:49%;animation:v2-sparkle-twinkle 0.6s ease-in-out 1.38s infinite;box-shadow:0 0 8px white,0 0 16px rgba(255,255,255,0.7),0 0 24px rgba(255,255,255,0.4)}.sparkle-particle:nth-child(56){left:80%;top:60%;animation:v2-sparkle-twinkle 0.8s ease-in-out 1.5s infinite;box-shadow:0 0 8px white,0 0 16px rgba(255,255,255,0.7),0 0 24px rgba(255,255,255,0.4)}.sparkle-particle:nth-child(57){left:87%;top:71%;animation:v2-sparkle-twinkle 1s ease-in-out 1.62s infinite;box-shadow:0 0 8px white,0 0 16px rgba(255,255,255,0.7),0 0 24px rgba(255,255,255,0.4)}.sparkle-particle:nth-child(58){left:14%;top:17%;animation:v2-sparkle-twinkle 0.6s ease-in-out 1.74s infinite;box-shadow:0 0 8px white,0 0 16px rgba(255,255,255,0.7),0 0 24px rgba(255,255,255,0.4)}.ambient-particles{position:fixed;inset:0;pointer-events:none;z-index:0}.ambient-particle{position:absolute;border-radius:50%;background:rgba(255,255,255,0.4)}.ambient-particle:nth-child(1){left:12%;bottom:16%;width:4.5px;height:4.5px;box-shadow:0 0 9px rgba(255,255,255,0.3);animation:v2-ambient-drift-diagonal 11s ease-in-out .4s infinite;opacity:0.25}.ambient-particle:nth-child(2){left:19%;bottom:27%;width:6px;height:6px;box-shadow:0 0 12px rgba(255,255,255,0.3);animation:v2-ambient-float 9s ease-in-out 1.2s infinite;opacity:0.35}.ambient-particle:nth-child(3){left:26%;bottom:38%;width:7.5px;height:7.5px;box-shadow:0 0 15px rgba(255,255,255,0.3);animation:v2-ambient-drift-up 11s ease-in-out 1.5s infinite;opacity:0.45}.ambient-particle:nth-child(4){left:33%;bottom:49%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.3);animation:v2-ambient-drift-diagonal 11s ease-in-out 1.6s infinite;opacity:0.55}.ambient-particle:nth-child(5){left:40%;bottom:60%;width:4.5px;height:4.5px;box-shadow:0 0 9px rgba(255,255,255,0.3);animation:v2-ambient-float 7s ease-in-out 3s infinite;opacity:0.15}.ambient-particle:nth-child(6){left:47%;bottom:71%;width:6px;height:6px;box-shadow:0 0 12px rgba(255,255,255,0.3);animation:v2-ambient-drift-up 10s ease-in-out 3s infinite;opacity:0.25}.ambient-particle:nth-child(7){left:54%;bottom:82%;width:7.5px;height:7.5px;box-shadow:0 0 15px rgba(255,255,255,0.3);animation:v2-ambient-drift-diagonal 11s ease-in-out 2.8s infinite;opacity:0.35}.ambient-particle:nth-child(8){left:61%;bottom:13%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.3);animation:v2-ambient-float 10s ease-in-out 4.8s infinite;opacity:0.45}.ambient-particle:nth-child(9){left:68%;bottom:24%;width:4.5px;height:4.5px;box-shadow:0 0 9px rgba(255,255,255,0.3);animation:v2-ambient-drift-up 9s ease-in-out 4.5s infinite;opacity:0.55}.ambient-particle:nth-child(10){left:75%;bottom:35%;width:6px;height:6px;box-shadow:0 0 12px rgba(255,255,255,0.3);animation:v2-ambient-drift-diagonal 11s ease-in-out 4s infinite;opacity:0.15}.ambient-particle:nth-child(11){left:82%;bottom:46%;width:7.5px;height:7.5px;box-shadow:0 0 15px rgba(255,255,255,0.3);animation:v2-ambient-float 8s ease-in-out 6.6s infinite;opacity:0.25}.ambient-particle:nth-child(12){left:89%;bottom:57%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.3);animation:v2-ambient-drift-up 8s ease-in-out 6s infinite;opacity:0.35}.ambient-particle:nth-child(13){left:6%;bottom:68%;width:4.5px;height:4.5px;box-shadow:0 0 9px rgba(255,255,255,0.3);animation:v2-ambient-drift-diagonal 11s ease-in-out 5.2s infinite;opacity:0.45}.ambient-particle:nth-child(14){left:13%;bottom:79%;width:6px;height:6px;box-shadow:0 0 12px rgba(255,255,255,0.3);animation:v2-ambient-float 11s ease-in-out 8.4s infinite;opacity:0.55}.ambient-particle:nth-child(15){left:20%;bottom:10%;width:7.5px;height:7.5px;box-shadow:0 0 15px rgba(255,255,255,0.3);animation:v2-ambient-drift-up 11s ease-in-out 7.5s infinite;opacity:0.15}.zen-ripples{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:200px;height:200px;pointer-events:none;z-index:0}.ripple-ring{position:absolute;top:50%;left:50%;width:60px;height:60px;border:1px solid rgba(255,255,255,0.15);border-radius:50%;transform:translate(-50%, -50%)}.ripple-ring:nth-child(1){animation:v2-ripple-expand 4s ease-out 0.5s infinite}.ripple-ring:nth-child(2){animation:v2-ripple-expand 4s ease-out 1.5s infinite}.ripple-ring:nth-child(3){animation:v2-ripple-expand 4s ease-out 2.5s infinite}.v2-summary .summary-result-card{background:rgba(255,255,255,0.06);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.12);box-shadow:0 12px 48px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.15);position:relative;z-index:1}.v2-summary .summary-card{background:rgba(255,255,255,0.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.08);position:relative;z-index:1}.v2-summary .summary-navigation,.v2-summary .summary-share-section,.v2-summary .summary-recovery-reminder{position:relative;z-index:1}.v2-summary .summary-share-section .share-controls{display:flex;align-items:center;justify-content:center;gap:0.5rem}.v2-summary .summary-share-section .btn-share{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;border:1px solid rgba(255,255,255,0.15);border-radius:12px;cursor:pointer;font-size:0.9rem;font-family:inherit;font-weight:500;line-height:1;transition:all 0.2s ease;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.7)}.v2-summary .summary-share-section .btn-share:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.25);color:rgba(255,255,255,0.9)}.v2-summary .summary-share-section .btn-share.btn-primary{background:linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);border-color:transparent;color:#ffffff}.v2-summary .summary-share-section .btn-share.btn-primary:hover{background:linear-gradient(135deg, #14b8a6 0%, #0d9488 100%)}.v2-summary .summary-share-section .btn-share-mode{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,0.15);border-radius:10px;cursor:pointer;font-size:1rem;line-height:1;transition:all 0.2s ease;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.7)}.v2-summary .summary-share-section .btn-share-mode:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.25);color:rgba(255,255,255,0.9)}.v2-summary .btn-help-icon{color:rgba(255,255,255,0.5)}.v2-summary .btn-help-icon:hover{color:#fafaf9}.v2-summary.v2-win .trophy-container{position:relative;width:160px;height:160px;margin:0 auto 1.5rem;z-index:1}.v2-summary.v2-win .trophy-container .trophy-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.5);z-index:10;font-size:3.5rem;color:#f59e0b;animation:v2-trophy-hero-entrance 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards,v2-trophy-hero-float 4s ease-in-out 1s infinite;opacity:0;filter:drop-shadow(0 0 30px rgba(245,158,11,0.6)) drop-shadow(0 0 60px rgba(245,158,11,0.3))}.v2-summary.v2-win .trophy-container .o-signature-ring{position:absolute;top:50%;left:50%;width:100px;height:100px;border:3px solid var(--v2-primary);border-radius:50%;transform:translate(-50%, -50%) scale(0);animation:v2-o-ring-reveal 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s forwards,v2-o-ring-pulse 3s ease-in-out 1.1s infinite;box-shadow:0 0 20px var(--v2-primary),0 0 40px rgba(45,212,191,0.4),inset 0 0 20px rgba(45,212,191,0.2);z-index:3}.v2-summary.v2-win .trophy-container .o-signature-ring.o-ring-2{width:130px;height:130px;border-width:2px;opacity:0.5;animation-delay:0.5s, 1.3s}.v2-summary.v2-win .trophy-container .orbit-ring-container{position:absolute;top:50%;left:50%;width:140px;height:140px;transform:translate(-50%, -50%);animation:v2-orbit-spin 8s linear infinite;z-index:4}.v2-summary.v2-win .trophy-container .orbit-ring{position:absolute;inset:0;border:1px dashed rgba(45,212,191,0.3);border-radius:50%;animation:v2-orbit-ring-fade-in 1s ease-out 0.6s forwards;opacity:0}.v2-summary.v2-win .trophy-container .orbit-dot{position:absolute;top:0;left:50%;width:8px;height:8px;background:var(--v2-primary);border-radius:50%;transform:translateX(-50%) translateY(-50%);box-shadow:0 0 10px var(--v2-primary),0 0 20px var(--v2-primary);animation:v2-orbit-dot-fade-in 1s ease-out 0.8s forwards;opacity:0}.v2-summary.v2-win .trophy-container .trophy-glow{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100px;height:100px;background:radial-gradient(circle, rgba(245,158,11,0.5) 0%, transparent 70%);border-radius:50%;animation:v2-glow-pulse-intense 2s ease-in-out 0.5s infinite;z-index:1;opacity:0}.v2-summary.v2-win .trophy-container .trophy-glow-intense{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:180px;height:180px;background:radial-gradient(circle, rgba(245,158,11,0.3) 0%, rgba(45,212,191,0.15) 40%, transparent 70%);border-radius:50%;animation:v2-glow-breathe 4s ease-in-out 0.3s infinite;z-index:0;opacity:0}.v2-summary.v2-win .trophy-container .orbital-burst{position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid var(--v2-correct);border-radius:50%;transform:translate(-50%, -50%);animation:v2-orbital-expand-hero 1.8s ease-out forwards;opacity:0}.v2-summary.v2-win .trophy-container .orbital-burst.delay-1{animation-delay:0.15s;border-color:var(--v2-primary)}.v2-summary.v2-win .trophy-container .orbital-burst.delay-2{animation-delay:0.3s;border-color:var(--v2-present)}.v2-summary.v2-win .trophy-container .orbital-burst.delay-3{animation-delay:0.45s;border-color:var(--v2-correct);border-width:1px}.v2-summary.v2-win .trophy-container .orbital-burst.delay-4{animation-delay:0.6s;border-color:var(--v2-primary);border-width:1px}.v2-summary.v2-win .celebration-text{font-family:var(--font-family-display);font-size:2rem;font-weight:700;margin-bottom:0.75rem;position:relative;z-index:1;text-align:center}.v2-summary.v2-win .celebration-text .char{display:inline-block;background:linear-gradient(135deg, var(--v2-correct) 0%, var(--v2-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:v2-char-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;opacity:0;transform:translateY(20px) scale(0.8)}.v2-summary.v2-win .celebration-text .char:nth-child(1){animation-delay:0.55s}.v2-summary.v2-win .celebration-text .char:nth-child(2){animation-delay:0.6s}.v2-summary.v2-win .celebration-text .char:nth-child(3){animation-delay:0.65s}.v2-summary.v2-win .celebration-text .char:nth-child(4){animation-delay:0.7s}.v2-summary.v2-win .celebration-text .char:nth-child(5){animation-delay:0.75s}.v2-summary.v2-win .celebration-text .char:nth-child(6){animation-delay:0.8s}.v2-summary.v2-win .celebration-text .char:nth-child(7){animation-delay:0.85s}.v2-summary.v2-win .celebration-text .char:nth-child(8){animation-delay:0.9s}.v2-summary.v2-win .celebration-text .char:nth-child(9){animation-delay:0.95s}.v2-summary.v2-win .celebration-text .char:nth-child(10){animation-delay:1s}.v2-summary.v2-win .word-reveal-animated{font-family:var(--font-family-display);font-size:1.75rem;font-weight:700;color:var(--v2-correct);margin:1rem 0;text-transform:uppercase;display:inline-block;position:relative;z-index:1;animation:v2-word-expand 0.8s ease-out 1.2s forwards;letter-spacing:-0.1em;opacity:0;text-shadow:0 0 30px var(--v2-correct-glow)}.v2-summary.v2-win .word-reveal-animated::after{content:'';position:absolute;bottom:-4px;left:50%;width:0;height:4px;background:var(--v2-correct);animation:v2-underline-draw 0.5s ease-out 1.6s forwards}.v2-summary.v2-win .result-icon{display:none}.v2-summary.v2-win .result-message{display:none}.v2-summary.v2-win .result-word{text-align:center}.v2-summary.v2-win .result-word .word-label{display:block;font-size:0.75rem;color:var(--v2-text-muted);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.5rem;animation:v2-stats-fade-in 0.5s ease-out 1s forwards;opacity:0}.v2-summary.v2-win .result-word .word-value{display:none}.v2-summary.v2-lose .zen-icon-container{font-size:3rem;color:var(--v2-text-muted);margin:0 auto 1.5rem;position:relative;z-index:1;width:80px;height:80px;display:flex;align-items:center;justify-content:center;animation:v2-zen-icon-entrance 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards,v2-gentle-breathe 4s ease-in-out 1s infinite;opacity:0}.v2-summary.v2-lose .zen-icon-container .zen-glow{position:absolute;top:50%;left:50%;width:80px;height:80px;background:radial-gradient(circle, rgba(148,163,184,0.2) 0%, transparent 70%);border-radius:50%;transform:translate(-50%, -50%);animation:v2-zen-glow-pulse 3s ease-in-out 1s infinite}.v2-summary.v2-lose .zen-icon-container i{position:relative;filter:drop-shadow(0 0 20px rgba(148,163,184,0.4))}.v2-summary.v2-lose .encouragement-text{margin-bottom:1.5rem;position:relative;z-index:1;text-align:center}.v2-summary.v2-lose .encouragement-text .line{display:block;color:var(--v2-text);opacity:0}.v2-summary.v2-lose .encouragement-text .line.line-1{font-family:var(--font-family-display);font-size:1.5rem;font-weight:600;margin-bottom:0.5rem;animation:v2-line-enter 0.6s ease-out 0.5s forwards}.v2-summary.v2-lose .encouragement-text .line.line-2{font-size:0.9375rem;color:var(--v2-text-muted);animation:v2-line-enter 0.6s ease-out 0.8s forwards}.v2-summary.v2-lose .word-reveal-section{text-align:center;margin-bottom:1.5rem;position:relative;z-index:1;animation:v2-word-reveal-pause 2s cubic-bezier(0.22, 1, 0.36, 1) 1.2s forwards;opacity:0}.v2-summary.v2-lose .word-reveal-section .reveal-label{font-size:0.75rem;color:var(--v2-text-muted);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.75rem}.v2-summary.v2-lose .word-reveal-section .word-large{font-family:var(--font-family-display);font-size:2rem;font-weight:700;letter-spacing:0.25em;color:var(--v2-primary);text-transform:uppercase;display:block;margin-bottom:1rem;position:relative}.v2-summary.v2-lose .word-reveal-section .word-large .word-char{display:inline-block;opacity:0;animation:v2-char-reveal-lose 0.5s ease-out forwards;border-bottom:3px solid var(--v2-primary);padding-bottom:0.3rem;margin:0 0.08em;text-shadow:0 0 20px var(--v2-correct-glow);position:relative}.v2-summary.v2-lose .word-reveal-section .word-large .word-char:nth-child(1){animation-delay:2.95s}.v2-summary.v2-lose .word-reveal-section .word-large .word-char:nth-child(2){animation-delay:3.1s}.v2-summary.v2-lose .word-reveal-section .word-large .word-char:nth-child(3){animation-delay:3.25s}.v2-summary.v2-lose .word-reveal-section .word-large .word-char:nth-child(4){animation-delay:3.4s}.v2-summary.v2-lose .word-reveal-section .word-large .word-char:nth-child(5){animation-delay:3.55s}.v2-summary.v2-lose .word-reveal-section .word-large .word-char:nth-child(6){animation-delay:3.7s}.v2-summary.v2-lose .word-reveal-section .word-large .word-char:nth-child(7){animation-delay:3.85s}.v2-summary.v2-lose .word-reveal-section .word-large .word-char:nth-child(8){animation-delay:4s}.v2-summary.v2-lose .word-reveal-section .word-definition{font-size:0.9rem;color:var(--v2-text-muted);line-height:1.75;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.1);font-style:italic;animation:v2-definition-reveal 0.6s ease-out 4.5s forwards;opacity:0;transform:translateY(8px)}.v2-summary.v2-lose .result-icon{display:none}.v2-summary.v2-lose .result-message{display:none}.v2-summary.v2-lose .result-word{display:none}@keyframes v2-particle-fall-shimmer{0%{opacity:0;transform:translateY(0) scale(0.5)}8%{opacity:1;transform:translateY(30px) scale(1.2)}15%{transform:translateY(80px) scale(1)}100%{opacity:0;transform:translateY(100vh) scale(0.8) rotate(180deg)}}@keyframes v2-particle-drift-left{0%{opacity:0;transform:translate(0, 0) rotate(0deg)}10%{opacity:1;transform:translate(-10px, 40px) rotate(30deg)}30%{transform:translate(-40px, 150px) rotate(90deg)}60%{transform:translate(-80px, 400px) rotate(200deg)}100%{opacity:0;transform:translate(-120px, 100vh) rotate(360deg)}}@keyframes v2-particle-drift-right{0%{opacity:0;transform:translate(0, 0) rotate(0deg)}10%{opacity:1;transform:translate(15px, 50px) rotate(-40deg)}30%{transform:translate(50px, 180px) rotate(-100deg)}60%{transform:translate(90px, 450px) rotate(-220deg)}100%{opacity:0;transform:translate(130px, 100vh) rotate(-380deg)}}@keyframes v2-particle-flutter{0%{opacity:0;transform:translate(0, 0) rotate(0deg)}5%{opacity:1;transform:translate(0, 20px) rotate(15deg)}20%{transform:translate(-30px, 120px) rotate(-45deg)}40%{transform:translate(25px, 280px) rotate(60deg)}60%{transform:translate(-20px, 450px) rotate(-30deg)}80%{transform:translate(15px, 650px) rotate(45deg)}100%{opacity:0;transform:translate(-10px, 100vh) rotate(-20deg)}}@keyframes v2-particle-spiral{0%{opacity:0;transform:translate(0, 0) rotate(0deg) scale(0.3)}8%{opacity:1;transform:translate(20px, 30px) rotate(45deg) scale(1.1)}25%{transform:translate(-25px, 150px) rotate(135deg) scale(1)}50%{transform:translate(30px, 350px) rotate(270deg) scale(0.9)}75%{transform:translate(-20px, 550px) rotate(405deg) scale(0.8)}100%{opacity:0;transform:translate(15px, 100vh) rotate(540deg) scale(0.5)}}@keyframes v2-particle-burst{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--burst-angle)) translateX(0) scale(0)}15%{opacity:1;transform:translate(-50%, -50%) rotate(var(--burst-angle)) translateX(calc(var(--burst-distance) * 0.4)) scale(1.5)}40%{opacity:1;transform:translate(-50%, -50%) rotate(var(--burst-angle)) translateX(var(--burst-distance)) scale(1)}100%{opacity:0;transform:translate(-50%, -50%) rotate(var(--burst-angle)) translateX(calc(var(--burst-distance) * 1.5)) translateY(80px) scale(0.5)}}@keyframes v2-sparkle-twinkle{0%,100%{opacity:0;transform:scale(0.5)}50%{opacity:1;transform:scale(1.2)}}@keyframes v2-ambient-float{0%,100%{transform:translateY(0) translateX(0);opacity:0.3}25%{transform:translateY(-30px) translateX(10px);opacity:0.5}50%{transform:translateY(-50px) translateX(-5px);opacity:0.3}75%{transform:translateY(-30px) translateX(-10px);opacity:0.5}}@keyframes v2-ambient-drift-up{0%,100%{transform:translateY(0) translateX(0);opacity:0.2}50%{transform:translateY(-60px) translateX(5px);opacity:0.5}}@keyframes v2-ambient-drift-diagonal{0%,100%{transform:translate(0, 0);opacity:0.25}33%{transform:translate(20px, -40px);opacity:0.45}66%{transform:translate(-15px, -70px);opacity:0.35}}@keyframes v2-ripple-expand{0%{transform:translate(-50%, -50%) scale(1);opacity:0.3}100%{transform:translate(-50%, -50%) scale(3);opacity:0}}@keyframes v2-trophy-hero-entrance{0%{opacity:0;transform:translate(-50%, -50%) scale(0.3) rotate(-10deg);filter:drop-shadow(0 0 0 rgba(245,158,11,0))}50%{opacity:1;transform:translate(-50%, -50%) scale(1.2) rotate(5deg);filter:drop-shadow(0 0 60px rgba(245,158,11,0.8))}100%{opacity:1;transform:translate(-50%, -50%) scale(1) rotate(0deg);filter:drop-shadow(0 0 30px rgba(245,158,11,0.6)) drop-shadow(0 0 60px rgba(245,158,11,0.3))}}@keyframes v2-trophy-hero-float{0%,100%{transform:translate(-50%, -50%) translateY(0)}50%{transform:translate(-50%, -50%) translateY(-10px)}}@keyframes v2-o-ring-reveal{0%{transform:translate(-50%, -50%) scale(0);opacity:0}60%{transform:translate(-50%, -50%) scale(1.1);opacity:1}100%{transform:translate(-50%, -50%) scale(1);opacity:1}}@keyframes v2-o-ring-pulse{0%,100%{box-shadow:0 0 20px var(--v2-primary),0 0 40px rgba(45,212,191,0.4),inset 0 0 20px rgba(45,212,191,0.2)}50%{box-shadow:0 0 30px var(--v2-primary),0 0 60px rgba(45,212,191,0.5),inset 0 0 30px rgba(45,212,191,0.3)}}@keyframes v2-orbit-spin{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes v2-orbit-ring-fade-in{from{opacity:0}to{opacity:1}}@keyframes v2-orbit-dot-fade-in{from{opacity:0}to{opacity:1}}@keyframes v2-glow-pulse-intense{0%{opacity:0;transform:translate(-50%, -50%) scale(0.8)}20%{opacity:0.8}50%{opacity:1;transform:translate(-50%, -50%) scale(1.3)}100%{opacity:0.6;transform:translate(-50%, -50%) scale(1)}}@keyframes v2-glow-breathe{0%{opacity:0;transform:translate(-50%, -50%) scale(0.9)}30%{opacity:0.7}50%{opacity:0.9;transform:translate(-50%, -50%) scale(1.1)}100%{opacity:0.5;transform:translate(-50%, -50%) scale(1)}}@keyframes v2-orbital-expand-hero{0%{opacity:0.9;width:20px;height:20px;border-width:3px}50%{opacity:0.6}100%{opacity:0;width:250px;height:250px;border-width:1px}}@keyframes v2-char-pop{0%{opacity:0;transform:translateY(20px) scale(0.8)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes v2-word-expand{0%{letter-spacing:-0.1em;opacity:0}100%{letter-spacing:0.15em;opacity:1}}@keyframes v2-underline-draw{0%{width:0;left:50%}100%{width:100%;left:0}}@keyframes v2-stats-fade-in{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes v2-zen-icon-entrance{0%{opacity:0;transform:translateY(-15px) scale(0.8)}60%{opacity:1;transform:translateY(3px) scale(1.05)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes v2-zen-glow-pulse{0%,100%{transform:translate(-50%, -50%) scale(1);opacity:0.3}50%{transform:translate(-50%, -50%) scale(1.2);opacity:0.5}}@keyframes v2-gentle-breathe{0%,100%{opacity:0.7;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes v2-line-enter{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}@keyframes v2-definition-reveal{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}@keyframes v2-word-reveal-pause{0%{opacity:0;transform:scale(0.96);filter:blur(4px)}70%{opacity:0;transform:scale(0.96);filter:blur(4px)}100%{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes v2-char-reveal-lose{0%{opacity:0;transform:translateY(12px);color:var(--v2-text-muted)}60%{opacity:0.7;transform:translateY(2px);color:var(--v2-text-muted)}100%{opacity:1;transform:translateY(0);color:var(--v2-primary)}}[data-theme="light"] .v2-summary{background:var(--v2-bg-light);--v2-correct: #0d9488;--v2-correct-light: #0f766e;--v2-correct-glow: rgba(13, 148, 136, 0.2);--v2-present: #d97706;--v2-present-light: #b45309;color:var(--v2-text-light)}[data-theme="light"] .v2-summary::before{filter:brightness(1) saturate(0.85)}[data-theme="light"] .v2-summary.v2-win{--bg-image: url("/static/images/bg/win-light.35e2893b1878.jpg")}[data-theme="light"] .v2-summary.v2-lose{--bg-image: url("/static/images/bg/lose-light.0fcee93edc1a.jpg")}[data-theme="light"] .v2-summary.v2-timed-out{--bg-image: url("/static/images/bg/play-light.35e2893b1878.jpg")}[data-theme="light"] .v2-summary .summary-result-card{background:rgba(255,255,255,0.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--v2-border-light);box-shadow:0 8px 32px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.9)}[data-theme="light"] .v2-summary .summary-card{background:rgba(255,255,255,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-border-light)}[data-theme="light"] .v2-summary .summary-header-card{background:rgba(255,255,255,0.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-border-light);box-shadow:0 4px 16px rgba(0,0,0,0.06)}[data-theme="light"] .v2-summary .summary-header-card .stat-label{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-summary .summary-header-card .stat-value{color:var(--v2-text-light)}[data-theme="light"] .v2-summary .summary-stats-section{background:rgba(255,255,255,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-border-light)}[data-theme="light"] .v2-summary .summary-stats-section .stats-label{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-summary .summary-stats-section .stats-value{color:var(--v2-text-light)}[data-theme="light"] .v2-summary .attempts-section{background:rgba(255,255,255,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-border-light)}[data-theme="light"] .v2-summary .attempts-section th{color:var(--v2-text-muted-light);border-bottom-color:var(--v2-border-light)}[data-theme="light"] .v2-summary .attempts-section td{color:var(--v2-text-light);border-bottom-color:var(--v2-border-light)}[data-theme="light"] .v2-summary .summary-navigation .btn-nav{background:rgba(0,0,0,0.04);border-color:var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-summary .summary-navigation .btn-nav:hover{background:rgba(0,0,0,0.08);border-color:var(--v2-border-strong-light);color:var(--v2-text-light)}[data-theme="light"] .v2-summary .summary-share-section .share-controls{display:flex;align-items:center;justify-content:center;gap:0.5rem}[data-theme="light"] .v2-summary .summary-share-section .btn-share{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;border:1px solid var(--v2-border-light);border-radius:12px;cursor:pointer;font-size:0.9rem;font-family:inherit;font-weight:500;line-height:1;transition:all 0.2s ease;background:rgba(0,0,0,0.04);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-summary .summary-share-section .btn-share:hover{background:rgba(0,0,0,0.08);border-color:var(--v2-border-strong-light);color:var(--v2-text-light)}[data-theme="light"] .v2-summary .summary-share-section .btn-share.btn-primary{background:linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);border-color:transparent;color:#ffffff}[data-theme="light"] .v2-summary .summary-share-section .btn-share.btn-primary:hover{background:linear-gradient(135deg, #14b8a6 0%, #0d9488 100%)}[data-theme="light"] .v2-summary .summary-share-section .btn-share-mode{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--v2-border-light);border-radius:10px;cursor:pointer;font-size:1rem;line-height:1;transition:all 0.2s ease;background:rgba(0,0,0,0.04);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-summary .summary-share-section .btn-share-mode:hover{background:rgba(0,0,0,0.08);border-color:var(--v2-border-strong-light);color:var(--v2-text-light)}[data-theme="light"] .v2-summary .summary-recovery-reminder{background:rgba(13,148,136,0.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(13,148,136,0.2)}[data-theme="light"] .v2-summary .summary-recovery-reminder h4{color:var(--v2-text-light)}[data-theme="light"] .v2-summary .summary-recovery-reminder p{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-summary .summary-recovery-reminder .btn{background:rgba(13,148,136,0.15);border-color:rgba(13,148,136,0.3);color:var(--v2-correct-light)}[data-theme="light"] .v2-summary .summary-recovery-reminder .btn:hover{background:rgba(13,148,136,0.25);border-color:rgba(13,148,136,0.4)}[data-theme="light"] .v2-summary .top-bar-controls .btn-icon,[data-theme="light"] .v2-summary .top-bar-controls .btn-back,[data-theme="light"] .v2-summary .top-bar-controls .btn-theme,[data-theme="light"] .v2-summary .top-bar-controls .btn-theme-toggle,[data-theme="light"] .v2-summary .top-bar-controls .btn-profile{background:rgba(0,0,0,0.04);border-color:var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-summary .top-bar-controls .btn-icon:hover,[data-theme="light"] .v2-summary .top-bar-controls .btn-back:hover,[data-theme="light"] .v2-summary .top-bar-controls .btn-theme:hover,[data-theme="light"] .v2-summary .top-bar-controls .btn-theme-toggle:hover,[data-theme="light"] .v2-summary .top-bar-controls .btn-profile:hover{background:rgba(0,0,0,0.08);border-color:var(--v2-border-strong-light);color:var(--v2-text-light)}[data-theme="light"] .v2-summary .toast{background:rgba(255,255,255,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-border-light);color:var(--v2-text-light);box-shadow:0 4px 20px rgba(0,0,0,0.1)}[data-theme="light"] .v2-summary .page-footer{color:var(--v2-text-faded-light)}[data-theme="light"] .v2-summary .page-footer a{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-summary .page-footer a:hover{color:var(--v2-text-light)}[data-theme="light"] .v2-summary .page-footer .btn-help-icon{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-summary .page-footer .btn-help-icon:hover{color:var(--v2-text-light)}[data-theme="light"] .v2-summary .trophy-container .trophy-glow,[data-theme="light"] .v2-summary .trophy-container .trophy-glow-intense{filter:blur(40px);opacity:0.3}[data-theme="light"] .v2-summary .zen-icon-container .zen-glow{opacity:0.2}[data-theme="light"] .v2-summary .shower-particle,[data-theme="light"] .v2-summary .burst-particle,[data-theme="light"] .v2-summary .sparkle-particle{background:var(--v2-particle-light);box-shadow:var(--v2-particle-shadow-light)}[data-theme="light"] .v2-summary .ambient-particle{background:var(--v2-particle-light);box-shadow:var(--v2-particle-shadow-light)}[data-theme="light"] .summary-ambient-particles .ambient-particle{background:var(--v2-particle-light);box-shadow:var(--v2-particle-shadow-light)}.shower-particle,.burst-particle,.sparkle-particle,.ambient-particle,.ripple-ring,.trophy-container .trophy-icon,.trophy-container .o-signature-ring,.trophy-container .orbit-ring-container,.trophy-container .trophy-glow,.trophy-container .trophy-glow-intense,.trophy-container .orbital-burst,.celebration-text .char,.word-reveal-animated,.zen-icon-container,.encouragement-text .line,.word-reveal-section,.word-reveal-section .word-char{will-change:transform, opacity}@media (max-width: 768px){.shower-particle:nth-child(n+16){display:none}.burst-particle:nth-child(n+39){display:none}.sparkle-particle:nth-child(n+53){display:none}.ambient-particle:nth-child(n+11){display:none}.v2-summary.v2-win .trophy-container{width:140px;height:140px}.v2-summary.v2-win .trophy-container .trophy-icon{font-size:2.75rem}.v2-summary.v2-win .trophy-container .o-signature-ring{width:80px;height:80px}.v2-summary.v2-win .trophy-container .o-signature-ring.o-ring-2{width:110px;height:110px}.v2-summary.v2-win .trophy-container .orbit-ring-container{width:120px;height:120px}.v2-summary.v2-win .trophy-container .trophy-glow-intense{width:150px;height:150px}.v2-summary.v2-win .celebration-text{font-size:1.5rem}.v2-summary.v2-win .word-reveal-animated{font-size:1.5rem}.v2-summary.v2-lose .zen-icon-container{font-size:2.5rem;width:70px;height:70px}.v2-summary.v2-lose .encouragement-text .line-1{font-size:1.25rem}.v2-summary.v2-lose .word-reveal-section .word-large{font-size:1.5rem}}@media (max-width: 480px){.v2-summary .summary-container{padding:1rem}.v2-summary .summary-card{padding:1.25rem;border-radius:14px}.v2-summary.v2-win .trophy-container{width:120px;height:120px}.v2-summary.v2-win .trophy-container .trophy-icon{font-size:2.5rem}.v2-summary.v2-win .celebration-text{font-size:1.375rem}.v2-summary.v2-lose .zen-icon-container{font-size:2.25rem;width:60px;height:60px}.shower-particle:nth-child(n+10){display:none}.burst-particle:nth-child(n+35){display:none}.ambient-particle:nth-child(n+7){display:none}}@media (max-width: 400px){.v2-summary .summary-container{padding:0.75rem}.v2-summary .summary-card{padding:1rem;border-radius:12px}.v2-summary .summary-stats{gap:0.75rem}.v2-summary.v2-win .trophy-container{width:100px;height:100px}.v2-summary.v2-win .trophy-container .trophy-icon{font-size:2rem}.v2-summary.v2-win .trophy-container .o-signature-ring{width:60px;height:60px}.v2-summary.v2-win .trophy-container .o-signature-ring.o-ring-2{width:85px;height:85px}.v2-summary.v2-win .celebration-text{font-size:1.25rem}.v2-summary.v2-win .word-reveal-animated{font-size:1.25rem}.v2-summary.v2-lose .zen-icon-container{font-size:2rem;width:55px;height:55px}.v2-summary.v2-lose .encouragement-text .line-1{font-size:1.125rem}.v2-summary.v2-lose .word-reveal-section .word-large{font-size:1.25rem}.shower-particle:nth-child(n+6){display:none}.burst-particle:nth-child(n+31){display:none}.ambient-particle:nth-child(n+4){display:none}}@media (prefers-reduced-motion: reduce){.shower-particle,.burst-particle,.sparkle-particle,.ambient-particle,.ripple-ring{animation:none !important;opacity:0.3;will-change:auto}.v2-summary.v2-win .result-icon i{animation:none !important}.v2-summary.v2-win .trophy-container .trophy-icon{animation:none !important;opacity:1 !important;transform:translate(-50%, -50%) scale(1) !important}.v2-summary.v2-win .trophy-container .o-signature-ring{animation:none !important;opacity:1 !important;transform:translate(-50%, -50%) scale(1) !important}.v2-summary.v2-win .trophy-container .orbit-ring-container{animation:none !important}.v2-summary.v2-win .trophy-container .orbit-ring,.v2-summary.v2-win .trophy-container .orbit-dot{animation:none !important;opacity:1 !important}.v2-summary.v2-win .trophy-container .trophy-glow,.v2-summary.v2-win .trophy-container .trophy-glow-intense{animation:none !important;opacity:0.5 !important}.v2-summary.v2-win .trophy-container .orbital-burst{display:none}.v2-summary.v2-win .celebration-text .char{animation:none !important;opacity:1 !important;transform:none !important}.v2-summary.v2-win .word-reveal-animated{animation:none !important;opacity:1 !important;letter-spacing:0.15em !important}.v2-summary.v2-win .word-reveal-animated::after{animation:none !important;width:100% !important;left:0 !important}.v2-summary.v2-win .result-word .word-label{animation:none !important;opacity:1 !important}.v2-summary.v2-lose .zen-icon-container{animation:none !important;opacity:1 !important;transform:none !important}.v2-summary.v2-lose .zen-icon-container .zen-glow{animation:none !important;opacity:0.3 !important}.v2-summary.v2-lose .encouragement-text .line{animation:none !important;opacity:1 !important;transform:none !important}.v2-summary.v2-lose .word-reveal-section{animation:none !important;opacity:1 !important;transform:none !important}.v2-summary.v2-lose .word-reveal-section .word-char{animation:none !important;opacity:1 !important;transform:none !important}.v2-summary.v2-lose .word-reveal-section .word-definition{animation:none !important;opacity:1 !important;transform:none !important}}.celebration-orbital{position:fixed;top:35%;left:50%;transform:translate(-50%, -50%);pointer-events:none;z-index:100}.orbital-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:2px solid var(--v2-correct);opacity:0}.orbital-ring--inner{width:40px;height:40px;margin:-20px 0 0 -20px;animation:orbital-expand 1.2s var(--ease-orbital, cubic-bezier(0.25, 0.46, 0.45, 0.94)) 0.2s forwards;--expand-size: 200px}.orbital-ring--middle{width:40px;height:40px;margin:-20px 0 0 -20px;animation:orbital-expand 1.4s var(--ease-orbital, cubic-bezier(0.25, 0.46, 0.45, 0.94)) 0.35s forwards;--expand-size: 320px;border-color:var(--v2-present)}.orbital-ring--outer{width:40px;height:40px;margin:-20px 0 0 -20px;animation:orbital-expand 1.6s var(--ease-orbital, cubic-bezier(0.25, 0.46, 0.45, 0.94)) 0.5s forwards;--expand-size: 480px;border-color:var(--color-secondary, #e07356)}@keyframes orbital-expand{0%{width:40px;height:40px;margin:-20px 0 0 -20px;opacity:0.8;border-width:3px}100%{width:var(--expand-size);height:var(--expand-size);margin:calc(var(--expand-size) / -2) 0 0 calc(var(--expand-size) / -2);opacity:0;border-width:1px}}.orbital-glow{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;border-radius:50%;background:radial-gradient(circle, var(--v2-correct-glow) 0%, rgba(45,212,191,0.2) 40%, transparent 70%);animation:orbital-glow-pulse 0.8s ease-out 0.1s forwards}@keyframes orbital-glow-pulse{0%{transform:scale(0);opacity:1}60%{transform:scale(2);opacity:0.8}100%{transform:scale(3);opacity:0}}.orbital-dot{position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--v2-correct);opacity:0;box-shadow:0 0 12px var(--v2-correct-glow)}.orbital-dot:nth-child(1){--dot-angle: 0deg;--dot-delay: 0.18s;animation:orbital-dot-burst 0.8s var(--ease-orbital-bounce, cubic-bezier(0.175, 0.885, 0.32, 1.275)) var(--dot-delay) forwards}.orbital-dot:nth-child(2){--dot-angle: 45deg;--dot-delay: 0.21s;animation:orbital-dot-burst 0.8s var(--ease-orbital-bounce, cubic-bezier(0.175, 0.885, 0.32, 1.275)) var(--dot-delay) forwards;background:var(--color-secondary, #e07356);box-shadow:0 0 12px var(--color-secondary-alpha-25, rgba(224,115,86,0.25))}.orbital-dot:nth-child(3){--dot-angle: 90deg;--dot-delay: 0.24s;animation:orbital-dot-burst 0.8s var(--ease-orbital-bounce, cubic-bezier(0.175, 0.885, 0.32, 1.275)) var(--dot-delay) forwards}.orbital-dot:nth-child(4){--dot-angle: 135deg;--dot-delay: 0.27s;animation:orbital-dot-burst 0.8s var(--ease-orbital-bounce, cubic-bezier(0.175, 0.885, 0.32, 1.275)) var(--dot-delay) forwards;background:var(--color-secondary, #e07356);box-shadow:0 0 12px var(--color-secondary-alpha-25, rgba(224,115,86,0.25))}.orbital-dot:nth-child(5){--dot-angle: 180deg;--dot-delay: 0.3s;animation:orbital-dot-burst 0.8s var(--ease-orbital-bounce, cubic-bezier(0.175, 0.885, 0.32, 1.275)) var(--dot-delay) forwards}.orbital-dot:nth-child(6){--dot-angle: 225deg;--dot-delay: 0.33s;animation:orbital-dot-burst 0.8s var(--ease-orbital-bounce, cubic-bezier(0.175, 0.885, 0.32, 1.275)) var(--dot-delay) forwards;background:var(--color-secondary, #e07356);box-shadow:0 0 12px var(--color-secondary-alpha-25, rgba(224,115,86,0.25))}.orbital-dot:nth-child(7){--dot-angle: 270deg;--dot-delay: 0.36s;animation:orbital-dot-burst 0.8s var(--ease-orbital-bounce, cubic-bezier(0.175, 0.885, 0.32, 1.275)) var(--dot-delay) forwards}.orbital-dot:nth-child(8){--dot-angle: 315deg;--dot-delay: 0.39s;animation:orbital-dot-burst 0.8s var(--ease-orbital-bounce, cubic-bezier(0.175, 0.885, 0.32, 1.275)) var(--dot-delay) forwards;background:var(--color-secondary, #e07356);box-shadow:0 0 12px var(--color-secondary-alpha-25, rgba(224,115,86,0.25))}@keyframes orbital-dot-burst{0%{transform:rotate(var(--dot-angle)) translateX(0);opacity:1}70%{opacity:1}100%{transform:rotate(var(--dot-angle)) translateX(100px);opacity:0}}@media (prefers-reduced-motion: reduce){.celebration-orbital{display:none}.orbital-ring,.orbital-glow,.orbital-dot{animation:none;opacity:0}}.v2-summary.v2-win.use-orbital-celebration .particle-shower,.v2-summary.v2-win.use-orbital-celebration .burst-particle,.v2-summary.v2-win.use-orbital-celebration .sparkle-particle{display:none !important}.v2-summary.v2-win.use-orbital-celebration .celebration-orbital{display:block}.v2-welcome{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem}.v2-welcome::before{content:'';position:fixed;inset:0;background-image:url("/static/images/bg/onboarding.58de3169d09e.jpg");background-size:cover;background-position:center;filter:brightness(0.45) contrast(1.05) saturate(0.9);z-index:-1}.v2-welcome::after{display:none}.welcome-ambient-particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.welcome-particle{position:absolute;border-radius:50%;background:rgba(255,255,255,0.2)}.welcome-particle:nth-child(1){left:6%;bottom:28%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out .4s infinite;opacity:0.09}.welcome-particle:nth-child(2){left:10%;bottom:41%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.12);animation:particle-float 14s ease-in-out 1.2s infinite;opacity:0.12}.welcome-particle:nth-child(3){left:14%;bottom:54%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.12);animation:particle-drift-up 17s ease-in-out 1.5s infinite;opacity:0.15}.welcome-particle:nth-child(4){left:18%;bottom:67%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out 1.6s infinite;opacity:0.06}.welcome-particle:nth-child(5){left:22%;bottom:80%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.12);animation:particle-float 12s ease-in-out 3s infinite;opacity:0.09}.welcome-particle:nth-child(6){left:80%;bottom:23%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.12);animation:particle-drift-up 16s ease-in-out 3s infinite;opacity:0.12}.welcome-particle:nth-child(7){left:85%;bottom:36%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out 2.8s infinite;opacity:0.15}.welcome-particle:nth-child(8){left:90%;bottom:49%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.12);animation:particle-float 15s ease-in-out 4.8s infinite;opacity:0.06}.welcome-particle:nth-child(9){left:95%;bottom:62%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.12);animation:particle-drift-up 15s ease-in-out 4.5s infinite;opacity:0.09}.welcome-particle:nth-child(10){left:100%;bottom:75%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out 4s infinite;opacity:0.12}.v2-welcome{color:#fafaf9}.v2-welcome .welcome-container{position:relative;z-index:1;background:rgba(255,255,255,0.06);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.12);border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.15);padding:2rem;max-width:480px;width:100%;text-align:center;animation:zen-enter 0.6s ease-out 0.2s backwards}.v2-welcome .avatar{width:80px;height:80px;margin:0 auto 1.25rem;border-radius:50%;background:linear-gradient(135deg, hsla(var(--hue, 200), 60%, 45%, 0.4) 0%, hsla(var(--hue, 200), 70%, 55%, 0.3) 100%);border:2px solid hsla(var(--hue, 200), 70%, 60%, 0.5);display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px hsla(var(--hue, 200), 60%, 50%, 0.3),inset 0 1px 0 rgba(255,255,255,0.2);animation:welcome-avatar-enter 0.5s ease-out 0.3s forwards;opacity:0;transform:scale(0.8)}.v2-welcome .avatar i{font-size:2rem;color:hsla(var(--hue, 200), 80%, 75%, 1);text-shadow:0 2px 8px hsla(var(--hue, 200), 60%, 30%, 0.5)}@keyframes welcome-avatar-enter{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}.v2-welcome .welcome-container h3{color:#fafaf9;font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-shadow:0 2px 12px rgba(0,0,0,0.4);animation:welcome-fade-in 0.5s ease-out 0.4s forwards;opacity:0}@keyframes welcome-fade-in{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}.v2-welcome .codename-panel{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;animation:welcome-fade-in 0.5s ease-out 0.5s forwards;opacity:0}.v2-welcome .codename-panel .game-action-item{display:flex;flex-direction:column;align-items:center;gap:0.5rem}.v2-welcome .codename-panel .game-action-item .btn-icon{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.85);display:flex;align-items:center;justify-content:center;transition:all 0.25s ease;cursor:pointer}.v2-welcome .codename-panel .game-action-item .btn-icon i{font-size:1.125rem}.v2-welcome .codename-panel .game-action-item .btn-icon:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.25);color:#fafaf9;transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.2)}.v2-welcome .codename-panel .game-action-item .btn-icon:disabled{opacity:0.5;cursor:not-allowed;transform:none}.v2-welcome .codename-panel .game-action-item .action-label{font-size:0.75rem;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.05em}.v2-welcome .keyboard-preview{position:relative;width:280px;height:280px;margin:1.5rem auto;animation:keyboard-preview-enter 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s forwards;opacity:0;transform:scale(0.8)}.v2-welcome .keyboard-preview .orbit-ring{position:absolute;border:1.5px solid rgba(45,212,191,0.25);border-radius:50%}.v2-welcome .keyboard-preview .orbit-ring.ring-1{width:100%;height:100%;top:0;left:0;animation:welcome-ring-pulse 2.5s ease-in-out infinite}.v2-welcome .keyboard-preview .orbit-ring.ring-2{width:65%;height:65%;top:17.5%;left:17.5%;animation:welcome-ring-pulse 2.5s ease-in-out 0.4s infinite}.v2-welcome .keyboard-preview .orbit-ring.ring-3{width:35%;height:35%;top:32.5%;left:32.5%;animation:welcome-ring-pulse 2.5s ease-in-out 0.8s infinite}.v2-welcome .keyboard-preview .preview-letter{position:absolute;top:50%;left:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:rgba(45,212,191,0.15);backdrop-filter:blur(12px);border:2px solid rgba(45,212,191,0.4);border-radius:10px;font-weight:700;font-size:1.125rem;color:#fafaf9;box-shadow:0 8px 32px rgba(0,0,0,0.4),0 0 30px rgba(45,212,191,0.2),inset 0 1px 0 rgba(255,255,255,0.1);opacity:0}.v2-welcome .keyboard-preview .preview-letter:nth-child(4){animation:welcome-letter-1 12s linear 0.8s infinite}.v2-welcome .keyboard-preview .preview-letter:nth-child(5){animation:welcome-letter-2 12s linear 0.8s infinite}.v2-welcome .keyboard-preview .preview-letter:nth-child(6){animation:welcome-letter-3 12s linear 0.8s infinite}.v2-welcome .keyboard-preview .preview-letter:nth-child(7){animation:welcome-letter-4 12s linear 0.8s infinite}.v2-welcome .keyboard-preview .center-key{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);color:white;border-radius:50%;font-size:1.5rem;box-shadow:0 4px 24px rgba(13,148,136,0.5),0 0 50px rgba(13,148,136,0.3);animation:welcome-center-pulse 2s ease-in-out infinite}@keyframes keyboard-preview-enter{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}@keyframes welcome-ring-pulse{0%,100%{opacity:0.3;transform:scale(1)}50%{opacity:0.5;transform:scale(1.02)}}@keyframes welcome-center-pulse{0%,100%{box-shadow:0 4px 16px rgba(13,148,136,0.4),0 0 30px rgba(13,148,136,0.2)}50%{box-shadow:0 4px 20px rgba(13,148,136,0.5),0 0 50px rgba(13,148,136,0.3)}}@keyframes welcome-letter-1{0%{opacity:0;transform:translate(-350px, -350px) rotate(-270deg) scale(0.2)}3%{opacity:1;transform:translate(-50%, -50%) rotate(-20deg) translateX(110px) scale(1.3)}5%{opacity:1;transform:translate(-50%, -50%) rotate(8deg) translateX(90px) scale(0.95)}8%{opacity:1;transform:translate(-50%, -50%) rotate(0deg) translateX(100px) rotate(0deg) scale(1)}100%{opacity:1;transform:translate(-50%, -50%) rotate(360deg) translateX(100px) rotate(-360deg) scale(1)}}@keyframes welcome-letter-2{0%{opacity:0;transform:translate(350px, -350px) rotate(270deg) scale(0.2)}3%{opacity:1;transform:translate(-50%, -50%) rotate(70deg) translateX(110px) scale(1.3)}5%{opacity:1;transform:translate(-50%, -50%) rotate(98deg) translateX(90px) scale(0.95)}8%{opacity:1;transform:translate(-50%, -50%) rotate(90deg) translateX(100px) rotate(-90deg) scale(1)}100%{opacity:1;transform:translate(-50%, -50%) rotate(450deg) translateX(100px) rotate(-450deg) scale(1)}}@keyframes welcome-letter-3{0%{opacity:0;transform:translate(-350px, 350px) rotate(270deg) scale(0.2)}3%{opacity:1;transform:translate(-50%, -50%) rotate(160deg) translateX(110px) scale(1.3)}5%{opacity:1;transform:translate(-50%, -50%) rotate(188deg) translateX(90px) scale(0.95)}8%{opacity:1;transform:translate(-50%, -50%) rotate(180deg) translateX(100px) rotate(-180deg) scale(1)}100%{opacity:1;transform:translate(-50%, -50%) rotate(540deg) translateX(100px) rotate(-540deg) scale(1)}}@keyframes welcome-letter-4{0%{opacity:0;transform:translate(350px, 350px) rotate(-270deg) scale(0.2)}3%{opacity:1;transform:translate(-50%, -50%) rotate(250deg) translateX(110px) scale(1.3)}5%{opacity:1;transform:translate(-50%, -50%) rotate(278deg) translateX(90px) scale(0.95)}8%{opacity:1;transform:translate(-50%, -50%) rotate(270deg) translateX(100px) rotate(-270deg) scale(1)}100%{opacity:1;transform:translate(-50%, -50%) rotate(630deg) translateX(100px) rotate(-630deg) scale(1)}}.v2-welcome .lead{color:rgba(255,255,255,0.7);font-size:0.9375rem;line-height:1.6;margin-bottom:1.5rem;animation:welcome-fade-in 0.5s ease-out 0.55s forwards;opacity:0}.v2-welcome .consent-form{text-align:left;animation:welcome-fade-in 0.5s ease-out 0.6s forwards;opacity:0}.v2-welcome .consent-section{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:1rem;margin-bottom:0.75rem}.v2-welcome .consent-section--essential{border-color:rgba(94,234,212,0.2);background:rgba(13,148,136,0.1)}.v2-welcome .consent-section--optional{border-color:rgba(255,255,255,0.08)}.v2-welcome .consent-label{display:flex;align-items:flex-start;gap:0.75rem;cursor:pointer;color:rgba(255,255,255,0.9);font-size:0.875rem;line-height:1.5}.v2-welcome .consent-label input[type="checkbox"]{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:#0d9488;cursor:pointer}.v2-welcome .consent-optional-badge{display:inline-block;background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.7);font-size:0.6875rem;padding:0.125rem 0.5rem;border-radius:4px;margin-left:0.5rem;text-transform:uppercase;letter-spacing:0.05em}.v2-welcome .consent-note{color:rgba(255,255,255,0.5);font-size:0.8125rem;margin-top:0.5rem;padding-left:calc(18px + 0.75rem);line-height:1.5}.v2-welcome .privacy-link-text{text-align:center;margin:1rem 0}.v2-welcome .privacy-link-text a{color:#5eead4;text-decoration:none;font-size:0.875rem;transition:color 0.2s ease}.v2-welcome .privacy-link-text a:hover{color:#99f6e4;text-decoration:underline}.v2-welcome .error{background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.3);color:#fca5a5;padding:0.75rem 1rem;border-radius:8px;font-size:0.875rem;margin-bottom:1rem;text-align:center}.v2-welcome .actions{display:flex;justify-content:center;margin-top:1.5rem}.v2-welcome .actions .game-action-item{display:flex;flex-direction:column;align-items:center;gap:0.5rem}.v2-welcome .actions .game-action-item .btn-new-game{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);border:none;color:#fafaf9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.25s ease;box-shadow:0 4px 20px rgba(13,148,136,0.4)}.v2-welcome .actions .game-action-item .btn-new-game i{font-size:1.5rem;margin-left:3px}.v2-welcome .actions .game-action-item .btn-new-game:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 32px rgba(13,148,136,0.5)}.v2-welcome .actions .game-action-item .btn-new-game:active{transform:translateY(0) scale(1)}.v2-welcome .actions .game-action-item .action-label{font-size:0.8125rem;color:rgba(255,255,255,0.7);font-weight:500}.v2-welcome .recovery-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.08);animation:welcome-fade-in 0.5s ease-out 0.7s forwards;opacity:0}.v2-welcome .recovery-info .recovery-info-title{color:rgba(255,255,255,0.8);font-size:0.875rem;font-weight:600;margin-bottom:0.5rem;display:flex;align-items:center;justify-content:center;gap:0.5rem}.v2-welcome .recovery-info .recovery-info-title i{color:#a78bfa}.v2-welcome .recovery-info .recovery-info-text{color:rgba(255,255,255,0.5);font-size:0.8125rem;line-height:1.5;text-align:center}.v2-welcome .status-error{background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.3);color:#fca5a5;padding:0.75rem 1rem;border-radius:8px;font-size:0.875rem;margin-bottom:1rem;text-align:center}[data-theme="light"] .v2-welcome{color:var(--v2-text-light)}[data-theme="light"] .v2-welcome::before{background-image:url("/static/images/bg/onboarding-light.35e2893b1878.jpg");filter:brightness(1) saturate(0.85)}[data-theme="light"] .v2-welcome .welcome-container{background:var(--v2-glass-bg-light);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--v2-glass-border-light);box-shadow:0 12px 48px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.9)}[data-theme="light"] .v2-welcome .welcome-container h3{color:var(--v2-text-light);text-shadow:0 1px 2px rgba(0,0,0,0.06)}[data-theme="light"] .v2-welcome .avatar{background:linear-gradient(135deg, hsla(var(--hue, 200), 50%, 55%, 0.25) 0%, hsla(var(--hue, 200), 60%, 65%, 0.2) 100%);border-color:hsla(var(--hue, 200), 60%, 50%, 0.4);box-shadow:0 4px 16px hsla(var(--hue, 200), 50%, 40%, 0.15),inset 0 1px 0 rgba(255,255,255,0.5)}[data-theme="light"] .v2-welcome .avatar i{color:hsla(var(--hue, 200), 70%, 40%, 1);text-shadow:0 1px 4px hsla(var(--hue, 200), 50%, 30%, 0.2)}[data-theme="light"] .v2-welcome .codename-panel .game-action-item .btn-icon{background:rgba(0,0,0,0.04);border-color:var(--v2-border-light);color:var(--v2-text-light)}[data-theme="light"] .v2-welcome .codename-panel .game-action-item .btn-icon:hover{background:rgba(0,0,0,0.08);border-color:var(--v2-border-strong-light);color:var(--v2-text-light);box-shadow:0 4px 16px rgba(0,0,0,0.1)}[data-theme="light"] .v2-welcome .codename-panel .game-action-item .action-label{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-welcome .keyboard-preview .orbit-ring{border-color:rgba(13,148,136,0.3)}[data-theme="light"] .v2-welcome .keyboard-preview .preview-letter{background:rgba(13,148,136,0.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:rgba(13,148,136,0.35);color:var(--v2-text-light);box-shadow:0 4px 16px rgba(0,0,0,0.12),0 0 20px rgba(13,148,136,0.1),inset 0 1px 0 rgba(255,255,255,0.5)}[data-theme="light"] .v2-welcome .keyboard-preview .center-key{background:linear-gradient(135deg, var(--v2-correct-light) 0%, #0f766e 100%);box-shadow:0 4px 20px rgba(13,148,136,0.35),0 0 30px rgba(13,148,136,0.15)}[data-theme="light"] .v2-welcome .lead{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-welcome .consent-form .consent-section{background:rgba(0,0,0,0.02);border-color:var(--v2-border-light)}[data-theme="light"] .v2-welcome .consent-form .consent-section--essential{background:rgba(13,148,136,0.06);border-color:rgba(13,148,136,0.2)}[data-theme="light"] .v2-welcome .consent-form .consent-section:hover{background:rgba(0,0,0,0.04)}[data-theme="light"] .v2-welcome .consent-form .consent-label{color:var(--v2-text-light)}[data-theme="light"] .v2-welcome .consent-form .consent-label input[type="checkbox"]{accent-color:var(--v2-correct-light)}[data-theme="light"] .v2-welcome .consent-form .consent-optional-badge{background:rgba(0,0,0,0.06);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-welcome .consent-form .consent-note{color:var(--v2-text-faded-light)}[data-theme="light"] .v2-welcome .consent-form .privacy-link-text a{color:var(--v2-correct-light)}[data-theme="light"] .v2-welcome .consent-form .privacy-link-text a:hover{color:#0f766e}[data-theme="light"] .v2-welcome .consent-form .error{background:rgba(239,68,68,0.08);border-color:rgba(239,68,68,0.2);color:#dc2626}[data-theme="light"] .v2-welcome .actions .game-action-item .btn-new-game{background:linear-gradient(135deg, var(--v2-correct-light) 0%, #0f766e 100%);box-shadow:0 4px 16px rgba(13,148,136,0.3)}[data-theme="light"] .v2-welcome .actions .game-action-item .btn-new-game:hover{box-shadow:0 8px 24px rgba(13,148,136,0.35)}[data-theme="light"] .v2-welcome .actions .game-action-item .action-label{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-welcome .recovery-info{border-top-color:var(--v2-border-light)}[data-theme="light"] .v2-welcome .recovery-info .recovery-info-title{color:var(--v2-text-light)}[data-theme="light"] .v2-welcome .recovery-info .recovery-info-title i{color:#7c3aed}[data-theme="light"] .v2-welcome .recovery-info .recovery-info-text{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-welcome .status-error{background:rgba(239,68,68,0.08);border-color:rgba(239,68,68,0.2);color:#dc2626}[data-theme="light"] .welcome-particle{background:var(--v2-particle-light);box-shadow:var(--v2-particle-shadow-light)}@media (prefers-color-scheme: light){.v2-welcome:not([data-theme="dark"]){color:var(--v2-text-light)}.v2-welcome:not([data-theme="dark"])::before{filter:brightness(0.92) saturate(0.7)}.v2-welcome:not([data-theme="dark"]) .welcome-container{background:var(--v2-glass-bg-light);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--v2-glass-border-light);box-shadow:0 12px 48px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.9)}.v2-welcome:not([data-theme="dark"]) .welcome-container h3{color:var(--v2-text-light);text-shadow:0 1px 2px rgba(0,0,0,0.06)}.v2-welcome:not([data-theme="dark"]) .avatar{background:linear-gradient(135deg, hsla(var(--hue, 200), 50%, 55%, 0.25) 0%, hsla(var(--hue, 200), 60%, 65%, 0.2) 100%);border-color:hsla(var(--hue, 200), 60%, 50%, 0.4);box-shadow:0 4px 16px hsla(var(--hue, 200), 50%, 40%, 0.15), inset 0 1px 0 rgba(255,255,255,0.5)}.v2-welcome:not([data-theme="dark"]) .avatar i{color:hsla(var(--hue, 200), 70%, 40%, 1);text-shadow:0 1px 4px hsla(var(--hue, 200), 50%, 30%, 0.2)}.v2-welcome:not([data-theme="dark"]) .codename-panel .game-action-item .btn-icon{background:rgba(0,0,0,0.04);border-color:var(--v2-border-light);color:var(--v2-text-light)}.v2-welcome:not([data-theme="dark"]) .codename-panel .game-action-item .btn-icon:hover{background:rgba(0,0,0,0.08);border-color:var(--v2-border-strong-light);box-shadow:0 4px 16px rgba(0,0,0,0.1)}.v2-welcome:not([data-theme="dark"]) .codename-panel .game-action-item .action-label{color:var(--v2-text-muted-light)}.v2-welcome:not([data-theme="dark"]) .keyboard-preview .orbit-ring{border-color:rgba(13,148,136,0.3)}.v2-welcome:not([data-theme="dark"]) .keyboard-preview .preview-letter{background:rgba(13,148,136,0.12);border-color:rgba(13,148,136,0.35);color:var(--v2-text-light);box-shadow:0 4px 16px rgba(0,0,0,0.12), 0 0 20px rgba(13,148,136,0.1), inset 0 1px 0 rgba(255,255,255,0.5)}.v2-welcome:not([data-theme="dark"]) .keyboard-preview .center-key{background:linear-gradient(135deg, var(--v2-correct-light) 0%, #0f766e 100%);box-shadow:0 4px 20px rgba(13,148,136,0.35), 0 0 30px rgba(13,148,136,0.15)}.v2-welcome:not([data-theme="dark"]) .lead{color:var(--v2-text-muted-light)}.v2-welcome:not([data-theme="dark"]) .consent-form .consent-section{background:rgba(0,0,0,0.02);border-color:var(--v2-border-light)}.v2-welcome:not([data-theme="dark"]) .consent-form .consent-section--essential{background:rgba(13,148,136,0.06);border-color:rgba(13,148,136,0.2)}.v2-welcome:not([data-theme="dark"]) .consent-form .consent-section:hover{background:rgba(0,0,0,0.04)}.v2-welcome:not([data-theme="dark"]) .consent-form .consent-label{color:var(--v2-text-light)}.v2-welcome:not([data-theme="dark"]) .consent-form .consent-optional-badge{background:rgba(0,0,0,0.06);color:var(--v2-text-muted-light)}.v2-welcome:not([data-theme="dark"]) .consent-form .consent-note{color:var(--v2-text-faded-light)}.v2-welcome:not([data-theme="dark"]) .consent-form .privacy-link-text a{color:var(--v2-correct-light)}.v2-welcome:not([data-theme="dark"]) .consent-form .privacy-link-text a:hover{color:#0f766e}.v2-welcome:not([data-theme="dark"]) .consent-form .error{background:rgba(239,68,68,0.08);border-color:rgba(239,68,68,0.2);color:#dc2626}.v2-welcome:not([data-theme="dark"]) .actions .game-action-item .btn-new-game{background:linear-gradient(135deg, var(--v2-correct-light) 0%, #0f766e 100%);box-shadow:0 4px 16px rgba(13,148,136,0.3)}.v2-welcome:not([data-theme="dark"]) .actions .game-action-item .btn-new-game:hover{box-shadow:0 8px 24px rgba(13,148,136,0.35)}.v2-welcome:not([data-theme="dark"]) .actions .game-action-item .action-label{color:var(--v2-text-muted-light)}.v2-welcome:not([data-theme="dark"]) .recovery-info{border-top-color:var(--v2-border-light)}.v2-welcome:not([data-theme="dark"]) .recovery-info .recovery-info-title{color:var(--v2-text-light)}.v2-welcome:not([data-theme="dark"]) .recovery-info .recovery-info-title i{color:#7c3aed}.v2-welcome:not([data-theme="dark"]) .recovery-info .recovery-info-text{color:var(--v2-text-muted-light)}.v2-welcome:not([data-theme="dark"]) .status-error{background:rgba(239,68,68,0.08);border-color:rgba(239,68,68,0.2);color:#dc2626}.welcome-particle:not([data-theme="dark"] *){background:var(--v2-particle-light);box-shadow:var(--v2-particle-shadow-light)}}[data-theme="dark"] .v2-welcome .consent-section:hover{background:rgba(255,255,255,0.06)}@media (prefers-color-scheme: dark){.v2-welcome:not([data-theme="light"]) .consent-section:hover{background:rgba(255,255,255,0.06)}}@media (max-width: 768px){.v2-welcome{padding:0.75rem}.v2-welcome .welcome-container{padding:1.5rem;border-radius:14px}.v2-welcome .avatar{width:70px;height:70px}.v2-welcome .avatar i{font-size:1.75rem}.v2-welcome .welcome-container h3{font-size:1.25rem}.v2-welcome .codename-panel{gap:1.5rem}.v2-welcome .keyboard-preview{width:240px;height:240px;margin:1.25rem auto}.welcome-particle:nth-child(n+8){display:none}}@media (max-width: 480px){.v2-welcome .welcome-container{padding:1.25rem}.v2-welcome .avatar{width:60px;height:60px;margin-bottom:1rem}.v2-welcome .avatar i{font-size:1.5rem}.v2-welcome .welcome-container h3{font-size:1.125rem}.v2-welcome .lead{font-size:0.875rem}.v2-welcome .codename-panel{gap:1.25rem}.v2-welcome .codename-panel .game-action-item .btn-icon{width:44px;height:44px}.v2-welcome .codename-panel .game-action-item .action-label{font-size:0.6875rem}.v2-welcome .actions .game-action-item .btn-new-game{width:56px;height:56px}.v2-welcome .actions .game-action-item .btn-new-game i{font-size:1.25rem}.v2-welcome .consent-section{padding:0.875rem}.v2-welcome .consent-label{font-size:0.8125rem}.v2-welcome .keyboard-preview{width:220px;height:220px;margin:1rem auto}.v2-welcome .keyboard-preview .preview-letter{width:36px;height:36px;font-size:0.9375rem}.v2-welcome .keyboard-preview .preview-letter:nth-child(4){animation:welcome-letter-1-sm 12s linear 0.8s infinite}.v2-welcome .keyboard-preview .preview-letter:nth-child(5){animation:welcome-letter-2-sm 12s linear 0.8s infinite}.v2-welcome .keyboard-preview .preview-letter:nth-child(6){animation:welcome-letter-3-sm 12s linear 0.8s infinite}.v2-welcome .keyboard-preview .preview-letter:nth-child(7){animation:welcome-letter-4-sm 12s linear 0.8s infinite}.v2-welcome .keyboard-preview .center-key{width:50px;height:50px;font-size:1.25rem}.v2-welcome .keyboard-preview .orbit-ring.ring-2{width:60%;height:60%;top:20%;left:20%}.v2-welcome .keyboard-preview .orbit-ring.ring-3{width:32%;height:32%;top:34%;left:34%}.welcome-particle:nth-child(n+6){display:none}}@keyframes welcome-letter-1-sm{0%{opacity:0;transform:translate(-280px, -280px) rotate(-270deg) scale(0.2)}3%{opacity:1;transform:translate(-50%, -50%) rotate(-20deg) translateX(90px) scale(1.3)}5%{opacity:1;transform:translate(-50%, -50%) rotate(8deg) translateX(70px) scale(0.95)}8%{opacity:1;transform:translate(-50%, -50%) rotate(0deg) translateX(80px) rotate(0deg) scale(1)}100%{opacity:1;transform:translate(-50%, -50%) rotate(360deg) translateX(80px) rotate(-360deg) scale(1)}}@keyframes welcome-letter-2-sm{0%{opacity:0;transform:translate(280px, -280px) rotate(270deg) scale(0.2)}3%{opacity:1;transform:translate(-50%, -50%) rotate(70deg) translateX(90px) scale(1.3)}5%{opacity:1;transform:translate(-50%, -50%) rotate(98deg) translateX(70px) scale(0.95)}8%{opacity:1;transform:translate(-50%, -50%) rotate(90deg) translateX(80px) rotate(-90deg) scale(1)}100%{opacity:1;transform:translate(-50%, -50%) rotate(450deg) translateX(80px) rotate(-450deg) scale(1)}}@keyframes welcome-letter-3-sm{0%{opacity:0;transform:translate(-280px, 280px) rotate(270deg) scale(0.2)}3%{opacity:1;transform:translate(-50%, -50%) rotate(160deg) translateX(90px) scale(1.3)}5%{opacity:1;transform:translate(-50%, -50%) rotate(188deg) translateX(70px) scale(0.95)}8%{opacity:1;transform:translate(-50%, -50%) rotate(180deg) translateX(80px) rotate(-180deg) scale(1)}100%{opacity:1;transform:translate(-50%, -50%) rotate(540deg) translateX(80px) rotate(-540deg) scale(1)}}@keyframes welcome-letter-4-sm{0%{opacity:0;transform:translate(280px, 280px) rotate(-270deg) scale(0.2)}3%{opacity:1;transform:translate(-50%, -50%) rotate(250deg) translateX(90px) scale(1.3)}5%{opacity:1;transform:translate(-50%, -50%) rotate(278deg) translateX(70px) scale(0.95)}8%{opacity:1;transform:translate(-50%, -50%) rotate(270deg) translateX(80px) rotate(-270deg) scale(1)}100%{opacity:1;transform:translate(-50%, -50%) rotate(630deg) translateX(80px) rotate(-630deg) scale(1)}}@media (prefers-reduced-motion: reduce){.welcome-particle{animation:none !important;opacity:0.12;will-change:auto}.v2-welcome .welcome-container,.v2-welcome .avatar,.v2-welcome .welcome-container h3,.v2-welcome .codename-panel,.v2-welcome .lead,.v2-welcome .consent-form,.v2-welcome .recovery-info,.v2-welcome .keyboard-preview,.v2-welcome .keyboard-preview .orbit-ring,.v2-welcome .keyboard-preview .preview-letter,.v2-welcome .keyboard-preview .center-key{animation:none !important;opacity:1;transform:none}.v2-welcome .keyboard-preview .preview-letter:nth-child(4){top:0;left:calc(50% - 21px);transform:none}.v2-welcome .keyboard-preview .preview-letter:nth-child(5){top:calc(50% - 21px);right:0;left:auto;transform:none}.v2-welcome .keyboard-preview .preview-letter:nth-child(6){bottom:0;top:auto;left:calc(50% - 21px);transform:none}.v2-welcome .keyboard-preview .preview-letter:nth-child(7){top:calc(50% - 21px);left:0;transform:none}.v2-welcome .keyboard-preview .center-key{transform:translate(-50%, -50%)}.v2-welcome .codename-panel .game-action-item .btn-icon,.v2-welcome .actions .game-action-item .btn-new-game{transition:none}.v2-welcome .codename-panel .game-action-item .btn-icon:hover,.v2-welcome .actions .game-action-item .btn-new-game:hover{transform:none}}.welcome-particle{will-change:transform, opacity}.v2-welcome .welcome-container{will-change:opacity, transform}.v2-welcome .avatar{will-change:opacity, transform}.v2-welcome .keyboard-preview{will-change:opacity, transform}.v2-welcome .keyboard-preview .preview-letter{will-change:opacity, transform}.v2-welcome .keyboard-preview .center-key{will-change:box-shadow}.v2-welcome .actions .game-action-item .btn-new-game{will-change:transform, box-shadow}body.v2-play{margin:0;padding:0;max-width:none;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;position:relative;background-image:url("/static/images/bg/play.d6d6e9c59dcf.jpg");background-size:cover;background-position:center}body.v2-play::before{content:'';position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:-1}body.v2-play::after{display:none}body.v2-play .skip-link{position:absolute}.play-ambient-particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.play-particle{position:absolute;border-radius:50%;background:rgba(255,255,255,0.25)}.play-particle:nth-child(1){left:7%;bottom:32%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.15);animation:particle-drift-diagonal 15s ease-in-out .6s infinite;opacity:0.12}.play-particle:nth-child(2){left:12%;bottom:49%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.15);animation:particle-float 12s ease-in-out 1.8s infinite;opacity:0.16}.play-particle:nth-child(3){left:17%;bottom:66%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.15);animation:particle-drift-up 15s ease-in-out 2.4s infinite;opacity:0.2}.play-particle:nth-child(4){left:22%;bottom:83%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.15);animation:particle-drift-diagonal 15s ease-in-out 2.4s infinite;opacity:0.08}.play-particle:nth-child(5){left:83%;bottom:30%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.15);animation:particle-float 10s ease-in-out 4.5s infinite;opacity:0.12}.play-particle:nth-child(6){left:88%;bottom:47%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.15);animation:particle-drift-up 14s ease-in-out 4.8s infinite;opacity:0.16}.play-particle:nth-child(7){left:93%;bottom:64%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.15);animation:particle-drift-diagonal 15s ease-in-out 4.2s infinite;opacity:0.2}.play-particle:nth-child(8){left:98%;bottom:81%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.15);animation:particle-float 13s ease-in-out 7.2s infinite;opacity:0.08}.v2-play{color:#fafaf9}.v2-play .logo{filter:drop-shadow(0 2px 8px rgba(0,0,0,0.3))}.v2-play .site-footer{color:rgba(255,255,255,0.6)}.v2-play .site-footer a{color:rgba(255,255,255,0.7)}.v2-play .site-footer a:hover{color:#fafaf9}.v2-play .site-footer .footer-separator{color:rgba(255,255,255,0.3)}.v2-play .btn-help-icon{color:rgba(255,255,255,0.6)}.v2-play .btn-help-icon:hover{color:#fafaf9}body.v2-play .game-heading-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0.75rem 1rem;position:relative}body.v2-play .game-heading-wrapper .logo{font-size:1.5rem}body.v2-play .top-bar-controls{position:absolute;top:0.75rem;z-index:10}body.v2-play .top-bar-controls.right{right:1rem}body.v2-play .top-bar-controls.left{left:1rem}body.v2-play .top-bar-controls .btn-icon{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.85);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}body.v2-play .top-bar-controls .btn-icon:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.2);color:#fafaf9}body.v2-play .top-bar-controls .btn-icon:focus-visible{outline:2px solid var(--v2-correct, #2dd4bf);outline-offset:2px}body.v2-play .challenge-timer{position:absolute;top:0.75rem;right:4rem;z-index:10;padding:0.5rem 0.75rem;border-radius:0.5rem}.v2-play{--v2-correct: #2dd4bf;--v2-correct-light: #5eead4;--v2-correct-glow: rgba(45, 212, 191, 0.4);--v2-present: #fbbf24;--v2-present-light: #fcd34d;--v2-present-glow: rgba(251, 191, 36, 0.4);--v2-absent: #64748b;--v2-absent-light: #94a3b8;--v2-text: #fafaf9;--v2-text-muted: #a8a29e;--v2-text-faded: #57534e;--v2-cell-radius: 0.375rem;--v2-cell-bg-empty: rgba(255, 255, 255, 0.04);--v2-cell-border-empty: rgba(255, 255, 255, 0.08);--v2-cell-bg-filled: rgba(255, 255, 255, 0.08);--v2-cell-border-filled: rgba(255, 255, 255, 0.14);--v2-cell-bg-correct: rgba(45, 212, 191, 0.18);--v2-cell-border-correct: rgba(45, 212, 191, 0.4);--v2-cell-bg-present: rgba(251, 191, 36, 0.15);--v2-cell-border-present: rgba(251, 191, 36, 0.35);--v2-cell-bg-absent: rgba(100, 116, 139, 0.10);--v2-cell-border-absent: rgba(100, 116, 139, 0.20)}body.v2-play .board{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:0.125rem;padding:0.25rem 1rem;margin:0 auto;background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:none !important;border-radius:0}body.v2-play .guess-counter{flex-shrink:0;text-align:center;padding:0.25rem 0;font-size:0.875rem;color:rgba(255,255,255,0.6)}body.v2-play .guess-counter .guess-separator{color:rgba(255,255,255,0.3);margin:0 0.25rem}body.v2-play .keyboard{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:0.5rem}body.v2-play .orbital-keyboard-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;overflow:hidden;padding:0 1rem;padding-bottom:env(safe-area-inset-bottom, 0.5rem)}body.v2-play .orbital-keyboard-container .orbital-keyboard-svg{max-height:100%;max-width:100%}body.v2-play .site-footer{display:none !important}body.v2-play .board-row{display:flex;justify-content:center;gap:0.25rem;min-height:2.75rem;position:relative;padding:0.125rem 0.5rem;border-radius:12px;transition:all 0.3s ease}body.v2-play .board-row.is-active{background:transparent}body.v2-play .board-row.is-active::before{content:'';position:absolute;left:-0.75rem;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-accent, #0d9488);border-radius:2px;animation:zen-row-pulse 1.5s ease-in-out infinite}body.v2-play .board-row.is-complete{background:rgba(255,255,255,0.03);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}body.v2-play .board-row.is-complete::before{content:'';position:absolute;inset:-0.25rem -0.75rem;background:linear-gradient(90deg, transparent, rgba(13,148,136,0.06), transparent);border-radius:12px;z-index:-1}body.v2-play .board-row.is-complete::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent);border-radius:12px;animation:zen-row-shimmer 2s ease-out forwards;pointer-events:none}body.v2-play .board-cell{width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;position:relative;font-family:var(--font-family-display);font-size:1.75rem;font-weight:600;text-transform:uppercase;color:var(--v2-text);background:var(--v2-cell-bg-empty);border:1px solid var(--v2-cell-border-empty);border-radius:var(--v2-cell-radius);box-shadow:inset 0 1px 2px rgba(0,0,0,0.06);transition:color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease, opacity 0.4s ease, font-weight 0.3s ease, transform 0.2s ease, text-shadow 0.3s ease}body.v2-play .board-cell::before{display:none !important;content:none !important}body.v2-play .board-cell:empty,body.v2-play .board-cell[data-letter=""]{opacity:0.6}body.v2-play .board-cell:not(:empty):not([data-letter=""]):not(.state-correct):not(.state-present):not(.state-absent){color:var(--v2-text);background:var(--v2-cell-bg-filled);border-color:var(--v2-cell-border-filled);box-shadow:0 1px 3px rgba(0,0,0,0.12);animation:zen-letter-enter 0.15s cubic-bezier(0.34, 1.56, 0.64, 1)}body.v2-play .board-cell:not(:empty):not([data-letter=""]):not(.state-correct):not(.state-present):not(.state-absent):hover{transform:translateY(-2px);box-shadow:0 3px 8px rgba(0,0,0,0.2)}body.v2-play .board-row.is-active .board-cell{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);opacity:1}body.v2-play .board-cell.state-correct{color:var(--v2-correct) !important;font-weight:700 !important;background:var(--v2-cell-bg-correct) !important;border-color:var(--v2-cell-border-correct) !important;border-style:solid !important;box-shadow:0 0 12px rgba(45,212,191,0.15),inset 0 0 8px rgba(45,212,191,0.08) !important;opacity:1;text-shadow:0 0 24px var(--v2-correct-glow)}body.v2-play .board-cell.state-correct:hover{transform:translateY(-2px);box-shadow:0 0 20px rgba(45,212,191,0.25),inset 0 0 12px rgba(45,212,191,0.12)}body.v2-play .board-cell.state-present{color:var(--v2-present) !important;font-weight:600 !important;background:var(--v2-cell-bg-present) !important;border-color:var(--v2-cell-border-present) !important;border-style:dashed !important;box-shadow:none !important;opacity:0.95}body.v2-play .board-cell.state-present:hover{transform:translateY(-2px);box-shadow:0 0 16px rgba(251,191,36,0.15)}body.v2-play .board-cell.state-absent{color:var(--v2-absent) !important;font-weight:400 !important;background:var(--v2-cell-bg-absent) !important;border-color:var(--v2-cell-border-absent) !important;border-style:dotted !important;box-shadow:none !important;opacity:0.65}body.v2-play .board-cell.state-absent:hover{opacity:0.8;transform:translateY(-1px)}body.v2-play .board-cell.tile-reveal{animation:zen-ink-bloom 0.5s ease-out forwards}@keyframes zen-row-pulse{0%,100%{opacity:0.5}50%{opacity:1}}@keyframes zen-letter-enter{0%{transform:scale(0.9);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ink-correct{0%{color:var(--v2-text);background:var(--v2-cell-bg-filled);border-color:var(--v2-cell-border-filled);text-shadow:none;transform:scale(1);box-shadow:0 1px 3px rgba(0,0,0,0.12);filter:blur(0)}30%{color:var(--v2-correct-light);transform:scale(1.05);filter:blur(1px)}100%{color:var(--v2-correct);background:var(--v2-cell-bg-correct);border-color:var(--v2-cell-border-correct);text-shadow:0 0 24px var(--v2-correct-glow);transform:scale(1);box-shadow:0 0 12px rgba(45,212,191,0.15),inset 0 0 8px rgba(45,212,191,0.08);filter:blur(0)}}@keyframes ink-present{0%{color:var(--v2-text);background:var(--v2-cell-bg-filled);border-color:var(--v2-cell-border-filled);transform:scale(1);opacity:1}20%{color:var(--v2-text);transform:scale(1);opacity:0.7}50%{color:var(--v2-present-light);transform:scale(0.98)}100%{color:var(--v2-present);background:var(--v2-cell-bg-present);border-color:var(--v2-cell-border-present);transform:scale(1);opacity:0.95;box-shadow:none}}@keyframes ink-absent{0%{color:var(--v2-text);background:var(--v2-cell-bg-filled);border-color:var(--v2-cell-border-filled);opacity:1;filter:blur(0)}40%{color:var(--v2-absent-light);opacity:0.8;filter:blur(0.5px)}100%{color:var(--v2-absent);background:var(--v2-cell-bg-absent);border-color:var(--v2-cell-border-absent);opacity:0.65;box-shadow:none;filter:blur(0)}}.v2-play .board-cell.tile-reveal.state-correct{animation:ink-correct var(--ink-duration-confident, 0.3s) var(--ease-ink-confident) forwards}.v2-play .board-cell.tile-reveal.state-present{animation:ink-present var(--ink-duration-searching, 0.45s) var(--ease-ink-searching) forwards;animation-delay:var(--ink-hesitation-delay, 0.1s)}.v2-play .board-cell.tile-reveal.state-absent{animation:ink-absent var(--ink-duration-fading, 0.5s) ease-out forwards}@keyframes win-letter-cascade{0%{transform:scale(1);text-shadow:0 0 24px var(--v2-correct-glow);box-shadow:0 0 12px rgba(45,212,191,0.15),inset 0 0 8px rgba(45,212,191,0.08)}50%{transform:scale(1.15);text-shadow:0 0 40px var(--v2-correct-glow),0 0 60px var(--v2-correct-glow);box-shadow:0 0 24px rgba(45,212,191,0.3),inset 0 0 16px rgba(45,212,191,0.15)}100%{transform:scale(1);text-shadow:0 0 24px var(--v2-correct-glow);box-shadow:0 0 12px rgba(45,212,191,0.15),inset 0 0 8px rgba(45,212,191,0.08)}}.v2-play .board-row.is-winner .board-cell{animation:win-letter-cascade 0.5s var(--ease-orbital-bounce, cubic-bezier(0.175, 0.885, 0.32, 1.275)) forwards}.v2-play .board-row.is-winner .board-cell:nth-child(1){animation-delay:.1s}.v2-play .board-row.is-winner .board-cell:nth-child(2){animation-delay:.2s}.v2-play .board-row.is-winner .board-cell:nth-child(3){animation-delay:.3s}.v2-play .board-row.is-winner .board-cell:nth-child(4){animation-delay:.4s}.v2-play .board-row.is-winner .board-cell:nth-child(5){animation-delay:.5s}.v2-play .board-row.is-winner .board-cell:nth-child(6){animation-delay:.6s}.v2-play .board-row.is-winner .board-cell:nth-child(7){animation-delay:.7s}.v2-play .board-row.is-winner .board-cell:nth-child(8){animation-delay:.8s}@keyframes word-reveal-letter{0%{opacity:0;transform:translateY(6px)}100%{opacity:0.7;transform:translateY(0)}}.v2-play .board-row.word-reveal .board-cell{color:var(--v2-text-muted) !important;background:rgba(255,255,255,0.05) !important;border-color:rgba(255,255,255,0.08) !important;font-weight:400 !important;animation:word-reveal-letter 0.4s ease-out forwards;opacity:0;animation-delay:calc(var(--cell-index, 0) * 80ms)}@keyframes zen-ink-bloom{0%{clip-path:inset(0 50% 0 50%);opacity:0.5}100%{clip-path:inset(0 0 0 0);opacity:1}}@keyframes zen-row-shimmer{0%{opacity:0;transform:translateX(-100%)}50%{opacity:1}100%{opacity:0;transform:translateX(100%)}}@keyframes letter-type{0%{transform:scale(0.8) translateY(4px);opacity:0}50%{transform:scale(1.1) translateY(-2px)}100%{transform:scale(1) translateY(0);opacity:1}}.v2-play .board-cell.letter-entered{animation:letter-type 0.15s var(--ease-orbital-bounce, cubic-bezier(0.175, 0.885, 0.32, 1.275)) forwards}@media (prefers-reduced-motion: reduce){.v2-play .board-cell.tile-reveal.state-correct,.v2-play .board-cell.tile-reveal.state-present,.v2-play .board-cell.tile-reveal.state-absent{animation:none;opacity:1;transform:none}.v2-play .board-cell.letter-entered{animation:none;opacity:1;transform:none}}.v2-play .guess-counter{color:rgba(255,255,255,0.7)}.v2-play .guess-counter .guess-separator{color:rgba(255,255,255,0.4)}.v2-play .challenge-timer{background:rgba(255,255,255,0.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1);box-shadow:0 4px 16px rgba(0,0,0,0.2)}.v2-play .timer-display,.v2-play .score-display{color:#fafaf9}.v2-play .score-label{color:rgba(255,255,255,0.6)}.v2-play .keyboard{position:relative;z-index:1}.v2-play .kb-row{display:flex;justify-content:center;gap:0.375rem;margin-bottom:0.375rem}.v2-play .kb-key{display:flex;align-items:center;justify-content:center;min-width:2.25rem;height:3rem;padding:0 0.5rem;font-size:1rem;font-weight:500;text-transform:uppercase;border-radius:0.375rem;cursor:pointer;user-select:none;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.08);color:#fafaf9;transition:background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease}.v2-play .kb-key:hover{background:rgba(255,255,255,0.18);border-color:rgba(255,255,255,0.15)}.v2-play .kb-key:active{background:rgba(255,255,255,0.25);transform:scale(0.95)}.v2-play .kb-key:focus-visible{outline:2px solid var(--v2-correct, #2dd4bf);outline-offset:2px;z-index:10}.v2-play .kb-key.state-correct{background:rgba(13,148,136,0.3) !important;border-color:rgba(13,148,136,0.5) !important;color:#5eead4 !important;box-shadow:none !important}.v2-play .kb-key.state-present{background:rgba(217,119,6,0.3) !important;border-color:rgba(217,119,6,0.5) !important;color:#fcd34d !important;box-shadow:none !important}.v2-play .kb-key.state-absent{background:rgba(255,255,255,0.04) !important;border-color:rgba(255,255,255,0.05) !important;color:rgba(255,255,255,0.35) !important;box-shadow:none !important}.v2-play .orbital-keyboard-container{position:relative;z-index:1}.v2-play .ring-guide{stroke:rgba(45,212,191,0.2) !important;opacity:1 !important}.v2-play .ring-guide.ring-guide--inner{stroke:rgba(45,212,191,0.3) !important}.v2-play .ring-guide.ring-guide--middle{stroke:rgba(45,212,191,0.25) !important}.v2-play .ring-guide.ring-guide--outer{stroke:rgba(45,212,191,0.2) !important}.v2-play .key-background{fill:rgba(255,255,255,0.08) !important;stroke:rgba(255,255,255,0.12) !important;stroke-width:1 !important}.v2-play .orbital-key--inner .key-background{fill:rgba(45,212,191,0.15) !important;stroke:rgba(45,212,191,0.4) !important}.v2-play .orbital-key--inner .key-label{fill:var(--v2-correct-light, #5eead4) !important;font-weight:600 !important}.v2-play .orbital-key--inner:hover .key-background{fill:rgba(45,212,191,0.25) !important;stroke:rgba(45,212,191,0.6) !important;filter:drop-shadow(0 0 15px rgba(45,212,191,0.5)) !important}.v2-play .orbital-key--middle .key-background{fill:rgba(255,255,255,0.06) !important;stroke:rgba(45,212,191,0.2) !important}.v2-play .orbital-key--middle .key-label{fill:#fafaf9 !important}.v2-play .orbital-key--middle:hover .key-background{fill:rgba(45,212,191,0.2) !important;stroke:rgba(45,212,191,0.5) !important;filter:drop-shadow(0 0 12px rgba(45,212,191,0.4)) !important}.v2-play .orbital-key--middle:hover .key-label{fill:var(--v2-correct, #2dd4bf) !important}.v2-play .orbital-key--outer .key-background{fill:rgba(255,255,255,0.05) !important;stroke:rgba(255,255,255,0.1) !important}.v2-play .orbital-key--outer .key-label{fill:rgba(255,255,255,0.85) !important}.v2-play .orbital-key--outer:hover .key-background{fill:rgba(45,212,191,0.15) !important;stroke:rgba(45,212,191,0.4) !important;filter:drop-shadow(0 0 10px rgba(45,212,191,0.35)) !important}.v2-play .orbital-key--outer:hover .key-label{fill:var(--v2-correct, #2dd4bf) !important}.v2-play .orbital-key--action .key-background{fill:rgba(255,255,255,0.06) !important;stroke:rgba(255,255,255,0.12) !important}.v2-play .orbital-key--action .key-label--icon{fill:rgba(255,255,255,0.85) !important}.v2-play .orbital-key--action:hover .key-background{fill:rgba(45,212,191,0.2) !important;stroke:rgba(45,212,191,0.5) !important;filter:drop-shadow(0 0 12px rgba(45,212,191,0.4)) !important}.v2-play .orbital-key--action:hover .key-label--icon{fill:var(--v2-correct, #2dd4bf) !important}.v2-play #action-enter .key-background{fill:rgba(13,148,136,0.3) !important;stroke:rgba(45,212,191,0.5) !important}.v2-play #action-enter .key-label--icon{fill:var(--v2-correct-light, #5eead4) !important}.v2-play #action-enter:hover .key-background{fill:rgba(13,148,136,0.45) !important;stroke:rgba(45,212,191,0.7) !important;filter:drop-shadow(0 0 15px rgba(45,212,191,0.5)) !important}.v2-play .orbital-key--action-clear:not(.is-disabled):hover .key-background{fill:rgba(251,191,36,0.15) !important;stroke:rgba(251,191,36,0.4) !important;filter:drop-shadow(0 0 10px rgba(251,191,36,0.3)) !important}.v2-play .orbital-key--action-clear:not(.is-disabled):hover .key-label--icon{fill:var(--v2-present, #fbbf24) !important}.v2-play .orbital-key.kb-correct .key-background{fill:rgba(45,212,191,0.35) !important;stroke:var(--v2-correct, #2dd4bf) !important;stroke-width:2 !important}.v2-play .orbital-key.kb-correct .key-label{fill:var(--v2-correct-light, #5eead4) !important;font-weight:700 !important}.v2-play .orbital-key.kb-present .key-background{fill:rgba(251,191,36,0.25) !important;stroke:var(--v2-present, #fbbf24) !important;stroke-width:2 !important;stroke-dasharray:4 2 !important}.v2-play .orbital-key.kb-present .key-label{fill:var(--v2-present-light, #fcd34d) !important;font-weight:600 !important}.v2-play .orbital-key.kb-absent .key-background{fill:rgba(100,116,139,0.15) !important;stroke:var(--v2-absent, #64748b) !important;opacity:0.4 !important}.v2-play .orbital-key.kb-absent .key-label{fill:var(--v2-absent-light, #94a3b8) !important;opacity:0.5 !important}.v2-play .orbital-keyboard-legend{color:rgba(255,255,255,0.6)}.v2-play .orbital-keyboard-legend .legend-ring{border-color:rgba(45,212,191,0.5)}.v2-play .orbital-keyboard-legend .legend-item--inner .legend-ring{border-color:rgba(45,212,191,0.7);border-width:2px}.v2-play .orbital-keyboard-legend .legend-item--middle .legend-ring{border-color:rgba(45,212,191,0.5)}.v2-play .orbital-keyboard-legend .legend-item--outer .legend-ring{border-color:rgba(45,212,191,0.3)}.v2-play .orbital-keyboard-legend .legend-label{color:rgba(255,255,255,0.7)}.orbital-invitation{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;flex-direction:column;align-items:center;gap:0.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(255,255,255,0.08);animation:orbital-invitation-slide-up 0.4s ease-out}.orbital-invitation[hidden]{display:none}@keyframes orbital-invitation-slide-up{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.orbital-invitation-content{display:flex;flex-direction:column;align-items:center;gap:0.25rem;text-align:center}.orbital-invitation-icon{width:48px;height:48px}.orbital-invitation-icon .orbital-ring{position:static;fill:none;stroke:rgba(255,255,255,0.35);stroke-width:1.5;opacity:1;border:none}.orbital-invitation-icon .orbital-center{fill:var(--v2-correct)}.orbital-invitation-text{font-size:0.9rem;font-weight:300;letter-spacing:0.02em}.orbital-invitation-actions{display:flex;gap:1rem;align-items:center}.orbital-invitation-btn{padding:0.5rem 1.25rem;font-size:0.85rem;font-weight:400;letter-spacing:0.03em;border-radius:4px;cursor:pointer;transition:all 0.2s ease;border:none;background:none}@media (prefers-reduced-motion: reduce){.orbital-invitation{animation:none}.orbital-invitation-btn{transition:none}}.v2-play .orbital-invitation{background:rgba(255,255,255,0.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.1);box-shadow:0 8px 32px rgba(0,0,0,0.25)}.v2-play .orbital-invitation-text{color:rgba(255,255,255,0.85)}.v2-play .orbital-invitation-btn--primary{background:rgba(13,148,136,0.3);border:1px solid rgba(13,148,136,0.5);color:#5eead4}.v2-play .orbital-invitation-btn--primary:hover{background:rgba(13,148,136,0.4)}.v2-play .orbital-invitation-btn--secondary{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.7)}.v2-play .orbital-invitation-btn--secondary:hover{background:rgba(255,255,255,0.12)}.v2-play .modal__backdrop{background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.v2-play .modal__dialog{background:rgba(30,30,30,0.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.1);box-shadow:0 16px 64px rgba(0,0,0,0.5);color:#fafaf9}.v2-play .modal__header{border-bottom-color:rgba(255,255,255,0.1)}.v2-play .modal__header h2{color:#fafaf9}.v2-play .modal__close{color:rgba(255,255,255,0.6)}.v2-play .modal__close:hover{color:#fafaf9}.v2-play .modal__body{color:rgba(255,255,255,0.85)}.v2-play .toast{background:rgba(30,30,30,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.1);color:#fafaf9;box-shadow:0 8px 32px rgba(0,0,0,0.4)}.v2-play .skip-link{background:rgba(13,148,136,0.9);color:#fafaf9}.v2-play .skip-link:focus{background:var(--color-accent)}[data-theme="dark"] .v2-play{--v2-correct: #5eead4;--v2-correct-glow: rgba(94, 234, 212, 0.5)}@media (prefers-color-scheme: dark){.v2-play:not([data-theme="light"]){--v2-correct: #5eead4;--v2-correct-glow: rgba(94, 234, 212, 0.5)}}[data-theme="light"] .v2-play{background:var(--v2-bg-light);--v2-correct: #0d9488;--v2-correct-light: #0f766e;--v2-correct-glow: rgba(13, 148, 136, 0.25);--v2-present: #d97706;--v2-present-light: #b45309;--v2-present-glow: rgba(217, 119, 6, 0.25);--v2-absent: #a8a29e;--v2-absent-light: #78716c;--v2-text: #1c1917;--v2-text-muted: #57534e;--v2-text-faded: #a8a29e;--v2-cell-bg-empty: rgba(0, 0, 0, 0.03);--v2-cell-border-empty: rgba(0, 0, 0, 0.08);--v2-cell-bg-filled: rgba(0, 0, 0, 0.05);--v2-cell-border-filled: rgba(0, 0, 0, 0.12);--v2-cell-bg-correct: rgba(13, 148, 136, 0.12);--v2-cell-border-correct: rgba(13, 148, 136, 0.35);--v2-cell-bg-present: rgba(217, 119, 6, 0.12);--v2-cell-border-present: rgba(217, 119, 6, 0.30);--v2-cell-bg-absent: rgba(0, 0, 0, 0.04);--v2-cell-border-absent: rgba(0, 0, 0, 0.10);color:var(--v2-text-light)}[data-theme="light"] .v2-play::before{background-image:url("/static/images/bg/play-light.35e2893b1878.jpg");filter:brightness(1) saturate(0.85)}[data-theme="light"] .v2-play .logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1))}[data-theme="light"] .v2-play .site-footer{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-play .site-footer a{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-play .site-footer a:hover{color:var(--v2-text-light)}[data-theme="light"] .v2-play .site-footer .footer-separator{color:var(--v2-text-faded-light)}[data-theme="light"] .v2-play .btn-help-icon{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-play .btn-help-icon:hover{color:var(--v2-text-light)}[data-theme="light"] .v2-play .top-bar-controls .btn-icon{background:rgba(0,0,0,0.04);border:1px solid var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-play .top-bar-controls .btn-icon:hover{background:rgba(0,0,0,0.08);border-color:var(--v2-border-strong-light);color:var(--v2-text-light)}[data-theme="light"] .v2-play .top-bar-controls .btn-icon:focus-visible{outline:2px solid var(--v2-correct-light);outline-offset:2px}[data-theme="light"] .v2-play .guess-counter{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-play .guess-counter .guess-separator{color:var(--v2-text-faded-light)}[data-theme="light"] .v2-play .challenge-timer{background:rgba(0,0,0,0.03);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,0.08);box-shadow:0 4px 24px rgba(0,0,0,0.06);box-shadow:0 4px 12px rgba(0,0,0,0.06)}[data-theme="light"] .v2-play .timer-display,[data-theme="light"] .v2-play .score-display{color:var(--v2-text-light)}[data-theme="light"] .v2-play .score-label{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-play .board-row.is-active::before{background:var(--v2-correct-light)}[data-theme="light"] .v2-play .board-row.is-complete{background:rgba(0,0,0,0.02);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}[data-theme="light"] .v2-play .board-row.is-complete::before{background:linear-gradient(90deg, transparent, rgba(13,148,136,0.08), transparent)}[data-theme="light"] .v2-play .board-row.is-complete::after{background:linear-gradient(90deg, transparent, rgba(0,0,0,0.03), transparent)}[data-theme="light"] .v2-play .board-cell{color:var(--v2-text);background:var(--v2-cell-bg-empty);border-color:var(--v2-cell-border-empty);box-shadow:inset 0 1px 2px rgba(0,0,0,0.03)}[data-theme="light"] .v2-play .board-cell:not(:empty):not([data-letter=""]):not(.state-correct):not(.state-present):not(.state-absent){color:var(--v2-text);background:var(--v2-cell-bg-filled);border-color:var(--v2-cell-border-filled);box-shadow:0 1px 3px rgba(0,0,0,0.06)}[data-theme="light"] .v2-play .board-cell:not(:empty):not([data-letter=""]):not(.state-correct):not(.state-present):not(.state-absent):hover{box-shadow:0 3px 8px rgba(0,0,0,0.1)}[data-theme="light"] .v2-play .board-row.is-active .board-cell{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.1)}[data-theme="light"] .v2-play .board-cell.state-correct{color:var(--v2-correct) !important;background:var(--v2-cell-bg-correct) !important;border-color:var(--v2-cell-border-correct) !important;box-shadow:0 0 8px rgba(13,148,136,0.1),inset 0 0 6px rgba(13,148,136,0.06) !important;text-shadow:none}[data-theme="light"] .v2-play .board-cell.state-correct:hover{box-shadow:0 0 16px rgba(13,148,136,0.18),inset 0 0 8px rgba(13,148,136,0.08)}[data-theme="light"] .v2-play .board-cell.state-present{color:var(--v2-present) !important;background:var(--v2-cell-bg-present) !important;border-color:var(--v2-cell-border-present) !important}[data-theme="light"] .v2-play .board-cell.state-present:hover{box-shadow:0 0 12px rgba(217,119,6,0.1)}[data-theme="light"] .v2-play .board-cell.state-absent{color:var(--v2-absent) !important;background:var(--v2-cell-bg-absent) !important;border-color:var(--v2-cell-border-absent) !important}[data-theme="light"] .v2-play .kb-key{background:rgba(0,0,0,0.05);border:1px solid var(--v2-border-light);color:var(--v2-text-light)}[data-theme="light"] .v2-play .kb-key:hover{background:rgba(0,0,0,0.1);border-color:var(--v2-border-strong-light)}[data-theme="light"] .v2-play .kb-key:active{background:rgba(0,0,0,0.15)}[data-theme="light"] .v2-play .kb-key:focus-visible{outline:2px solid var(--v2-correct-light)}[data-theme="light"] .v2-play .kb-key.state-correct{background:rgba(13,148,136,0.2) !important;border-color:rgba(13,148,136,0.4) !important;color:var(--v2-correct-light) !important}[data-theme="light"] .v2-play .kb-key.state-present{background:rgba(217,119,6,0.2) !important;border-color:rgba(217,119,6,0.4) !important;color:var(--v2-present-light) !important}[data-theme="light"] .v2-play .kb-key.state-absent{background:rgba(0,0,0,0.04) !important;border-color:rgba(0,0,0,0.06) !important;color:var(--v2-text-faded-light) !important}[data-theme="light"] .v2-play .ring-guide{stroke:rgba(13,148,136,0.15) !important}[data-theme="light"] .v2-play .ring-guide.ring-guide--inner{stroke:rgba(13,148,136,0.25) !important}[data-theme="light"] .v2-play .ring-guide.ring-guide--middle{stroke:rgba(13,148,136,0.2) !important}[data-theme="light"] .v2-play .ring-guide.ring-guide--outer{stroke:rgba(13,148,136,0.15) !important}[data-theme="light"] .v2-play .key-background{fill:rgba(0,0,0,0.04) !important;stroke:var(--v2-border-light) !important}[data-theme="light"] .v2-play .key-label{fill:var(--v2-text-light) !important}[data-theme="light"] .v2-play .orbital-key--inner .key-background{fill:rgba(13,148,136,0.1) !important;stroke:rgba(13,148,136,0.3) !important}[data-theme="light"] .v2-play .orbital-key--inner .key-label{fill:var(--v2-correct-light) !important}[data-theme="light"] .v2-play .orbital-key--inner:hover .key-background{fill:rgba(13,148,136,0.18) !important;stroke:rgba(13,148,136,0.5) !important;filter:drop-shadow(0 2px 8px rgba(13,148,136,0.2)) !important}[data-theme="light"] .v2-play .orbital-key--middle .key-background{fill:rgba(0,0,0,0.03) !important;stroke:rgba(13,148,136,0.15) !important}[data-theme="light"] .v2-play .orbital-key--middle:hover .key-background{fill:rgba(13,148,136,0.12) !important;stroke:rgba(13,148,136,0.35) !important;filter:drop-shadow(0 2px 8px rgba(13,148,136,0.15)) !important}[data-theme="light"] .v2-play .orbital-key--middle:hover .key-label{fill:var(--v2-correct-light) !important}[data-theme="light"] .v2-play .orbital-key--outer .key-background{fill:rgba(0,0,0,0.02) !important;stroke:rgba(0,0,0,0.08) !important}[data-theme="light"] .v2-play .orbital-key--outer .key-label{fill:var(--v2-text-muted-light) !important}[data-theme="light"] .v2-play .orbital-key--outer:hover .key-background{fill:rgba(13,148,136,0.1) !important;stroke:rgba(13,148,136,0.3) !important;filter:drop-shadow(0 2px 6px rgba(13,148,136,0.12)) !important}[data-theme="light"] .v2-play .orbital-key--outer:hover .key-label{fill:var(--v2-correct-light) !important}[data-theme="light"] .v2-play .orbital-key--action .key-background{fill:rgba(0,0,0,0.03) !important;stroke:rgba(0,0,0,0.1) !important}[data-theme="light"] .v2-play .orbital-key--action .key-label--icon{fill:var(--v2-text-muted-light) !important}[data-theme="light"] .v2-play .orbital-key--action:hover .key-background{fill:rgba(13,148,136,0.12) !important;stroke:rgba(13,148,136,0.35) !important;filter:drop-shadow(0 2px 8px rgba(13,148,136,0.15)) !important}[data-theme="light"] .v2-play .orbital-key--action:hover .key-label--icon{fill:var(--v2-correct-light) !important}[data-theme="light"] .v2-play #action-enter .key-background{fill:rgba(13,148,136,0.2) !important;stroke:rgba(13,148,136,0.4) !important}[data-theme="light"] .v2-play #action-enter .key-label--icon{fill:var(--v2-correct-light) !important}[data-theme="light"] .v2-play #action-enter:hover .key-background{fill:rgba(13,148,136,0.3) !important;stroke:rgba(13,148,136,0.5) !important;filter:drop-shadow(0 2px 10px rgba(13,148,136,0.25)) !important}[data-theme="light"] .v2-play .orbital-key--action-clear:not(.is-disabled):hover .key-background{fill:rgba(217,119,6,0.1) !important;stroke:rgba(217,119,6,0.3) !important;filter:drop-shadow(0 2px 6px rgba(217,119,6,0.15)) !important}[data-theme="light"] .v2-play .orbital-key--action-clear:not(.is-disabled):hover .key-label--icon{fill:var(--v2-present-light) !important}[data-theme="light"] .v2-play .orbital-key.kb-correct .key-background{fill:rgba(13,148,136,0.25) !important;stroke:var(--v2-correct-light) !important}[data-theme="light"] .v2-play .orbital-key.kb-correct .key-label{fill:var(--v2-correct-light) !important}[data-theme="light"] .v2-play .orbital-key.kb-present .key-background{fill:rgba(217,119,6,0.18) !important;stroke:var(--v2-present-light) !important;stroke-dasharray:4 2 !important}[data-theme="light"] .v2-play .orbital-key.kb-present .key-label{fill:var(--v2-present-light) !important}[data-theme="light"] .v2-play .orbital-key.kb-absent .key-background{fill:rgba(0,0,0,0.02) !important;stroke:var(--v2-text-faded-light) !important;opacity:0.5 !important}[data-theme="light"] .v2-play .orbital-key.kb-absent .key-label{fill:var(--v2-text-faded-light) !important;opacity:0.5 !important}[data-theme="light"] .v2-play .orbital-keyboard-legend{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-play .orbital-keyboard-legend .legend-ring{border-color:rgba(13,148,136,0.4)}[data-theme="light"] .v2-play .orbital-keyboard-legend .legend-item--inner .legend-ring{border-color:rgba(13,148,136,0.6)}[data-theme="light"] .v2-play .orbital-keyboard-legend .legend-item--middle .legend-ring{border-color:rgba(13,148,136,0.4)}[data-theme="light"] .v2-play .orbital-keyboard-legend .legend-item--outer .legend-ring{border-color:rgba(13,148,136,0.25)}[data-theme="light"] .v2-play .orbital-keyboard-legend .legend-label{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-play .orbital-invitation{background:rgba(255,255,255,0.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--v2-border-light);box-shadow:0 4px 20px rgba(0,0,0,0.08)}[data-theme="light"] .v2-play .orbital-invitation-icon .orbital-ring{stroke:rgba(0,0,0,0.2);stroke-width:1.5;opacity:1}[data-theme="light"] .v2-play .orbital-invitation-icon .orbital-center{fill:var(--v2-correct-light)}[data-theme="light"] .v2-play .orbital-invitation-text{color:var(--v2-text-light)}[data-theme="light"] .v2-play .orbital-invitation-btn--primary{background:rgba(13,148,136,0.15);border-color:rgba(13,148,136,0.3);color:var(--v2-correct-light)}[data-theme="light"] .v2-play .orbital-invitation-btn--primary:hover{background:rgba(13,148,136,0.25)}[data-theme="light"] .v2-play .orbital-invitation-btn--secondary{background:rgba(0,0,0,0.04);border-color:var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-play .orbital-invitation-btn--secondary:hover{background:rgba(0,0,0,0.08)}[data-theme="light"] .v2-play .modal__backdrop{background:rgba(0,0,0,0.3)}[data-theme="light"] .v2-play .modal__dialog{background:rgba(255,255,255,0.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--v2-border-light);box-shadow:0 16px 48px rgba(0,0,0,0.12);color:var(--v2-text-light)}[data-theme="light"] .v2-play .modal__header{border-bottom-color:var(--v2-border-light)}[data-theme="light"] .v2-play .modal__header h2{color:var(--v2-text-light)}[data-theme="light"] .v2-play .modal__close{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-play .modal__close:hover{color:var(--v2-text-light)}[data-theme="light"] .v2-play .modal__body{color:var(--v2-text-light)}[data-theme="light"] .v2-play .toast{background:rgba(255,255,255,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-border-light);color:var(--v2-text-light);box-shadow:0 4px 20px rgba(0,0,0,0.1)}[data-theme="light"] .v2-play .skip-link{background:var(--v2-correct-light);color:#ffffff}[data-theme="light"] .play-particle{background:var(--v2-particle-light);box-shadow:var(--v2-particle-shadow-light)}@media (max-width: 768px){.v2-play .board{padding:1rem;margin:0.25rem auto}.play-particle:nth-child(n+6){display:none}}@media (max-width: 480px){.v2-play .board{padding:0.75rem;border-radius:8px}.play-particle:nth-child(n+4){display:none}}@media (prefers-reduced-motion: reduce){.play-particle{animation:none !important;opacity:0.15;will-change:auto}.v2-play .board-cell.letter-entered,.v2-play .board-cell.tile-reveal{animation:none !important}.v2-play .board-row.is-winner .board-cell{animation:none !important}.v2-play .board-row.word-reveal .board-cell{animation:none !important;opacity:0.7 !important}.v2-play .board-row.is-active::before{animation:none !important;opacity:0.8}.v2-play .board-row.is-complete::after{animation:none !important;opacity:0}.v2-play .board-cell{transition:color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important}}@media (max-width: 480px){.v2-play .board-cell{width:2.25rem;height:2.25rem;font-size:1.5rem}.v2-play .board-row{gap:0.15rem}}@media (max-width: 400px){.v2-play .board-cell{width:2rem;height:2rem;font-size:1.375rem}.v2-play .board-row{gap:0.1rem}.v2-play .board{padding:0.5rem}}@media (max-width: 360px){.v2-play .board-cell{width:1.875rem;height:1.875rem;font-size:1.25rem;border-radius:0.25rem}}@media (max-height: 700px){.v2-play .board{margin:0.125rem auto;padding:0.5rem}.v2-play .board-row{gap:0.125rem}}@media (max-height: 660px){.v2-play .board-cell{height:2.25rem}.v2-play .board-row{gap:0.1rem}.v2-play .board{margin:0 auto;padding:0.25rem}}@media (max-width: 420px) and (max-height: 680px){body.v2-play{margin:0 auto;padding:0 0.5rem}.v2-play .board{padding:0;margin:0.5rem auto 0 auto;gap:0}.v2-play .board-cell{width:2rem;height:1.75rem;font-size:1rem;border-radius:0.25rem}.v2-play .board-row{gap:0.1875rem;min-height:1.75rem;padding:0.125rem 0.25rem}.v2-play .logo{font-size:1.125rem;margin-bottom:0.5rem}.v2-play .play-ambient-particles{display:none}.v2-play .top-bar-controls{padding:0.25rem 0.25rem}.v2-play .guess-counter{margin:0.5rem 0 0.5rem 0;font-size:0.75rem;font-weight:500}.v2-play .key-background{fill:rgba(255,255,255,0.85) !important}.v2-play .key-label{font-weight:600 !important;text-shadow:0 1px 2px rgba(0,0,0,0.15)}.v2-play .orbital-key--inner .key-background{fill:rgba(45,212,191,0.2) !important;stroke:rgba(45,212,191,0.5) !important}[data-theme="light"] .v2-play .key-background{fill:rgba(255,255,255,0.9) !important;stroke:rgba(0,0,0,0.15) !important}[data-theme="light"] .v2-play .key-label{text-shadow:0 1px 2px rgba(255,255,255,0.5)}[data-theme="light"] .v2-play .orbital-key--inner .key-background{fill:rgba(13,148,136,0.25) !important;stroke:rgba(13,148,136,0.5) !important}.site-footer{display:none !important}}@media (max-height: 660px){body.v2-play{margin:0 auto;padding:0 0.5rem 0 0.5rem}.v2-play .board{padding:0;margin:1rem auto 0 auto;gap:0.05rem}.v2-play .logo{margin-bottom:0.25rem}.v2-play .play-ambient-particles{display:none}.v2-play .guess-counter{margin:0.125rem 0}}@media (max-height: 750px){body.v2-play{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column}.v2-play{flex:1;display:flex;flex-direction:column;overflow:hidden}.v2-play .game-heading-wrapper{flex-shrink:0;padding:0.25rem 0}.v2-play .logo{font-size:1.25rem}.v2-play .board{flex-shrink:1;margin:0.25rem auto;padding:0}.v2-play .guess-counter{flex-shrink:0;margin:0.125rem 0}.v2-play .orbital-keyboard-container{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:0;padding-bottom:0.5rem}.v2-play .keyboard{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.site-footer{display:none !important}.play-ambient-particles{display:none}}@media (max-height: 680px){.v2-play .board-cell{width:2.25rem;height:2.25rem;font-size:1.5rem}.v2-play .board-row{gap:0.125rem;margin-bottom:0.125rem}.v2-play .board{gap:0}}@media (max-width: 420px) and (max-height: 680px){.v2-play .board-cell{width:1.875rem;height:1.875rem;font-size:1.125rem;border-radius:0.25rem}.v2-play .board-row{gap:0.075rem;margin-bottom:0.075rem}.v2-play .board{gap:0;padding:0;margin:0.125rem auto}.v2-play .logo{font-size:1rem;margin-bottom:0.125rem}.v2-play .guess-counter{font-size:0.7rem;margin:0.1rem 0}.v2-play .orbital-keyboard-container{flex:0 1 auto;padding-bottom:0.5rem}}@media (max-height: 620px){.v2-play .board-cell{width:2rem;height:2rem;font-size:1.25rem}.v2-play .board-row{gap:0.1rem;margin-bottom:0.1rem;padding:0}.v2-play .logo{font-size:1rem}.v2-play .top-bar-controls{position:absolute;top:0.25rem;right:0.25rem}.v2-play .top-bar-controls .btn-icon{width:2rem;height:2rem;font-size:0.875rem}}.play-particle{will-change:transform, opacity}.v2-play .board-cell{will-change:color, background-color, border-color, box-shadow, transform, text-shadow}.v2-play.colorblind-mode .board-cell.state-correct::after{content:'✓';position:absolute;font-size:0.5em;bottom:2px;right:4px;opacity:0.7;font-weight:700}.v2-play.colorblind-mode .board-cell.state-present::after{content:'○';position:absolute;font-size:0.45em;bottom:2px;right:4px;opacity:0.7;font-weight:400}.v2-play.colorblind-mode .board-cell.state-absent::after{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 4px);pointer-events:none}.v2-play.colorblind-mode .kb-key{position:relative}.v2-play.colorblind-mode .kb-key.kb-correct::after{content:'✓';position:absolute;font-size:0.45em;top:2px;right:3px;opacity:0.8;font-weight:700}.v2-play.colorblind-mode .kb-key.kb-present::after{content:'○';position:absolute;font-size:0.4em;top:2px;right:3px;opacity:0.8}.v2-play.colorblind-mode .kb-key.kb-absent::after{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.06) 2px, rgba(0,0,0,0.06) 4px);pointer-events:none;border-radius:inherit}.v2-play.colorblind-mode .orbital-key.kb-correct .key-label::after{content:' ✓';font-size:0.6em;vertical-align:super}.v2-play.colorblind-mode .orbital-key.kb-present .key-label::after{content:' ○';font-size:0.55em;vertical-align:super}.v2-play.colorblind-mode .orbital-key.kb-absent .key-background{opacity:0.25}.v2-play.colorblind-mode .kb-key.kb-present{border-style:dashed}[data-theme='dark'] .v2-play.colorblind-mode .board-cell.state-absent::after,[data-theme='dark'] .v2-play.colorblind-mode .kb-key.kb-absent::after{background-image:repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(255,255,255,0.06) 2px, rgba(255,255,255,0.06) 4px)}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .v2-play.colorblind-mode .board-cell.state-absent::after,:root:not([data-theme="light"]) .v2-play.colorblind-mode .kb-key.kb-absent::after{background-image:repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(255,255,255,0.06) 2px, rgba(255,255,255,0.06) 4px)}}.v2-history{position:relative;background:#0a0a0a;min-height:100vh;min-height:100dvh}.v2-history::before{content:'';position:fixed;inset:0;background-image:url("/static/images/bg/play.d6d6e9c59dcf.jpg");background-size:cover;background-position:center;filter:brightness(0.45) contrast(1.05) saturate(0.9);z-index:0;pointer-events:none}.v2-history::after{display:none}.history-ambient-particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.history-particle{position:absolute;border-radius:50%;background:rgba(255,255,255,0.2)}.history-particle:nth-child(1){left:7%;bottom:34%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out .5s infinite;opacity:0.09}.history-particle:nth-child(2){left:11%;bottom:53%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.12);animation:particle-float 14s ease-in-out 1.6s infinite;opacity:0.12}.history-particle:nth-child(3){left:15%;bottom:72%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.12);animation:particle-drift-up 17s ease-in-out 2.1s infinite;opacity:0.15}.history-particle:nth-child(4){left:87%;bottom:21%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out 2s infinite;opacity:0.06}.history-particle:nth-child(5){left:92%;bottom:40%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.12);animation:particle-float 12s ease-in-out 4s infinite;opacity:0.09}.history-particle:nth-child(6){left:97%;bottom:59%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.12);animation:particle-drift-up 16s ease-in-out 4.2s infinite;opacity:0.12}.v2-history{color:#fafaf9}.v2-history .logo{filter:drop-shadow(0 2px 8px rgba(0,0,0,0.3))}.v2-history .top-bar-controls{position:fixed;top:1rem;z-index:10}.v2-history .top-bar-controls.right{right:1rem}.v2-history .top-bar-controls.left{left:1rem}.v2-history .top-bar-controls .btn-icon,.v2-history .top-bar-controls .btn-theme{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.85);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.v2-history .top-bar-controls .btn-icon:hover,.v2-history .top-bar-controls .btn-theme:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.2);color:#fafaf9}.v2-history .game-heading-wrapper{position:relative;z-index:1;padding-top:1rem;text-align:center}.v2-history .history-container{position:relative;z-index:1}.v2-history .history-header h1{color:#fafaf9;text-shadow:0 2px 8px rgba(0,0,0,0.3)}.v2-history .history-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.08);box-shadow:0 8px 32px rgba(0,0,0,0.25);isolation:isolate;position:relative;z-index:1}.v2-history .history-card-title{color:#fafaf9}.v2-history .history-card-title i{color:rgba(255,255,255,0.6)}.v2-history .history-table-wrapper th{color:rgba(255,255,255,0.5);border-bottom-color:rgba(255,255,255,0.1)}.v2-history .history-table-wrapper td{color:rgba(255,255,255,0.85);border-bottom-color:rgba(255,255,255,0.06)}.v2-history .history-table-wrapper tr:last-child td{border-bottom:none}.v2-history .history-table-wrapper tr:hover td{background:rgba(255,255,255,0.05)}.v2-history .history-table-wrapper a{color:#5eead4}.v2-history .history-table-wrapper a:hover{color:#99f6e4}.v2-history .history-word{font-family:var(--font-family-display);font-weight:600;letter-spacing:0.05em;color:#fafaf9}.v2-history .js-localtime{color:rgba(255,255,255,0.6);font-size:0.85rem}.v2-history .result-badge--success{background:rgba(13,148,136,0.25);color:#5eead4;border:1px solid rgba(13,148,136,0.4)}.v2-history .result-badge--failure{background:rgba(239,68,68,0.2);color:#fca5a5;border:1px solid rgba(239,68,68,0.35)}.v2-history .result-badge--timeout{background:rgba(245,158,11,0.2);color:#fcd34d;border:1px solid rgba(245,158,11,0.35)}.v2-history .pagination .btn-pagination{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.85)}.v2-history .pagination .btn-pagination:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.2);color:#fafaf9}.v2-history .pagination .btn-pagination:disabled{opacity:0.4;cursor:not-allowed}.v2-history .pagination .page-status{color:rgba(255,255,255,0.6)}.v2-history .history-empty{padding:3rem 1.5rem}.v2-history .history-empty__icon{color:#5eead4;opacity:0.7}.v2-history .history-empty__title{color:#fafaf9;text-shadow:0 2px 8px rgba(0,0,0,0.3)}.v2-history .history-empty__subtitle{color:rgba(255,255,255,0.7)}.v2-history .history-empty__hint{color:rgba(255,255,255,0.5)}.v2-history .history-empty__hint i{color:#fbbf24}.v2-history .btn-primary,.v2-history .btn-play-now{background:rgba(13,148,136,0.3);border:1px solid rgba(13,148,136,0.5);color:#5eead4}.v2-history .btn-primary:hover,.v2-history .btn-play-now:hover{background:rgba(13,148,136,0.4);border-color:rgba(13,148,136,0.6)}.v2-history .btn-secondary,.v2-history .btn-daily{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.85)}.v2-history .btn-secondary:hover,.v2-history .btn-daily:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.2)}.v2-history .page-footer{color:rgba(255,255,255,0.5);position:relative;z-index:1}.v2-history .page-footer a{color:rgba(255,255,255,0.6)}.v2-history .page-footer a:hover{color:#fafaf9}.v2-history .page-footer .footer-separator{color:rgba(255,255,255,0.25)}.v2-history .btn-help-icon{color:rgba(255,255,255,0.5)}.v2-history .btn-help-icon:hover{color:#fafaf9}.v2-history .modal__backdrop{background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.v2-history .modal__dialog{background:rgba(30,30,30,0.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.1);box-shadow:0 16px 64px rgba(0,0,0,0.5);color:#fafaf9}.v2-history .modal__header{border-bottom-color:rgba(255,255,255,0.1)}.v2-history .modal__header h2{color:#fafaf9}.v2-history .modal__close{color:rgba(255,255,255,0.6)}.v2-history .modal__close:hover{color:#fafaf9}.v2-history .modal__body{color:rgba(255,255,255,0.85)}.v2-history .toast{background:rgba(30,30,30,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.1);color:#fafaf9;box-shadow:0 8px 32px rgba(0,0,0,0.4)}.v2-history .history-container{animation:zen-enter 0.5s ease-out 0.1s backwards}.v2-history .history-card{animation:zen-enter 0.5s ease-out backwards}.v2-history .history-card:nth-child(1){animation-delay:0.2s}.v2-history .history-card:nth-child(2){animation-delay:0.3s}.v2-history .history-card:nth-child(3){animation-delay:0.4s}.v2-history .pagination{animation:zen-enter 0.5s ease-out 0.5s backwards}.v2-history .history-empty{animation:zen-enter 0.6s ease-out 0.2s backwards}[data-theme="light"] .v2-history{background:var(--v2-bg-light);color:var(--v2-text-light)}[data-theme="light"] .v2-history::before{background-image:url("/static/images/bg/play-light.35e2893b1878.jpg");filter:brightness(1) saturate(0.85)}[data-theme="light"] .v2-history .logo{filter:drop-shadow(0 2px 8px rgba(0,0,0,0.08))}[data-theme="light"] .v2-history .top-bar-controls .btn-icon,[data-theme="light"] .v2-history .top-bar-controls .btn-theme{background:rgba(0,0,0,0.04);border:1px solid var(--v2-border-light);color:var(--v2-text-muted-light);transition:all 0.2s ease}[data-theme="light"] .v2-history .top-bar-controls .btn-icon:hover,[data-theme="light"] .v2-history .top-bar-controls .btn-theme:hover{background:rgba(0,0,0,0.08);border-color:var(--v2-border-strong-light);color:var(--v2-text-light)}[data-theme="light"] .v2-history .history-container{position:relative;z-index:1}[data-theme="light"] .v2-history .history-header h1{color:var(--v2-text-light);text-shadow:0 2px 8px rgba(0,0,0,0.06)}[data-theme="light"] .v2-history .history-card{background:var(--v2-glass-bg-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-glass-border-light);box-shadow:0 8px 32px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.9);isolation:isolate;position:relative;z-index:1}[data-theme="light"] .v2-history .history-card-title{color:var(--v2-text-light)}[data-theme="light"] .v2-history .history-card-title i{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-history .history-table-wrapper th{color:var(--v2-text-muted-light);border-bottom-color:var(--v2-border-light)}[data-theme="light"] .v2-history .history-table-wrapper td{color:var(--v2-text-light);border-bottom-color:rgba(0,0,0,0.04)}[data-theme="light"] .v2-history .history-table-wrapper tr:last-child td{border-bottom:none}[data-theme="light"] .v2-history .history-table-wrapper tr:hover td{background:rgba(0,0,0,0.03)}[data-theme="light"] .v2-history .history-table-wrapper a{color:var(--v2-correct-light)}[data-theme="light"] .v2-history .history-table-wrapper a:hover{color:#0f766e}[data-theme="light"] .v2-history .history-word{color:var(--v2-text-light)}[data-theme="light"] .v2-history .js-localtime{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-history .result-badge--success{background:var(--v2-correct-light-glow);color:var(--v2-correct-light);border:1px solid rgba(13,148,136,0.3)}[data-theme="light"] .v2-history .result-badge--failure{background:rgba(239,68,68,0.1);color:#dc2626;border:1px solid rgba(239,68,68,0.25)}[data-theme="light"] .v2-history .result-badge--timeout{background:var(--v2-present-light-glow);color:var(--v2-present-light);border:1px solid rgba(217,119,6,0.25)}[data-theme="light"] .v2-history .pagination .btn-pagination{background:rgba(0,0,0,0.04);border:1px solid var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-history .pagination .btn-pagination:hover{background:rgba(0,0,0,0.08);border-color:var(--v2-border-strong-light);color:var(--v2-text-light)}[data-theme="light"] .v2-history .pagination .btn-pagination:disabled{opacity:0.4;cursor:not-allowed}[data-theme="light"] .v2-history .pagination .page-status{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-history .history-empty__icon{color:var(--v2-correct-light);opacity:0.8}[data-theme="light"] .v2-history .history-empty__title{color:var(--v2-text-light);text-shadow:0 2px 8px rgba(0,0,0,0.06)}[data-theme="light"] .v2-history .history-empty__subtitle{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-history .history-empty__hint{color:var(--v2-text-faded-light)}[data-theme="light"] .v2-history .history-empty__hint i{color:var(--v2-present-light)}[data-theme="light"] .v2-history .btn-primary,[data-theme="light"] .v2-history .btn-play-now{background:var(--v2-correct-light-glow);border:1px solid rgba(13,148,136,0.3);color:var(--v2-correct-light)}[data-theme="light"] .v2-history .btn-primary:hover,[data-theme="light"] .v2-history .btn-play-now:hover{background:rgba(13,148,136,0.2);border-color:rgba(13,148,136,0.4)}[data-theme="light"] .v2-history .btn-secondary,[data-theme="light"] .v2-history .btn-daily{background:rgba(0,0,0,0.04);border:1px solid var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-history .btn-secondary:hover,[data-theme="light"] .v2-history .btn-daily:hover{background:rgba(0,0,0,0.08);border-color:var(--v2-border-strong-light)}[data-theme="light"] .v2-history .page-footer{color:var(--v2-text-muted-light);position:relative;z-index:1}[data-theme="light"] .v2-history .page-footer a{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-history .page-footer a:hover{color:var(--v2-text-light)}[data-theme="light"] .v2-history .page-footer .footer-separator{color:var(--v2-text-faded-light)}[data-theme="light"] .v2-history .btn-help-icon{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-history .btn-help-icon:hover{color:var(--v2-text-light)}[data-theme="light"] .v2-history .modal__backdrop{background:rgba(0,0,0,0.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}[data-theme="light"] .v2-history .modal__dialog{background:var(--v2-glass-bg-light);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--v2-glass-border-light);box-shadow:0 16px 64px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.9);color:var(--v2-text-light)}[data-theme="light"] .v2-history .modal__header{border-bottom-color:var(--v2-border-light)}[data-theme="light"] .v2-history .modal__header h2{color:var(--v2-text-light)}[data-theme="light"] .v2-history .modal__close{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-history .modal__close:hover{color:var(--v2-text-light)}[data-theme="light"] .v2-history .modal__body{color:var(--v2-text-light)}[data-theme="light"] .v2-history .toast{background:var(--v2-glass-bg-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-glass-border-light);color:var(--v2-text-light);box-shadow:0 8px 32px rgba(0,0,0,0.12)}[data-theme="light"] .history-particle{background:var(--v2-particle-light);box-shadow:var(--v2-particle-shadow-light)}@media (prefers-color-scheme: light){.v2-history:not([data-theme="dark"]){background:var(--v2-bg-light);color:var(--v2-text-light)}.v2-history:not([data-theme="dark"])::before{filter:brightness(0.92) saturate(0.7)}.v2-history:not([data-theme="dark"]) .logo{filter:drop-shadow(0 2px 8px rgba(0,0,0,0.08))}.v2-history:not([data-theme="dark"]) .history-card{background:var(--v2-glass-bg-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-glass-border-light);box-shadow:0 8px 32px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.9)}.v2-history:not([data-theme="dark"]) .history-card-title{color:var(--v2-text-light)}.v2-history:not([data-theme="dark"]) .history-card-title i{color:var(--v2-text-muted-light)}.v2-history:not([data-theme="dark"]) .history-table-wrapper th{color:var(--v2-text-muted-light);border-bottom-color:var(--v2-border-light)}.v2-history:not([data-theme="dark"]) .history-table-wrapper td{color:var(--v2-text-light);border-bottom-color:rgba(0,0,0,0.04)}.v2-history:not([data-theme="dark"]) .history-table-wrapper tr:hover td{background:rgba(0,0,0,0.03)}.v2-history:not([data-theme="dark"]) .history-table-wrapper a{color:var(--v2-correct-light)}.v2-history:not([data-theme="dark"]) .history-table-wrapper a:hover{color:#0f766e}.v2-history:not([data-theme="dark"]) .history-word{color:var(--v2-text-light)}.v2-history:not([data-theme="dark"]) .result-badge--success{background:var(--v2-correct-light-glow);color:var(--v2-correct-light);border:1px solid rgba(13,148,136,0.3)}.v2-history:not([data-theme="dark"]) .result-badge--failure{background:rgba(239,68,68,0.1);color:#dc2626;border:1px solid rgba(239,68,68,0.25)}.v2-history:not([data-theme="dark"]) .result-badge--timeout{background:var(--v2-present-light-glow);color:var(--v2-present-light);border:1px solid rgba(217,119,6,0.25)}.history-particle:not([data-theme="dark"] *){background:var(--v2-particle-light);box-shadow:var(--v2-particle-shadow-light)}}[data-theme="dark"] .v2-history .result-badge--success{color:#5eead4}@media (prefers-color-scheme: dark){.v2-history:not([data-theme="light"]) .result-badge--success{color:#5eead4}}@media (max-width: 768px){.v2-history .history-container{padding:0.75rem}.v2-history .history-card{padding:1rem}.history-particle:nth-child(n+5){display:none}}@media (max-width: 480px){.v2-history .history-header h1{font-size:1.5rem}.v2-history .history-table-wrapper{font-size:0.85rem}.v2-history .history-table-wrapper th,.v2-history .history-table-wrapper td{padding:0.5rem 0.35rem}.history-particle:nth-child(n+4){display:none}}@media (max-width: 400px){.v2-history .history-header{padding:0.75rem}.v2-history .history-header h1{font-size:1.375rem}.v2-history .history-container{padding:0.75rem}.v2-history .history-table-wrapper{font-size:0.8rem}.v2-history .history-table-wrapper th,.v2-history .history-table-wrapper td{padding:0.375rem 0.25rem}.v2-history .history-card{padding:0.75rem;border-radius:12px}.history-particle:nth-child(n+3){display:none}}@media (prefers-reduced-motion: reduce){.history-particle{animation:none !important;opacity:0.12;will-change:auto}.v2-history .history-container,.v2-history .history-card,.v2-history .pagination,.v2-history .history-empty{animation:none !important;opacity:1}.v2-history .history-empty__icon i{animation:none !important}}.history-particle{will-change:transform, opacity}.v2-hub{position:relative;min-height:100vh;min-height:100dvh}.v2-hub::before{content:'';position:fixed;inset:0;background-image:url("/static/images/bg/onboarding.58de3169d09e.jpg");background-size:cover;background-position:center;filter:brightness(0.45) contrast(1.05) saturate(0.9);z-index:-1}.v2-hub::after{display:none}.hub-ambient-particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.hub-particle{position:absolute;border-radius:50%;background:rgba(255,255,255,0.2)}.hub-particle:nth-child(1){left:7%;bottom:27%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out .4s infinite;opacity:0.09}.hub-particle:nth-child(2){left:12%;bottom:44%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.12);animation:particle-float 14s ease-in-out 1.4s infinite;opacity:0.12}.hub-particle:nth-child(3){left:17%;bottom:61%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.12);animation:particle-drift-up 17s ease-in-out 1.8s infinite;opacity:0.15}.hub-particle:nth-child(4){left:22%;bottom:78%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out 1.6s infinite;opacity:0.06}.hub-particle:nth-child(5){left:83%;bottom:20%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.12);animation:particle-float 12s ease-in-out 3.5s infinite;opacity:0.09}.hub-particle:nth-child(6){left:88%;bottom:37%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.12);animation:particle-drift-up 16s ease-in-out 3.6s infinite;opacity:0.12}.hub-particle:nth-child(7){left:93%;bottom:54%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out 2.8s infinite;opacity:0.15}.hub-particle:nth-child(8){left:98%;bottom:71%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.12);animation:particle-float 15s ease-in-out 5.6s infinite;opacity:0.06}.v2-hub{color:#fafaf9}.v2-hub .logo{filter:drop-shadow(0 2px 8px rgba(0,0,0,0.3))}.v2-hub .top-bar-controls{position:fixed;top:1rem;z-index:10}.v2-hub .top-bar-controls.right{right:1rem}.v2-hub .top-bar-controls.left{left:1rem}.v2-hub .top-bar-controls .btn-icon,.v2-hub .top-bar-controls .btn-profile{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.85);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.v2-hub .top-bar-controls .btn-icon:hover,.v2-hub .top-bar-controls .btn-profile:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.2);color:#fafaf9}.v2-hub .game-heading-wrapper{position:relative;z-index:1;padding-top:1rem;text-align:center}.v2-hub .home-container{position:relative;z-index:1}.v2-hub .home-header .home-greeting{color:#fafaf9;text-shadow:0 2px 8px rgba(0,0,0,0.3);font-weight:500}.v2-hub .home-header .player-name{color:#5eead4;font-weight:600}.v2-hub .continue-game-section .btn-continue-game{background:rgba(13,148,136,0.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(13,148,136,0.4);color:#5eead4;box-shadow:0 4px 16px rgba(0,0,0,0.2);transition:all 0.25s ease}.v2-hub .continue-game-section .btn-continue-game:hover{background:rgba(13,148,136,0.35);border-color:rgba(13,148,136,0.5);box-shadow:0 6px 24px rgba(0,0,0,0.25);transform:translateY(-2px)}.v2-hub .continue-game-section .btn-continue-game .continue-text{color:#fafaf9}.v2-hub .continue-game-section .btn-continue-game .continue-game-info{color:rgba(255,255,255,0.7)}.v2-hub .continue-game-section .btn-continue-game i{color:#5eead4}.v2-hub .home-stats{background:rgba(255,255,255,0.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.08);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.2);padding:1rem 1.5rem}.v2-hub .home-stats .stat-item .stat-value{color:#fafaf9;text-shadow:0 1px 4px rgba(0,0,0,0.2)}.v2-hub .home-stats .stat-item .stat-label{color:rgba(255,255,255,0.6)}.v2-hub .game-modes h3{color:rgba(255,255,255,0.8);text-shadow:0 1px 4px rgba(0,0,0,0.2);font-weight:500}.v2-hub .game-mode-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.08);box-shadow:0 8px 32px rgba(0,0,0,0.2);transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease}.v2-hub .game-mode-card:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15);box-shadow:0 12px 40px rgba(0,0,0,0.25);transform:translateY(-4px)}.v2-hub .game-mode-card:hover .mode-icon svg .orbital-arc{transform:rotate(10deg)}.v2-hub .game-mode-card:hover .mode-icon svg .mode-correct{opacity:0.6}.v2-hub .game-mode-card:hover .mode-icon svg .mode-dot{transform:scaleX(1.15);transform-origin:left center}.v2-hub .game-mode-card:hover .mode-icon svg .mode-step{transform:translateY(-2px)}.v2-hub .game-mode-card:hover .mode-icon svg .mode-step:nth-of-type(2){transition-delay:0.04s}.v2-hub .game-mode-card:hover .mode-icon svg .mode-step:nth-of-type(3){transition-delay:0.08s}.v2-hub .game-mode-card:hover .mode-icon svg .mode-step:nth-of-type(4){transition-delay:0.12s}.v2-hub .game-mode-card:hover .mode-icon svg .mode-sun{transform:scale(1.15)}.v2-hub .game-mode-card .mode-icon{color:#5eead4;opacity:0.9}.v2-hub .game-mode-card .mode-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}.v2-hub .game-mode-card .mode-icon svg .orbital-arc{transition:transform 0.3s ease;transform-origin:center}.v2-hub .game-mode-card .mode-icon svg .mode-correct{transition:opacity 0.3s ease}.v2-hub .game-mode-card .mode-icon svg .mode-dot{transition:transform 0.3s ease}.v2-hub .game-mode-card .mode-icon svg .mode-step{transition:transform 0.3s ease}.v2-hub .game-mode-card .mode-icon svg .mode-sun{transition:transform 0.3s ease;transform-origin:center}.v2-hub .game-mode-card h4{color:#fafaf9;text-shadow:0 1px 4px rgba(0,0,0,0.2)}.v2-hub .game-mode-card p{color:rgba(255,255,255,0.65)}.v2-hub .page-footer{color:rgba(255,255,255,0.5);position:relative;z-index:1}.v2-hub .page-footer a{color:rgba(255,255,255,0.6)}.v2-hub .page-footer a:hover{color:#fafaf9}.v2-hub .page-footer .footer-separator{color:rgba(255,255,255,0.25)}.v2-hub .btn-help-icon{color:rgba(255,255,255,0.5)}.v2-hub .btn-help-icon:hover{color:#fafaf9}.v2-hub .modal__backdrop{background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.v2-hub .modal__dialog{background:rgba(30,30,30,0.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.1);box-shadow:0 16px 64px rgba(0,0,0,0.5);color:#fafaf9}.v2-hub .modal__header{border-bottom-color:rgba(255,255,255,0.1)}.v2-hub .modal__header h2{color:#fafaf9}.v2-hub .modal__close{color:rgba(255,255,255,0.6)}.v2-hub .modal__close:hover{color:#fafaf9}.v2-hub .modal__body{color:rgba(255,255,255,0.85)}.v2-hub .toast{background:rgba(30,30,30,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.1);color:#fafaf9;box-shadow:0 8px 32px rgba(0,0,0,0.4)}.v2-hub .home-container{animation:zen-enter 0.5s ease-out 0.1s backwards}.v2-hub .home-stats{animation:zen-enter 0.5s ease-out 0.2s backwards}.v2-hub .continue-game-section{animation:zen-enter 0.5s ease-out 0.15s backwards}.v2-hub .game-modes h3{animation:zen-enter 0.5s ease-out 0.25s backwards}.v2-hub .game-mode-card{animation:zen-enter 0.5s ease-out backwards}.v2-hub .game-mode-card:nth-child(1){animation-delay:0.3s}.v2-hub .game-mode-card:nth-child(2){animation-delay:0.4s}.v2-hub .game-mode-card:nth-child(3){animation-delay:0.5s}.v2-hub .game-mode-card:nth-child(4){animation-delay:0.6s}[data-theme="light"] .v2-hub{background:var(--v2-bg-light);color:var(--v2-text-light)}[data-theme="light"] .v2-hub::before{background-image:url("/static/images/bg/onboarding-light.35e2893b1878.jpg");filter:brightness(1) saturate(0.85)}[data-theme="light"] .v2-hub .logo{filter:drop-shadow(0 2px 8px rgba(0,0,0,0.08))}[data-theme="light"] .v2-hub .top-bar-controls .btn-icon,[data-theme="light"] .v2-hub .top-bar-controls .btn-profile{background:rgba(0,0,0,0.04);border:1px solid var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-hub .top-bar-controls .btn-icon:hover,[data-theme="light"] .v2-hub .top-bar-controls .btn-profile:hover{background:rgba(0,0,0,0.08);border-color:var(--v2-border-strong-light);color:var(--v2-text-light)}[data-theme="light"] .v2-hub .home-header .home-greeting{color:var(--v2-text-light);text-shadow:0 2px 8px rgba(0,0,0,0.06)}[data-theme="light"] .v2-hub .home-header .player-name{color:var(--v2-correct-light)}[data-theme="light"] .v2-hub .continue-game-section .btn-continue-game{background:var(--v2-correct-light-glow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(13,148,136,0.3);color:var(--v2-correct-light);box-shadow:0 4px 16px rgba(0,0,0,0.08)}[data-theme="light"] .v2-hub .continue-game-section .btn-continue-game:hover{background:rgba(13,148,136,0.2);border-color:rgba(13,148,136,0.4);box-shadow:0 6px 24px rgba(0,0,0,0.12)}[data-theme="light"] .v2-hub .continue-game-section .btn-continue-game .continue-text{color:var(--v2-text-light)}[data-theme="light"] .v2-hub .continue-game-section .btn-continue-game .continue-game-info{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-hub .continue-game-section .btn-continue-game i{color:var(--v2-correct-light)}[data-theme="light"] .v2-hub .home-stats{background:var(--v2-glass-bg-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-glass-border-light);box-shadow:0 8px 32px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.9)}[data-theme="light"] .v2-hub .home-stats .stat-item .stat-value{color:var(--v2-text-light);text-shadow:none}[data-theme="light"] .v2-hub .home-stats .stat-item .stat-label{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-hub .game-modes h3{color:var(--v2-text-light);text-shadow:none}[data-theme="light"] .v2-hub .game-mode-card{background:var(--v2-glass-bg-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-glass-border-light);box-shadow:0 8px 32px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.9)}[data-theme="light"] .v2-hub .game-mode-card:hover{background:rgba(255,255,255,0.85);border-color:var(--v2-border-strong-light);box-shadow:0 12px 40px rgba(0,0,0,0.12),inset 0 1px 0 rgba(255,255,255,0.9)}[data-theme="light"] .v2-hub .game-mode-card .mode-icon{color:var(--v2-correct-light)}[data-theme="light"] .v2-hub .game-mode-card .mode-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,0.06))}[data-theme="light"] .v2-hub .game-mode-card h4{color:var(--v2-text-light);text-shadow:none}[data-theme="light"] .v2-hub .game-mode-card p{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-hub .page-footer{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-hub .page-footer a{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-hub .page-footer a:hover{color:var(--v2-text-light)}[data-theme="light"] .v2-hub .page-footer .footer-separator{color:var(--v2-text-faded-light)}[data-theme="light"] .v2-hub .btn-help-icon{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-hub .btn-help-icon:hover{color:var(--v2-text-light)}[data-theme="light"] .v2-hub .modal__backdrop{background:rgba(0,0,0,0.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}[data-theme="light"] .v2-hub .modal__dialog{background:var(--v2-glass-bg-light);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--v2-glass-border-light);box-shadow:0 16px 64px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.9);color:var(--v2-text-light)}[data-theme="light"] .v2-hub .modal__header{border-bottom-color:var(--v2-border-light)}[data-theme="light"] .v2-hub .modal__header h2{color:var(--v2-text-light)}[data-theme="light"] .v2-hub .modal__close{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-hub .modal__close:hover{color:var(--v2-text-light)}[data-theme="light"] .v2-hub .modal__body{color:var(--v2-text-light)}[data-theme="light"] .v2-hub .toast{background:var(--v2-glass-bg-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-glass-border-light);color:var(--v2-text-light);box-shadow:0 8px 32px rgba(0,0,0,0.12)}[data-theme="light"] .hub-particle{background:var(--v2-particle-light);box-shadow:var(--v2-particle-shadow-light)}@media (prefers-color-scheme: light){.v2-hub:not([data-theme="dark"]){background:var(--v2-bg-light);color:var(--v2-text-light)}.v2-hub:not([data-theme="dark"])::before{filter:brightness(0.92) saturate(0.7)}.v2-hub:not([data-theme="dark"]) .home-stats,.v2-hub:not([data-theme="dark"]) .game-mode-card{background:var(--v2-glass-bg-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-glass-border-light);box-shadow:0 8px 32px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.9)}.v2-hub:not([data-theme="dark"]) .home-greeting{color:var(--v2-text-light)}.v2-hub:not([data-theme="dark"]) .player-name{color:var(--v2-correct-light)}.hub-particle:not([data-theme="dark"] *){background:var(--v2-particle-light);box-shadow:var(--v2-particle-shadow-light)}}[data-theme="dark"] .v2-hub .game-mode-card:hover{background:rgba(255,255,255,0.1)}@media (prefers-color-scheme: dark){.v2-hub:not([data-theme="light"]) .game-mode-card:hover{background:rgba(255,255,255,0.1)}}@media (max-width: 768px){.v2-hub .home-container{padding:0.75rem}.v2-hub .home-stats{padding:0.75rem 1rem}.v2-hub .game-mode-card{padding:1rem}.hub-particle:nth-child(n+7){display:none}}@media (max-width: 480px){.v2-hub .home-greeting{font-size:1.25rem}.v2-hub .home-stats .stat-value{font-size:1.5rem}.hub-particle:nth-child(n+5){display:none}}@media (prefers-reduced-motion: reduce){.hub-particle{animation:none !important;opacity:0.12;will-change:auto}.v2-hub .home-container,.v2-hub .home-stats,.v2-hub .continue-game-section,.v2-hub .game-modes h3,.v2-hub .game-mode-card{animation:none !important;opacity:1}.v2-hub .game-mode-card{transition:none}.v2-hub .game-mode-card:hover{transform:none}.v2-hub .game-mode-card .mode-icon svg .orbital-arc,.v2-hub .game-mode-card .mode-icon svg .mode-dot,.v2-hub .game-mode-card .mode-icon svg .mode-step,.v2-hub .game-mode-card .mode-icon svg .mode-sun{transition:none}.v2-hub .btn-continue-game{transition:none}.v2-hub .btn-continue-game:hover{transform:none}}.hub-particle{will-change:transform, opacity}.v2-hub .game-mode-card,.v2-hub .btn-continue-game{will-change:transform, box-shadow}.v2-profile{position:relative;background:#0a0a0a;min-height:100vh;min-height:100dvh}.v2-profile::before{content:'';position:fixed;inset:0;background-image:url("/static/images/bg/play.d6d6e9c59dcf.jpg");background-size:cover;background-position:center;filter:brightness(0.45) contrast(1.05) saturate(0.9);z-index:0;pointer-events:none}.v2-profile::after{display:none}.profile-ambient-particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.profile-particle{position:absolute;border-radius:50%;background:rgba(255,255,255,0.2)}.profile-particle:nth-child(1){left:7%;bottom:27%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out .4s infinite;opacity:0.09}.profile-particle:nth-child(2){left:12%;bottom:44%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.12);animation:particle-float 14s ease-in-out 1.4s infinite;opacity:0.12}.profile-particle:nth-child(3){left:17%;bottom:61%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.12);animation:particle-drift-up 17s ease-in-out 1.8s infinite;opacity:0.15}.profile-particle:nth-child(4){left:22%;bottom:78%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out 1.6s infinite;opacity:0.06}.profile-particle:nth-child(5){left:83%;bottom:20%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.12);animation:particle-float 12s ease-in-out 3.5s infinite;opacity:0.09}.profile-particle:nth-child(6){left:88%;bottom:37%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.12);animation:particle-drift-up 16s ease-in-out 3.6s infinite;opacity:0.12}.profile-particle:nth-child(7){left:93%;bottom:54%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out 2.8s infinite;opacity:0.15}.profile-particle:nth-child(8){left:98%;bottom:71%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.12);animation:particle-float 15s ease-in-out 5.6s infinite;opacity:0.06}.v2-profile{color:#fafaf9}.v2-profile .top-bar-controls{position:fixed;top:1rem;z-index:10}.v2-profile .top-bar-controls.right{right:1rem}.v2-profile .top-bar-controls.left{left:1rem}.v2-profile .top-bar-controls .btn-icon,.v2-profile .top-bar-controls .btn-back{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.85);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.v2-profile .top-bar-controls .btn-icon:hover,.v2-profile .top-bar-controls .btn-back:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.2);color:#fafaf9}.v2-profile .game-heading-wrapper{position:relative;z-index:1;padding-top:1rem;text-align:center}.v2-profile .profile-header{position:relative;z-index:1;text-align:center;padding:2rem 1rem 1.5rem}.v2-profile .profile-header .profile-username{color:#fafaf9;text-shadow:0 2px 12px rgba(0,0,0,0.4);font-weight:600;letter-spacing:0.02em}.v2-profile .profile-header .profile-subtitle{color:rgba(255,255,255,0.6)}.v2-profile .profile-header .profile-subtitle i{color:#5eead4;margin-right:0.35rem}.v2-profile .profile-header .profile-subtitle time{color:rgba(255,255,255,0.8)}.v2-profile .statistics-section{background:rgba(255,255,255,0.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.08);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.2);position:relative;z-index:1;padding:1.5rem;margin-top:0;padding-top:1.5rem;border-top:none}.v2-profile .statistics-section .statistics-header{border-bottom-color:rgba(255,255,255,0.08)}.v2-profile .statistics-section .statistics-header h3{color:#fafaf9}.v2-profile .statistics-section .statistics-header .btn-statistics-refresh{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.7)}.v2-profile .statistics-section .statistics-header .btn-statistics-refresh:hover{background:rgba(255,255,255,0.14);color:#fafaf9}.v2-profile .statistics-section .statistics-grid .stat-item .stat-value{color:#fafaf9;text-shadow:0 1px 4px rgba(0,0,0,0.2)}.v2-profile .statistics-section .statistics-grid .stat-item .stat-label{color:rgba(255,255,255,0.6)}.v2-profile .guess-distribution{border-top-color:rgba(255,255,255,0.08)}.v2-profile .guess-distribution h4{color:rgba(255,255,255,0.8)}.v2-profile .guess-distribution .distribution-bars .distribution-row .distribution-label{color:rgba(255,255,255,0.7)}.v2-profile .guess-distribution .distribution-bars .distribution-row .distribution-bar-container{background:rgba(255,255,255,0.1);border-radius:4px}.v2-profile .guess-distribution .distribution-bars .distribution-row .distribution-bar-container .distribution-bar{background:linear-gradient(90deg, #0d9488 0%, #14b8a6 100%)}.v2-profile .guess-distribution .distribution-bars .distribution-row .distribution-count{color:rgba(255,255,255,0.8)}.v2-profile .navigation-cards-section{position:relative;z-index:1;border-top-color:rgba(255,255,255,0.08)}.v2-profile .navigation-cards .settings-link,.v2-profile .settings-link-section .settings-link,.v2-profile .privacy-footer .settings-link{background:rgba(255,255,255,0.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.08);box-shadow:0 4px 16px rgba(0,0,0,0.15);transition:background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease}.v2-profile .navigation-cards .settings-link:hover,.v2-profile .settings-link-section .settings-link:hover,.v2-profile .privacy-footer .settings-link:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15);box-shadow:0 6px 24px rgba(0,0,0,0.2);transform:translateY(-2px)}.v2-profile .navigation-cards .settings-link .settings-link-icon,.v2-profile .settings-link-section .settings-link .settings-link-icon,.v2-profile .privacy-footer .settings-link .settings-link-icon{background:rgba(13,148,136,0.2);color:#5eead4}.v2-profile .navigation-cards .settings-link .settings-link-title,.v2-profile .settings-link-section .settings-link .settings-link-title,.v2-profile .privacy-footer .settings-link .settings-link-title{color:#fafaf9}.v2-profile .navigation-cards .settings-link .settings-link-description,.v2-profile .settings-link-section .settings-link .settings-link-description,.v2-profile .privacy-footer .settings-link .settings-link-description{color:rgba(255,255,255,0.6)}.v2-profile .navigation-cards .settings-link .settings-link-arrow,.v2-profile .settings-link-section .settings-link .settings-link-arrow,.v2-profile .privacy-footer .settings-link .settings-link-arrow{color:rgba(255,255,255,0.4)}.v2-profile .achievements-section{background:rgba(255,255,255,0.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.08);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.2);position:relative;z-index:1;padding:1rem;isolation:isolate}.v2-profile .achievements-section .achievements-section__header{border-bottom-color:rgba(255,255,255,0.08)}.v2-profile .achievements-section .achievements-section__header .achievements-section__title{color:#fafaf9}.v2-profile .achievements-section .achievements-section__header .achievements-section__title i{color:#fbbf24}.v2-profile .achievements-section .achievements-section__header .achievements-section__count{color:rgba(255,255,255,0.6);background:rgba(255,255,255,0.1)}.v2-profile .achievements-section .achievements-empty .achievements-empty__icon{color:rgba(255,255,255,0.3)}.v2-profile .achievements-section .achievements-empty .achievements-empty__text{color:rgba(255,255,255,0.6)}.v2-profile .achievements-section .achievement-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06)}.v2-profile .achievements-section .achievement-card:hover{background:rgba(255,255,255,0.06)}.v2-profile .achievements-section .achievement-card .achievement-card__name{color:#fafaf9}.v2-profile .achievements-section .achievement-card .achievement-card__description{color:rgba(255,255,255,0.6)}.v2-profile .achievements-section .achievement-card .achievement-card__unlocked{color:#5eead4}.v2-profile .achievements-section .achievement-card.achievement-card--locked{opacity:0.5}.v2-profile .achievements-section .achievement-card.achievement-card--locked .achievement-card__name{color:rgba(255,255,255,0.7)}.v2-profile .achievements-section .achievements-list{list-style:none;padding:0;margin:0}.v2-profile .achievements-section .achievements-toggle{background:rgba(255,255,255,0.03);color:#5eead4;border-top-color:rgba(255,255,255,0.08)}.v2-profile .achievements-section .achievements-toggle:hover{background:rgba(255,255,255,0.06);color:#99f6e4}.v2-profile .privacy-footer{position:relative;z-index:1}.v2-profile .privacy-footer .settings-link .settings-link-icon{background:rgba(139,92,246,0.2);color:#a78bfa}.v2-profile .toast{background:rgba(30,30,30,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.1);color:#fafaf9;box-shadow:0 8px 32px rgba(0,0,0,0.4)}.v2-profile .profile-header{animation:zen-enter 0.5s ease-out 0.1s backwards}.v2-profile .statistics-section{animation:zen-enter 0.5s ease-out 0.2s backwards}.v2-profile .navigation-cards-section{animation:zen-enter 0.5s ease-out 0.3s backwards}.v2-profile .achievements-section{animation:zen-enter 0.5s ease-out 0.4s backwards}.v2-profile .privacy-footer{animation:zen-enter 0.5s ease-out 0.5s backwards}[data-theme="light"] .v2-profile{background:var(--v2-bg-light);color:var(--v2-text-light)}[data-theme="light"] .v2-profile::before{background-image:url("/static/images/bg/play-light.35e2893b1878.jpg");filter:brightness(1) saturate(0.85)}[data-theme="light"] .v2-profile .profile-header .profile-username{color:var(--v2-text-light)}[data-theme="light"] .v2-profile .profile-header .profile-subtitle{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-profile .profile-header .profile-subtitle i{color:var(--v2-correct-light)}[data-theme="light"] .v2-profile .profile-header .profile-subtitle time{color:var(--v2-text-light)}[data-theme="light"] .v2-profile .top-bar-controls .btn-icon,[data-theme="light"] .v2-profile .top-bar-controls .btn-back{background:rgba(0,0,0,0.04);border-color:var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-profile .top-bar-controls .btn-icon:hover,[data-theme="light"] .v2-profile .top-bar-controls .btn-back:hover{background:rgba(0,0,0,0.08);border-color:var(--v2-border-strong-light);color:var(--v2-text-light)}[data-theme="light"] .v2-profile .statistics-section{background:rgba(255,255,255,0.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-border-light);box-shadow:0 4px 16px rgba(0,0,0,0.06)}[data-theme="light"] .v2-profile .statistics-section .statistics-header{border-bottom-color:var(--v2-border-light)}[data-theme="light"] .v2-profile .statistics-section .statistics-header h3{color:var(--v2-text-light)}[data-theme="light"] .v2-profile .statistics-section .statistics-header .btn-statistics-refresh{background:rgba(0,0,0,0.04);border-color:var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-profile .statistics-section .statistics-header .btn-statistics-refresh:hover{background:rgba(0,0,0,0.08);color:var(--v2-text-light)}[data-theme="light"] .v2-profile .statistics-section .statistics-grid .stat-item .stat-value{color:var(--v2-text-light)}[data-theme="light"] .v2-profile .statistics-section .statistics-grid .stat-item .stat-label{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-profile .guess-distribution{border-top-color:var(--v2-border-light)}[data-theme="light"] .v2-profile .guess-distribution h4{color:var(--v2-text-light)}[data-theme="light"] .v2-profile .guess-distribution .distribution-bars .distribution-row .distribution-label{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-profile .guess-distribution .distribution-bars .distribution-row .distribution-bar-container{background:rgba(0,0,0,0.06);border-radius:4px}[data-theme="light"] .v2-profile .guess-distribution .distribution-bars .distribution-row .distribution-bar-container .distribution-bar{background:linear-gradient(90deg, #0d9488 0%, #14b8a6 100%)}[data-theme="light"] .v2-profile .guess-distribution .distribution-bars .distribution-row .distribution-count{color:var(--v2-text-light)}[data-theme="light"] .v2-profile .navigation-cards-section{border-top-color:var(--v2-border-light)}[data-theme="light"] .v2-profile .navigation-cards .settings-link,[data-theme="light"] .v2-profile .settings-link-section .settings-link,[data-theme="light"] .v2-profile .privacy-footer .settings-link{background:rgba(255,255,255,0.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-border-light);box-shadow:0 2px 8px rgba(0,0,0,0.04)}[data-theme="light"] .v2-profile .navigation-cards .settings-link:hover,[data-theme="light"] .v2-profile .settings-link-section .settings-link:hover,[data-theme="light"] .v2-profile .privacy-footer .settings-link:hover{background:rgba(255,255,255,0.9);border-color:var(--v2-border-strong-light);box-shadow:0 4px 16px rgba(0,0,0,0.08)}[data-theme="light"] .v2-profile .navigation-cards .settings-link .settings-link-icon,[data-theme="light"] .v2-profile .settings-link-section .settings-link .settings-link-icon,[data-theme="light"] .v2-profile .privacy-footer .settings-link .settings-link-icon{background:rgba(13,148,136,0.1);color:var(--v2-correct-light)}[data-theme="light"] .v2-profile .navigation-cards .settings-link .settings-link-title,[data-theme="light"] .v2-profile .settings-link-section .settings-link .settings-link-title,[data-theme="light"] .v2-profile .privacy-footer .settings-link .settings-link-title{color:var(--v2-text-light)}[data-theme="light"] .v2-profile .navigation-cards .settings-link .settings-link-description,[data-theme="light"] .v2-profile .settings-link-section .settings-link .settings-link-description,[data-theme="light"] .v2-profile .privacy-footer .settings-link .settings-link-description{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-profile .navigation-cards .settings-link .settings-link-arrow,[data-theme="light"] .v2-profile .settings-link-section .settings-link .settings-link-arrow,[data-theme="light"] .v2-profile .privacy-footer .settings-link .settings-link-arrow{color:var(--v2-text-faded-light)}[data-theme="light"] .v2-profile .achievements-section{background:rgba(255,255,255,0.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-border-light);box-shadow:0 4px 16px rgba(0,0,0,0.06)}[data-theme="light"] .v2-profile .achievements-section .achievements-section__header{border-bottom-color:var(--v2-border-light)}[data-theme="light"] .v2-profile .achievements-section .achievements-section__header .achievements-section__title{color:var(--v2-text-light)}[data-theme="light"] .v2-profile .achievements-section .achievements-section__header .achievements-section__title i{color:#d97706}[data-theme="light"] .v2-profile .achievements-section .achievements-section__header .achievements-section__count{color:var(--v2-text-muted-light);background:rgba(0,0,0,0.05)}[data-theme="light"] .v2-profile .achievements-section .achievements-empty .achievements-empty__icon{color:var(--v2-text-faded-light)}[data-theme="light"] .v2-profile .achievements-section .achievements-empty .achievements-empty__text{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-profile .achievements-section .achievement-card{background:rgba(0,0,0,0.02);border-color:var(--v2-border-light)}[data-theme="light"] .v2-profile .achievements-section .achievement-card:hover{background:rgba(0,0,0,0.04)}[data-theme="light"] .v2-profile .achievements-section .achievement-card .achievement-card__name{color:var(--v2-text-light)}[data-theme="light"] .v2-profile .achievements-section .achievement-card .achievement-card__description{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-profile .achievements-section .achievement-card .achievement-card__unlocked{color:var(--v2-correct-light)}[data-theme="light"] .v2-profile .achievements-section .achievement-card.achievement-card--locked{opacity:0.6}[data-theme="light"] .v2-profile .achievements-section .achievement-card.achievement-card--locked .achievement-card__name{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-profile .achievements-section .achievements-toggle{background:rgba(0,0,0,0.02);color:var(--v2-correct-light);border-top-color:var(--v2-border-light)}[data-theme="light"] .v2-profile .achievements-section .achievements-toggle:hover{background:rgba(0,0,0,0.04);color:#0f766e}[data-theme="light"] .v2-profile .privacy-footer .settings-link .settings-link-icon{background:rgba(139,92,246,0.1);color:#7c3aed}[data-theme="light"] .v2-profile .toast{background:rgba(255,255,255,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-border-light);color:var(--v2-text-light);box-shadow:0 4px 20px rgba(0,0,0,0.1)}[data-theme="light"] .profile-particle{background:var(--v2-particle-light);box-shadow:var(--v2-particle-shadow-light)}[data-theme="dark"] .v2-profile .settings-link:hover{background:rgba(255,255,255,0.1)}@media (prefers-color-scheme: dark){.v2-profile:not([data-theme="light"]) .settings-link:hover{background:rgba(255,255,255,0.1)}}@media (max-width: 768px){.v2-profile .profile-header{padding:1.5rem 1rem 1rem}.v2-profile .statistics-section,.v2-profile .achievements-section{margin:0 0.5rem;border-radius:10px}.v2-profile .settings-link{margin:0 0.5rem}.profile-particle:nth-child(n+7){display:none}}@media (max-width: 480px){.v2-profile .profile-username{font-size:1.5rem}.v2-profile .statistics-grid .stat-value{font-size:1.25rem}.profile-particle:nth-child(n+5){display:none}}@media (max-width: 400px){.v2-profile .profile-container{padding:0.75rem}.v2-profile .profile-header{padding:0.875rem;border-radius:12px}.v2-profile .profile-username{font-size:1.375rem}.v2-profile .statistics-section{padding:0.875rem;border-radius:12px}.v2-profile .statistics-grid{gap:0.5rem}.v2-profile .statistics-grid .stat-value{font-size:1.125rem}.v2-profile .statistics-grid .stat-label{font-size:0.6875rem}.v2-profile .settings-link{padding:0.625rem;border-radius:10px}.profile-particle:nth-child(n+3){display:none}}@media (prefers-reduced-motion: reduce){.profile-particle{animation:none !important;opacity:0.12;will-change:auto}.v2-profile .profile-header,.v2-profile .statistics-section,.v2-profile .navigation-cards-section,.v2-profile .achievements-section,.v2-profile .privacy-footer{animation:none !important;opacity:1}.v2-profile .settings-link{transition:none}.v2-profile .settings-link:hover{transform:none}}.profile-particle{will-change:transform, opacity}.v2-profile .settings-link{will-change:transform, box-shadow}.skeleton-circle--label{width:1.5em;height:1.5em}.skeleton-bar--w60{width:60%}.skeleton-bar--w80{width:80%}.skeleton-bar--w45{width:45%}.skeleton-bar--w30{width:30%}.skeleton-bar--w20{width:20%}.skeleton-bar--w15{width:15%}.v2-settings{position:relative;min-height:100vh;min-height:100dvh}.v2-settings::before{content:'';position:fixed;inset:0;background-image:url("/static/images/bg/onboarding.58de3169d09e.jpg");background-size:cover;background-position:center;filter:brightness(0.45) contrast(1.05) saturate(0.9);z-index:-1}.v2-settings::after{display:none}.settings-ambient-particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.settings-particle{position:absolute;border-radius:50%;background:rgba(255,255,255,0.2)}.settings-particle:nth-child(1){left:7%;bottom:27%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out .4s infinite;opacity:0.09}.settings-particle:nth-child(2){left:12%;bottom:44%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.12);animation:particle-float 14s ease-in-out 1.4s infinite;opacity:0.12}.settings-particle:nth-child(3){left:17%;bottom:61%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.12);animation:particle-drift-up 17s ease-in-out 1.8s infinite;opacity:0.15}.settings-particle:nth-child(4){left:22%;bottom:78%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out 1.6s infinite;opacity:0.06}.settings-particle:nth-child(5){left:83%;bottom:20%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.12);animation:particle-float 12s ease-in-out 3.5s infinite;opacity:0.09}.settings-particle:nth-child(6){left:88%;bottom:37%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.12);animation:particle-drift-up 16s ease-in-out 3.6s infinite;opacity:0.12}.settings-particle:nth-child(7){left:93%;bottom:54%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out 2.8s infinite;opacity:0.15}.settings-particle:nth-child(8){left:98%;bottom:71%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.12);animation:particle-float 15s ease-in-out 5.6s infinite;opacity:0.06}.v2-settings{color:#fafaf9}.v2-settings .top-bar-controls{position:fixed;top:1rem;z-index:10}.v2-settings .top-bar-controls.right{right:1rem}.v2-settings .top-bar-controls.left{left:1rem}.v2-settings .top-bar-controls .btn-icon,.v2-settings .top-bar-controls .btn-back{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.85);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.v2-settings .top-bar-controls .btn-icon:hover,.v2-settings .top-bar-controls .btn-back:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.2);color:#fafaf9}.v2-settings .game-heading-wrapper{position:relative;z-index:1;padding-top:1rem;text-align:center}.v2-settings .game-heading-wrapper .logo-text{color:#fafaf9;text-shadow:0 2px 12px rgba(0,0,0,0.4)}.v2-settings .settings-container{position:relative;z-index:1}.v2-settings .settings-header{text-align:center;margin-bottom:2rem}.v2-settings .settings-header h1{color:#fafaf9;text-shadow:0 2px 12px rgba(0,0,0,0.4);font-weight:600;letter-spacing:0.02em}.v2-settings .settings-header .settings-subtitle{color:rgba(255,255,255,0.6);margin-top:0.5rem}.v2-settings .settings-section{margin-bottom:2rem}.v2-settings .settings-section .settings-section-header{margin-bottom:1rem}.v2-settings .settings-section .settings-section-header h2{color:#fafaf9;font-weight:600;font-size:1.125rem;display:flex;align-items:center;gap:0.5rem}.v2-settings .settings-section .settings-section-header h2 i{color:#5eead4}.v2-settings .settings-section .settings-section-header .settings-section-subtitle{color:rgba(255,255,255,0.5);font-size:0.875rem;margin-top:0.25rem}.v2-settings .settings-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.08);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.2);padding:1.5rem}.v2-settings .settings-field{margin-bottom:1.5rem}.v2-settings .settings-field:last-child{margin-bottom:0}.v2-settings .settings-field .settings-field-label{color:rgba(255,255,255,0.9);font-weight:500;font-size:0.9375rem;display:flex;align-items:center;gap:0.5rem;margin-bottom:0.75rem}.v2-settings .settings-field .settings-field-label i{color:#5eead4;font-size:1rem}.v2-settings .settings-field .settings-field-hint{color:rgba(255,255,255,0.5);font-size:0.8125rem;margin-top:0.5rem}.v2-settings .settings-language-selector{display:flex;flex-wrap:wrap;gap:0.5rem}.v2-settings .settings-language-option{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:0.625rem 1rem;cursor:pointer;transition:all 0.2s ease}.v2-settings .settings-language-option input{display:none}.v2-settings .settings-language-option .settings-language-name{color:rgba(255,255,255,0.8);font-size:0.875rem;font-weight:500}.v2-settings .settings-language-option:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.v2-settings .settings-language-option.is-selected{background:rgba(13,148,136,0.25);border-color:rgba(94,234,212,0.4)}.v2-settings .settings-language-option.is-selected .settings-language-name{color:#5eead4}.v2-settings .settings-word-length-selector{display:flex;flex-wrap:nowrap;gap:0.5rem}.v2-settings .settings-word-length-option{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:0.5rem;cursor:pointer;transition:all 0.2s ease;flex:1;text-align:center}.v2-settings .settings-word-length-option input{display:none}.v2-settings .settings-word-length-option .settings-word-length-badge{color:rgba(255,255,255,0.8);font-size:0.9375rem;font-weight:600;background-color:transparent;width:auto;height:auto;border-radius:0}.v2-settings .settings-word-length-option:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.v2-settings .settings-word-length-option.is-selected{background:rgba(13,148,136,0.25);border-color:rgba(94,234,212,0.4)}.v2-settings .settings-word-length-option.is-selected .settings-word-length-badge{color:#5eead4;background-color:transparent}.v2-settings .settings-word-length-option.is-hidden{display:none}.v2-settings .settings-current-selection{display:flex;align-items:center;gap:0.5rem;background:rgba(13,148,136,0.15);border:1px solid rgba(94,234,212,0.2);border-radius:8px;padding:0.75rem 1rem;margin:1rem 0}.v2-settings .settings-current-selection i{color:#5eead4}.v2-settings .settings-current-selection #selection-text{color:rgba(255,255,255,0.9);font-size:0.875rem}.v2-settings .settings-toggle-group{display:flex;gap:0.5rem;flex-wrap:wrap;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:0.25rem}.v2-settings .settings-toggle-option{display:flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:0.625rem 1rem;cursor:pointer;transition:all 0.2s ease;color:rgba(255,255,255,0.7);font-size:0.875rem;font-weight:500}.v2-settings .settings-toggle-option i{font-size:1rem}.v2-settings .settings-toggle-option:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.9)}.v2-settings .settings-toggle-option.is-active{background:rgba(13,148,136,0.25);border-color:rgba(94,234,212,0.4);color:#5eead4}.v2-settings .settings-save-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;background:linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);border:none;border-radius:10px;padding:0.875rem 1.5rem;color:#fafaf9;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.25s ease;box-shadow:0 4px 16px rgba(13,148,136,0.3);margin-top:1.5rem}.v2-settings .settings-save-btn i{font-size:1.125rem}.v2-settings .settings-save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(13,148,136,0.4)}.v2-settings .settings-save-btn:active{transform:translateY(0)}.v2-settings .page-footer{position:relative;z-index:1;background:transparent;border-top:1px solid rgba(255,255,255,0.08);padding:1rem;margin-top:2rem}.v2-settings .page-footer p{color:rgba(255,255,255,0.5)}.v2-settings .page-footer .footer-separator{color:rgba(255,255,255,0.3)}.v2-settings .page-footer .footer-link{color:rgba(255,255,255,0.6);transition:color 0.2s ease}.v2-settings .page-footer .footer-link:hover{color:#5eead4}.v2-settings .page-footer .btn-help-icon{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.7);transition:all 0.2s ease}.v2-settings .page-footer .btn-help-icon:hover{background:rgba(255,255,255,0.14);color:#fafaf9}.v2-settings .modal__dialog{background:rgba(30,30,30,0.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.1);box-shadow:0 24px 64px rgba(0,0,0,0.5)}.v2-settings .modal__header{border-bottom-color:rgba(255,255,255,0.08)}.v2-settings .modal__header h2{color:#fafaf9}.v2-settings .modal__header .modal__close{color:rgba(255,255,255,0.6)}.v2-settings .modal__header .modal__close:hover{color:#fafaf9}.v2-settings .modal__body{color:rgba(255,255,255,0.8)}.v2-settings .modal__body h3{color:#fafaf9}.v2-settings .modal__body a{color:#5eead4}.v2-settings .modal__body a:hover{color:#99f6e4}.v2-settings .toast{background:rgba(30,30,30,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.1);color:#fafaf9;box-shadow:0 8px 32px rgba(0,0,0,0.4)}.v2-settings .game-heading-wrapper{animation:zen-enter 0.5s ease-out 0.1s backwards}.v2-settings .settings-header{animation:zen-enter 0.5s ease-out 0.2s backwards}.v2-settings #game-preferences{animation:zen-enter 0.5s ease-out 0.3s backwards}.v2-settings #display-accessibility{animation:zen-enter 0.5s ease-out 0.4s backwards}.v2-settings .page-footer{animation:zen-enter 0.5s ease-out 0.5s backwards}[data-theme="light"] .v2-settings{background:var(--v2-bg-light);color:var(--v2-text-light)}[data-theme="light"] .v2-settings::before{background-image:url("/static/images/bg/onboarding-light.35e2893b1878.jpg");filter:brightness(1) saturate(0.85)}[data-theme="light"] .v2-settings .game-heading-wrapper .logo-text{color:var(--v2-text-light);text-shadow:0 2px 12px rgba(0,0,0,0.08)}[data-theme="light"] .v2-settings .top-bar-controls .btn-icon,[data-theme="light"] .v2-settings .top-bar-controls .btn-back{background:rgba(0,0,0,0.04);border:1px solid var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-settings .top-bar-controls .btn-icon:hover,[data-theme="light"] .v2-settings .top-bar-controls .btn-back:hover{background:rgba(0,0,0,0.08);border-color:var(--v2-border-strong-light);color:var(--v2-text-light)}[data-theme="light"] .v2-settings .settings-header h1{color:var(--v2-text-light);text-shadow:0 2px 12px rgba(0,0,0,0.06)}[data-theme="light"] .v2-settings .settings-header .settings-subtitle{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-settings .settings-section .settings-section-header h2{color:var(--v2-text-light)}[data-theme="light"] .v2-settings .settings-section .settings-section-header h2 i{color:var(--v2-correct-light)}[data-theme="light"] .v2-settings .settings-section .settings-section-header .settings-section-subtitle{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-settings .settings-card{background:var(--v2-glass-bg-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-glass-border-light);box-shadow:0 8px 32px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.9)}[data-theme="light"] .v2-settings .settings-field .settings-field-label{color:var(--v2-text-light)}[data-theme="light"] .v2-settings .settings-field .settings-field-label i{color:var(--v2-correct-light)}[data-theme="light"] .v2-settings .settings-field .settings-field-hint{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-settings .settings-language-option{background:rgba(0,0,0,0.03);border:1px solid var(--v2-border-light)}[data-theme="light"] .v2-settings .settings-language-option .settings-language-name{color:var(--v2-text-light)}[data-theme="light"] .v2-settings .settings-language-option:hover{background:rgba(0,0,0,0.06);border-color:var(--v2-border-strong-light)}[data-theme="light"] .v2-settings .settings-language-option.is-selected{background:var(--color-accent);border-color:var(--color-accent)}[data-theme="light"] .v2-settings .settings-language-option.is-selected .settings-language-name{color:var(--color-text-on-accent);font-weight:500}[data-theme="light"] .v2-settings .settings-word-length-option{background:rgba(0,0,0,0.03);border:1px solid var(--v2-border-light)}[data-theme="light"] .v2-settings .settings-word-length-option .settings-word-length-badge{color:var(--v2-text-light)}[data-theme="light"] .v2-settings .settings-word-length-option:hover{background:rgba(0,0,0,0.06);border-color:var(--v2-border-strong-light)}[data-theme="light"] .v2-settings .settings-word-length-option.is-selected{background:var(--color-accent);border-color:var(--color-accent)}[data-theme="light"] .v2-settings .settings-word-length-option.is-selected .settings-word-length-badge{color:var(--color-text-on-accent);font-weight:600;background-color:transparent}[data-theme="light"] .v2-settings .settings-current-selection{background:var(--v2-correct-light-glow);border:1px solid rgba(13,148,136,0.2)}[data-theme="light"] .v2-settings .settings-current-selection i{color:var(--v2-correct-light)}[data-theme="light"] .v2-settings .settings-current-selection #selection-text{color:var(--v2-text-light)}[data-theme="light"] .v2-settings .settings-toggle-group{background:rgba(0,0,0,0.02);border:1px solid var(--v2-border-light)}[data-theme="light"] .v2-settings .settings-toggle-option{background:rgba(0,0,0,0.03);border:1px solid var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-settings .settings-toggle-option:hover{background:rgba(0,0,0,0.06);border-color:var(--v2-border-strong-light);color:var(--v2-text-light)}[data-theme="light"] .v2-settings .settings-toggle-option.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent)}[data-theme="light"] .v2-settings .settings-save-btn{background:linear-gradient(135deg, var(--v2-correct-light) 0%, #14b8a6 100%);box-shadow:0 4px 16px rgba(13,148,136,0.2)}[data-theme="light"] .v2-settings .settings-save-btn:hover{box-shadow:0 6px 24px rgba(13,148,136,0.3)}[data-theme="light"] .v2-settings .page-footer{border-top-color:var(--v2-border-light)}[data-theme="light"] .v2-settings .page-footer p{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-settings .page-footer .footer-separator{color:var(--v2-text-faded-light)}[data-theme="light"] .v2-settings .page-footer .footer-link{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-settings .page-footer .footer-link:hover{color:var(--v2-correct-light)}[data-theme="light"] .v2-settings .page-footer .btn-help-icon{background:rgba(0,0,0,0.04);border:1px solid var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-settings .page-footer .btn-help-icon:hover{background:rgba(0,0,0,0.08);color:var(--v2-text-light)}[data-theme="light"] .v2-settings .modal__dialog{background:var(--v2-glass-bg-light);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--v2-glass-border-light);box-shadow:0 24px 64px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.9)}[data-theme="light"] .v2-settings .modal__header{border-bottom-color:var(--v2-border-light)}[data-theme="light"] .v2-settings .modal__header h2{color:var(--v2-text-light)}[data-theme="light"] .v2-settings .modal__header .modal__close{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-settings .modal__header .modal__close:hover{color:var(--v2-text-light)}[data-theme="light"] .v2-settings .modal__body{color:var(--v2-text-light)}[data-theme="light"] .v2-settings .modal__body h3{color:var(--v2-text-light)}[data-theme="light"] .v2-settings .modal__body a{color:var(--v2-correct-light)}[data-theme="light"] .v2-settings .modal__body a:hover{color:#0f766e}[data-theme="light"] .v2-settings .toast{background:var(--v2-glass-bg-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-glass-border-light);color:var(--v2-text-light);box-shadow:0 8px 32px rgba(0,0,0,0.12)}[data-theme="light"] .settings-particle{background:var(--v2-particle-light);box-shadow:var(--v2-particle-shadow-light)}@media (prefers-color-scheme: light){.v2-settings:not([data-theme="dark"]){background:var(--v2-bg-light);color:var(--v2-text-light)}.v2-settings:not([data-theme="dark"])::before{filter:brightness(0.92) saturate(0.7)}.v2-settings:not([data-theme="dark"]) .settings-card{background:var(--v2-glass-bg-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--v2-glass-border-light);box-shadow:0 8px 32px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.9)}.v2-settings:not([data-theme="dark"]) .settings-header h1{color:var(--v2-text-light);text-shadow:0 2px 12px rgba(0,0,0,0.06)}.v2-settings:not([data-theme="dark"]) .settings-section-header h2{color:var(--v2-text-light)}.v2-settings:not([data-theme="dark"]) .settings-section-header h2 i{color:var(--v2-correct-light)}.v2-settings:not([data-theme="dark"]) .settings-language-option,.v2-settings:not([data-theme="dark"]) .settings-word-length-option{background:rgba(0,0,0,0.03);border:1px solid var(--v2-border-light)}.v2-settings:not([data-theme="dark"]) .settings-language-option.is-selected,.v2-settings:not([data-theme="dark"]) .settings-word-length-option.is-selected{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent)}.v2-settings:not([data-theme="dark"]) .settings-toggle-option{background:rgba(0,0,0,0.03);border:1px solid var(--v2-border-light);color:var(--v2-text-muted-light)}.v2-settings:not([data-theme="dark"]) .settings-toggle-option.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent)}.settings-particle:not([data-theme="dark"] *){background:var(--v2-particle-light);box-shadow:var(--v2-particle-shadow-light)}}[data-theme="dark"] .v2-settings .settings-toggle-option:hover{background:rgba(255,255,255,0.12)}@media (prefers-color-scheme: dark){.v2-settings:not([data-theme="light"]) .settings-toggle-option:hover{background:rgba(255,255,255,0.12)}}@media (max-width: 768px){.v2-settings .settings-container{padding:0 0.75rem}.v2-settings .settings-card{padding:1.25rem;border-radius:10px}.v2-settings .settings-header h1{font-size:1.5rem}.v2-settings .settings-section-header h2{font-size:1rem}.settings-particle:nth-child(n+7){display:none}}@media (max-width: 480px){.v2-settings .settings-header h1{font-size:1.25rem}.v2-settings .settings-header .settings-subtitle{font-size:0.875rem}.v2-settings .settings-card{padding:1rem}.v2-settings .settings-language-option,.v2-settings .settings-word-length-option,.v2-settings .settings-toggle-option{padding:0.5rem 0.75rem;font-size:0.8125rem}.v2-settings .settings-save-btn{padding:0.75rem 1rem;font-size:0.9375rem}.settings-particle:nth-child(n+5){display:none}}@media (max-width: 400px){.v2-settings .settings-container{padding:0.75rem}.v2-settings .settings-header{padding:0.75rem}.v2-settings .settings-header h1{font-size:1.125rem}.v2-settings .settings-header .settings-subtitle{font-size:0.8125rem}.v2-settings .settings-card{padding:0.875rem;border-radius:12px}.v2-settings .settings-language-option,.v2-settings .settings-word-length-option,.v2-settings .settings-toggle-option{padding:0.375rem 0.625rem;font-size:0.75rem;border-radius:8px}.v2-settings .settings-save-btn{padding:0.625rem 0.875rem;font-size:0.875rem}.settings-particle:nth-child(n+3){display:none}}@media (prefers-reduced-motion: reduce){.settings-particle{animation:none !important;opacity:0.12;will-change:auto}.v2-settings .game-heading-wrapper,.v2-settings .settings-header,.v2-settings #game-preferences,.v2-settings #display-accessibility,.v2-settings .page-footer{animation:none !important;opacity:1}.v2-settings .settings-language-option,.v2-settings .settings-word-length-option,.v2-settings .settings-toggle-option,.v2-settings .settings-save-btn{transition:none}.v2-settings .settings-save-btn:hover{transform:none}}.settings-particle{will-change:transform, opacity}.v2-settings .settings-card{will-change:auto}.v2-settings .settings-save-btn{will-change:transform, box-shadow}.v2-game-mode{position:relative;min-height:100vh;min-height:100dvh}.v2-game-mode::before{content:'';position:fixed;inset:0;background-size:cover;background-position:center;filter:brightness(0.45) contrast(1.05) saturate(0.9);z-index:-1}.v2-game-mode::after{display:none}.v2-game-mode.classic-page::before{background-image:url("/static/images/bg/play.d6d6e9c59dcf.jpg")}.v2-game-mode.word-race-page::before{background-image:url("/static/images/bg/win.57518d484730.jpg");filter:brightness(0.42) contrast(1.05) saturate(0.85)}.v2-game-mode.word-ladder-page::before{background-image:url("/static/images/bg/play.d6d6e9c59dcf.jpg");filter:brightness(0.42) contrast(1.05) saturate(0.88)}.v2-game-mode.daily-challenge-page::before{background-image:url("/static/images/bg/lose.1557cea5d404.jpg");filter:brightness(0.4) contrast(1.05) saturate(0.9)}.game-mode-ambient-particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.game-mode-particle{position:absolute;border-radius:50%;background:rgba(255,255,255,0.2)}.game-mode-particle:nth-child(1){left:9%;bottom:34%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.1);animation:particle-drift-diagonal 18s ease-in-out .4s infinite;opacity:0.075}.game-mode-particle:nth-child(2){left:15%;bottom:53%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.1);animation:particle-float 15s ease-in-out 1.2s infinite;opacity:0.1}.game-mode-particle:nth-child(3){left:21%;bottom:72%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.1);animation:particle-drift-up 18s ease-in-out 1.5s infinite;opacity:0.125}.game-mode-particle:nth-child(4){left:27%;bottom:21%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.1);animation:particle-drift-diagonal 18s ease-in-out 1.6s infinite;opacity:0.05}.game-mode-particle:nth-child(5){left:82%;bottom:40%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.1);animation:particle-float 13s ease-in-out 3s infinite;opacity:0.075}.game-mode-particle:nth-child(6){left:88%;bottom:59%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.1);animation:particle-drift-up 17s ease-in-out 3s infinite;opacity:0.1}.game-mode-particle:nth-child(7){left:94%;bottom:78%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.1);animation:particle-drift-diagonal 18s ease-in-out 2.8s infinite;opacity:0.125}.game-mode-particle:nth-child(8){left:100%;bottom:27%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.1);animation:particle-float 16s ease-in-out 4.8s infinite;opacity:0.05}.v2-game-mode{color:#fafaf9}.v2-game-mode .top-bar-controls{position:fixed;top:1rem;z-index:10}.v2-game-mode .top-bar-controls.right{right:1rem}.v2-game-mode .top-bar-controls.left{left:1rem}.v2-game-mode .top-bar-controls .btn-icon,.v2-game-mode .top-bar-controls .btn-back,.v2-game-mode .top-bar-controls .btn-theme,.v2-game-mode .top-bar-controls .btn-theme-toggle,.v2-game-mode .top-bar-controls .btn-profile{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.85);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;cursor:pointer}.v2-game-mode .top-bar-controls .btn-icon:hover,.v2-game-mode .top-bar-controls .btn-back:hover,.v2-game-mode .top-bar-controls .btn-theme:hover,.v2-game-mode .top-bar-controls .btn-theme-toggle:hover,.v2-game-mode .top-bar-controls .btn-profile:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.2);color:#fafaf9}.v2-game-mode .game-heading-wrapper{position:relative;z-index:1;padding-top:1rem;text-align:center}.v2-game-mode .challenge-landing-container{background:rgba(255,255,255,0.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.1);position:relative;z-index:1;padding:2rem;max-width:480px;margin:0 auto 2rem}.v2-game-mode .challenge-header{text-align:center;margin-bottom:1.5rem}.v2-game-mode .challenge-header .challenge-icon,.v2-game-mode .challenge-header .challenge-icon--svg{width:64px;height:64px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:rgba(13,148,136,0.2);border-radius:16px;color:#5eead4}.v2-game-mode .challenge-header .challenge-icon i,.v2-game-mode .challenge-header .challenge-icon--svg i{font-size:1.75rem}.v2-game-mode .challenge-header .challenge-icon svg,.v2-game-mode .challenge-header .challenge-icon--svg svg{width:32px;height:32px;fill:currentColor}.v2-game-mode .challenge-header .challenge-icon svg .orbital-arc,.v2-game-mode .challenge-header .challenge-icon--svg svg .orbital-arc{transition:transform 0.3s ease;transform-origin:center}.v2-game-mode .challenge-header .challenge-icon svg .mode-dot,.v2-game-mode .challenge-header .challenge-icon--svg svg .mode-dot{transition:transform 0.3s ease}.v2-game-mode .challenge-header .challenge-icon svg .mode-step,.v2-game-mode .challenge-header .challenge-icon--svg svg .mode-step{transition:transform 0.3s ease}.v2-game-mode .challenge-header .challenge-icon svg .mode-sun,.v2-game-mode .challenge-header .challenge-icon--svg svg .mode-sun{transition:transform 0.3s ease;transform-origin:center}.v2-game-mode .challenge-header .challenge-title{font-family:var(--font-family-display);color:#fafaf9;font-size:1.75rem;font-weight:600;margin-bottom:0.5rem;text-shadow:0 2px 8px rgba(0,0,0,0.3)}.v2-game-mode .challenge-header .challenge-subtitle{color:rgba(255,255,255,0.6);font-size:0.95rem}.v2-game-mode .challenge-description{text-align:center;color:rgba(255,255,255,0.75);font-size:1rem;line-height:1.6;margin-bottom:1.5rem;padding:0 0.5rem}.v2-game-mode .challenge-rules{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;margin-bottom:1.5rem;overflow:hidden}.v2-game-mode .challenge-rules summary{padding:0.875rem 1rem;cursor:pointer;color:rgba(255,255,255,0.8);font-weight:500;display:flex;align-items:center;gap:0.5rem;transition:all 0.2s ease}.v2-game-mode .challenge-rules summary:hover{color:#fafaf9;background:rgba(255,255,255,0.04)}.v2-game-mode .challenge-rules summary i{color:#5eead4;font-size:0.9rem}.v2-game-mode .challenge-rules summary::marker,.v2-game-mode .challenge-rules summary::-webkit-details-marker{display:none}.v2-game-mode .challenge-rules summary::after{content:'\f078';font-family:'Font Awesome 6 Pro';font-weight:300;margin-left:auto;font-size:0.75rem;color:rgba(255,255,255,0.5);transition:transform 0.2s ease}.v2-game-mode .challenge-rules[open] summary::after{transform:rotate(180deg)}.v2-game-mode .challenge-rules ul,.v2-game-mode .challenge-rules ol{padding:0 1rem 1rem 2.5rem;margin:0;color:rgba(255,255,255,0.7);font-size:0.9rem;line-height:1.6}.v2-game-mode .challenge-rules ul li,.v2-game-mode .challenge-rules ol li{margin-bottom:0.5rem}.v2-game-mode .challenge-rules ul li:last-child,.v2-game-mode .challenge-rules ol li:last-child{margin-bottom:0}.v2-game-mode .challenge-config{margin-bottom:1.5rem}.v2-game-mode .challenge-config h3,.v2-game-mode .challenge-config .config-label{display:block;color:rgba(255,255,255,0.7);font-size:0.85rem;font-weight:500;margin:0 0 0.75rem;text-transform:uppercase;letter-spacing:0.05em}.v2-game-mode .language-selector{display:flex;flex-wrap:wrap;gap:0.5rem}.v2-game-mode .language-selector .language-option{flex:1;min-width:120px}.v2-game-mode .language-selector .language-option input[type="radio"]{position:absolute;opacity:0;pointer-events:none}.v2-game-mode .language-selector .language-option input[type="radio"]:checked+.language-name{background:rgba(13,148,136,0.25);border-color:rgba(94,234,212,0.5);color:#5eead4}.v2-game-mode .language-selector .language-option input[type="radio"]:focus+.language-name{outline:2px solid rgba(94,234,212,0.5);outline-offset:2px}.v2-game-mode .language-selector .language-option .language-name{display:flex;align-items:center;gap:0.625rem;padding:0.75rem 1rem;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:10px;cursor:pointer;transition:all 0.2s ease;color:rgba(255,255,255,0.85);font-size:0.95rem}.v2-game-mode .language-selector .language-option .language-name:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.18)}.v2-game-mode .word-length-selector{display:flex;gap:0.5rem;justify-content:center}.v2-game-mode .word-length-selector .word-length-option input[type="radio"]{position:absolute;opacity:0;pointer-events:none}.v2-game-mode .word-length-selector .word-length-option input[type="radio"]:checked~.word-length-badge{background:rgba(13,148,136,0.3);border-color:rgba(94,234,212,0.5);color:#5eead4;font-weight:600}.v2-game-mode .word-length-selector .word-length-option input[type="radio"]:focus~.word-length-badge{outline:2px solid rgba(94,234,212,0.5);outline-offset:2px}.v2-game-mode .word-length-selector .word-length-option .word-length-badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:10px;cursor:pointer;transition:all 0.2s ease;color:rgba(255,255,255,0.85);font-size:1.1rem;font-weight:500}.v2-game-mode .word-length-selector .word-length-option .word-length-badge:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.18)}.v2-game-mode .word-length-selector .word-length-option .word-length-label{display:block;text-align:center;font-size:0.7rem;color:rgba(255,255,255,0.5);margin-top:0.25rem;cursor:pointer}.v2-game-mode .challenge-info{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center;margin-bottom:1.5rem}.v2-game-mode .challenge-info .info-item{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.875rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);border-radius:8px;color:rgba(255,255,255,0.7);font-size:0.85rem}.v2-game-mode .challenge-info .info-item i{color:#5eead4;font-size:0.9rem}.v2-game-mode .challenge-info .info-item strong{color:#fafaf9;font-weight:600}.v2-game-mode .challenge-actions{text-align:center;margin-bottom:1.5rem}.v2-game-mode .challenge-actions .btn-start-challenge{display:inline-flex;align-items:center;justify-content:center;gap:0.625rem;padding:1rem 2.5rem;background:linear-gradient(135deg, #0d9488 0%, #0f766e 100%);border:1px solid rgba(94,234,212,0.3);border-radius:12px;color:#fafaf9;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.25s ease;box-shadow:0 4px 16px rgba(13,148,136,0.3),inset 0 1px 0 rgba(255,255,255,0.15);text-decoration:none}.v2-game-mode .challenge-actions .btn-start-challenge i{font-size:1rem}.v2-game-mode .challenge-actions .btn-start-challenge:hover{background:linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);transform:translateY(-2px);box-shadow:0 6px 24px rgba(13,148,136,0.4),inset 0 1px 0 rgba(255,255,255,0.2)}.v2-game-mode .challenge-actions .btn-start-challenge:active{transform:translateY(0)}.v2-game-mode .challenge-nav{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.08)}.v2-game-mode .challenge-nav .nav-label{display:block;color:rgba(255,255,255,0.5);font-size:0.8rem;margin-bottom:0.625rem}.v2-game-mode .challenge-nav .nav-links{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center}.v2-game-mode .challenge-nav .nav-links a{padding:0.5rem 0.875rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;color:rgba(255,255,255,0.7);font-size:0.85rem;text-decoration:none;transition:all 0.2s ease}.v2-game-mode .challenge-nav .nav-links a:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15);color:#fafaf9}.v2-game-mode.daily-challenge-page .daily-challenge-container{background:rgba(255,255,255,0.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.1);position:relative;z-index:1;padding:2rem;max-width:480px;margin:0 auto 2rem}.v2-game-mode.daily-challenge-page .screen-header{text-align:center;margin-bottom:1.5rem}.v2-game-mode.daily-challenge-page .screen-header .screen-icon{width:64px;height:64px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:rgba(13,148,136,0.2);border-radius:16px;color:#5eead4}.v2-game-mode.daily-challenge-page .screen-header .screen-icon i{font-size:1.75rem}.v2-game-mode.daily-challenge-page .screen-header .screen-title{color:#fafaf9;font-size:1.5rem;font-weight:600;margin-bottom:0.5rem;text-shadow:0 2px 8px rgba(0,0,0,0.3)}.v2-game-mode.daily-challenge-page .screen-header .screen-subtitle{color:rgba(255,255,255,0.6);font-size:0.95rem}.v2-game-mode.daily-challenge-page #screen-loading .loading-spinner{width:48px;height:48px;margin:2rem auto;border:3px solid rgba(255,255,255,0.1);border-top-color:#5eead4;border-radius:50%;animation:spin 1s linear infinite}.v2-game-mode.daily-challenge-page #screen-loading .loading-text{text-align:center;color:rgba(255,255,255,0.7)}.v2-game-mode.daily-challenge-page .challenge-info-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:0.75rem;margin-bottom:1.5rem}.v2-game-mode.daily-challenge-page .challenge-info-grid .info-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:1rem;text-align:center}.v2-game-mode.daily-challenge-page .challenge-info-grid .info-card .info-icon{color:#5eead4;font-size:1.25rem;margin-bottom:0.5rem}.v2-game-mode.daily-challenge-page .challenge-info-grid .info-card .info-value{color:#fafaf9;font-size:1.25rem;font-weight:600;margin-bottom:0.25rem}.v2-game-mode.daily-challenge-page .challenge-info-grid .info-card .info-label{color:rgba(255,255,255,0.6);font-size:0.8rem}.v2-game-mode.daily-challenge-page #screen-game .game-timer{text-align:center;margin-bottom:1rem}.v2-game-mode.daily-challenge-page #screen-game .game-timer .timer-value{font-size:2rem;font-weight:700;color:#5eead4;font-variant-numeric:tabular-nums}.v2-game-mode.daily-challenge-page #screen-game .game-timer.timer-warning .timer-value{color:#fbbf24}.v2-game-mode.daily-challenge-page #screen-game .game-timer.timer-critical .timer-value{color:#ef4444;animation:pulse 1s ease-in-out infinite}.v2-game-mode.daily-challenge-page #screen-game .letter-pool{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin-bottom:1.5rem}.v2-game-mode.daily-challenge-page #screen-game .letter-pool .letter-tile{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:8px;color:#fafaf9;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all 0.15s ease}.v2-game-mode.daily-challenge-page #screen-game .letter-pool .letter-tile:hover{background:rgba(255,255,255,0.15);transform:translateY(-2px)}.v2-game-mode.daily-challenge-page #screen-game .letter-pool .letter-tile.is-selected{background:rgba(13,148,136,0.3);border-color:rgba(94,234,212,0.5);color:#5eead4}.v2-game-mode.daily-challenge-page #screen-game .letter-pool .letter-tile.is-used{opacity:0.3;pointer-events:none}.v2-game-mode.daily-challenge-page #screen-game .word-display{display:flex;gap:0.375rem;justify-content:center;margin-bottom:1rem}.v2-game-mode.daily-challenge-page #screen-game .word-display .letter-slot{width:40px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.04);border:2px solid rgba(255,255,255,0.15);border-radius:8px;color:#fafaf9;font-size:1.25rem;font-weight:600}.v2-game-mode.daily-challenge-page #screen-game .word-display .letter-slot.is-filled{background:rgba(13,148,136,0.2);border-color:rgba(94,234,212,0.4)}.v2-game-mode.daily-challenge-page #screen-game .word-display .letter-slot.is-correct{background:rgba(34,197,94,0.25);border-color:rgba(34,197,94,0.5);color:#4ade80}.v2-game-mode.daily-challenge-page #screen-game .word-display .letter-slot.is-wrong{background:rgba(239,68,68,0.2);border-color:rgba(239,68,68,0.4);color:#f87171}.v2-game-mode.daily-challenge-page #screen-game .game-controls{display:flex;gap:0.75rem;justify-content:center}.v2-game-mode.daily-challenge-page #screen-game .game-controls .btn-game-action{padding:0.75rem 1.5rem;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);border-radius:10px;color:rgba(255,255,255,0.85);font-size:0.95rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.v2-game-mode.daily-challenge-page #screen-game .game-controls .btn-game-action:hover{background:rgba(255,255,255,0.14);color:#fafaf9}.v2-game-mode.daily-challenge-page #screen-game .game-controls .btn-game-action.btn-submit{background:linear-gradient(135deg, #0d9488 0%, #0f766e 100%);border-color:rgba(94,234,212,0.3);color:#fafaf9}.v2-game-mode.daily-challenge-page #screen-game .game-controls .btn-game-action.btn-submit:hover{background:linear-gradient(135deg, #14b8a6 0%, #0d9488 100%)}.v2-game-mode.daily-challenge-page #screen-result .result-icon{width:80px;height:80px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:2.5rem}.v2-game-mode.daily-challenge-page #screen-result .result-icon.result-success{background:rgba(34,197,94,0.2);color:#4ade80}.v2-game-mode.daily-challenge-page #screen-result .result-icon.result-failure{background:rgba(239,68,68,0.15);color:#f87171}.v2-game-mode.daily-challenge-page #screen-result .result-stats{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0}.v2-game-mode.daily-challenge-page #screen-result .result-stats .stat{text-align:center}.v2-game-mode.daily-challenge-page #screen-result .result-stats .stat .stat-value{font-size:1.75rem;font-weight:700;color:#fafaf9}.v2-game-mode.daily-challenge-page #screen-result .result-stats .stat .stat-label{font-size:0.8rem;color:rgba(255,255,255,0.6)}.v2-game-mode.daily-challenge-page #screen-result .word-reveal{text-align:center;padding:1rem;background:rgba(255,255,255,0.04);border-radius:10px;margin-bottom:1.5rem}.v2-game-mode.daily-challenge-page #screen-result .word-reveal .reveal-label{font-size:0.8rem;color:rgba(255,255,255,0.6);margin-bottom:0.5rem}.v2-game-mode.daily-challenge-page #screen-result .word-reveal .reveal-word{font-size:1.75rem;font-weight:700;color:#5eead4;letter-spacing:0.1em}.v2-game-mode.daily-challenge-page #screen-completed .completed-message{text-align:center;color:rgba(255,255,255,0.7);margin-bottom:1.5rem}.v2-game-mode.daily-challenge-page #screen-completed .next-challenge{text-align:center;padding:1rem;background:rgba(255,255,255,0.04);border-radius:10px}.v2-game-mode.daily-challenge-page #screen-completed .next-challenge .countdown-label{font-size:0.85rem;color:rgba(255,255,255,0.6);margin-bottom:0.5rem}.v2-game-mode.daily-challenge-page #screen-completed .next-challenge .countdown-value{font-size:1.5rem;font-weight:700;color:#5eead4;font-variant-numeric:tabular-nums}.v2-game-mode.daily-challenge-page .leaderboard{margin-top:1.5rem}.v2-game-mode.daily-challenge-page .leaderboard .leaderboard-title{color:rgba(255,255,255,0.8);font-size:0.95rem;font-weight:600;margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem}.v2-game-mode.daily-challenge-page .leaderboard .leaderboard-title i{color:#fbbf24}.v2-game-mode.daily-challenge-page .leaderboard .leaderboard-list{list-style:none;padding:0;margin:0}.v2-game-mode.daily-challenge-page .leaderboard .leaderboard-list .leaderboard-item{display:flex;align-items:center;gap:0.75rem;padding:0.625rem 0.75rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:8px;margin-bottom:0.5rem}.v2-game-mode.daily-challenge-page .leaderboard .leaderboard-list .leaderboard-item:last-child{margin-bottom:0}.v2-game-mode.daily-challenge-page .leaderboard .leaderboard-list .leaderboard-item.is-current-player{background:rgba(13,148,136,0.15);border-color:rgba(94,234,212,0.25)}.v2-game-mode.daily-challenge-page .leaderboard .leaderboard-list .leaderboard-item .rank{width:24px;font-weight:700;color:rgba(255,255,255,0.6)}.v2-game-mode.daily-challenge-page .leaderboard .leaderboard-list .leaderboard-item .rank.rank-1{color:#fbbf24}.v2-game-mode.daily-challenge-page .leaderboard .leaderboard-list .leaderboard-item .rank.rank-2{color:#94a3b8}.v2-game-mode.daily-challenge-page .leaderboard .leaderboard-list .leaderboard-item .rank.rank-3{color:#d97706}.v2-game-mode.daily-challenge-page .leaderboard .leaderboard-list .leaderboard-item .player-name{flex:1;color:#fafaf9;font-weight:500}.v2-game-mode.daily-challenge-page .leaderboard .leaderboard-list .leaderboard-item .player-score{color:#5eead4;font-weight:600}.v2-game-mode.daily-challenge-page .leaderboard .leaderboard-list .leaderboard-item .player-time{color:rgba(255,255,255,0.6);font-size:0.85rem}.v2-game-mode .challenge-landing-container,.v2-game-mode .daily-challenge-container{animation:game-mode-enter 0.5s ease-out 0.15s forwards;opacity:0}.v2-game-mode .challenge-header,.v2-game-mode .screen-header{animation:game-mode-enter 0.5s ease-out 0.25s forwards;opacity:0}.v2-game-mode .challenge-description{animation:game-mode-enter 0.5s ease-out 0.3s forwards;opacity:0}.v2-game-mode .challenge-rules{animation:game-mode-enter 0.5s ease-out 0.35s forwards;opacity:0}.v2-game-mode .challenge-config{animation:game-mode-enter 0.5s ease-out 0.4s forwards;opacity:0}.v2-game-mode .challenge-info,.v2-game-mode .challenge-info-grid{animation:game-mode-enter 0.5s ease-out 0.45s forwards;opacity:0}.v2-game-mode .challenge-actions{animation:game-mode-enter 0.5s ease-out 0.5s forwards;opacity:0}.v2-game-mode .challenge-nav{animation:game-mode-enter 0.5s ease-out 0.55s forwards;opacity:0}@keyframes game-mode-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.6}}.v2-game-mode .page-footer{position:relative;z-index:1;color:rgba(255,255,255,0.5)}.v2-game-mode .page-footer a{color:rgba(255,255,255,0.6);transition:color 0.2s ease}.v2-game-mode .page-footer a:hover{color:#fafaf9}.v2-game-mode .page-footer .footer-separator{color:rgba(255,255,255,0.3)}.v2-game-mode .modal__dialog{background:rgba(30,30,30,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);color:#fafaf9}.v2-game-mode .modal__dialog .modal__header{border-bottom-color:rgba(255,255,255,0.08)}.v2-game-mode .modal__dialog .modal__close{color:rgba(255,255,255,0.7)}.v2-game-mode .modal__dialog .modal__close:hover{color:#fafaf9}.v2-game-mode .toast{background:rgba(30,30,30,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.1);color:#fafaf9;box-shadow:0 8px 32px rgba(0,0,0,0.4)}[data-theme="light"] .v2-game-mode{background:var(--v2-bg-light);color:var(--v2-text-light)}[data-theme="light"] .v2-game-mode::before{filter:brightness(1) saturate(0.85)}[data-theme="light"] .v2-game-mode.classic-page::before{background-image:url("/static/images/bg/play-light.35e2893b1878.jpg")}[data-theme="light"] .v2-game-mode.word-race-page::before{background-image:url("/static/images/bg/win-light.35e2893b1878.jpg")}[data-theme="light"] .v2-game-mode.word-ladder-page::before{background-image:url("/static/images/bg/play-light.35e2893b1878.jpg")}[data-theme="light"] .v2-game-mode.daily-challenge-page::before{background-image:url("/static/images/bg/lose-light.0fcee93edc1a.jpg")}[data-theme="light"] .v2-game-mode .challenge-landing-container,[data-theme="light"] .v2-game-mode .daily-challenge-container{background:var(--v2-glass-bg-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--v2-glass-border-light);box-shadow:0 12px 40px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.9)}[data-theme="light"] .v2-game-mode .challenge-header .challenge-icon,[data-theme="light"] .v2-game-mode .challenge-header .challenge-icon--svg{background:var(--v2-correct-light-glow);color:var(--v2-correct-light)}[data-theme="light"] .v2-game-mode .challenge-header .challenge-title{color:var(--v2-text-light);text-shadow:0 2px 8px rgba(0,0,0,0.06)}[data-theme="light"] .v2-game-mode .challenge-header .challenge-subtitle{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-game-mode .challenge-description{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-game-mode .challenge-rules{background:rgba(0,0,0,0.02);border-color:var(--v2-border-light)}[data-theme="light"] .v2-game-mode .challenge-rules summary{color:var(--v2-text-light)}[data-theme="light"] .v2-game-mode .challenge-rules summary:hover{color:var(--v2-text-light);background:rgba(0,0,0,0.03)}[data-theme="light"] .v2-game-mode .challenge-rules summary i{color:var(--v2-correct-light)}[data-theme="light"] .v2-game-mode .challenge-rules summary::after{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-game-mode .challenge-rules ul,[data-theme="light"] .v2-game-mode .challenge-rules ol{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-game-mode .challenge-config h3,[data-theme="light"] .v2-game-mode .challenge-config .config-label{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-game-mode .language-selector .language-option .language-name{background:rgba(0,0,0,0.03);border-color:var(--v2-border-light);color:var(--v2-text-light)}[data-theme="light"] .v2-game-mode .language-selector .language-option .language-name:hover{background:rgba(0,0,0,0.06);border-color:var(--v2-border-strong-light)}[data-theme="light"] .v2-game-mode .language-selector .language-option input[type="radio"]:checked+.language-name{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent);font-weight:500}[data-theme="light"] .v2-game-mode .word-length-selector .word-length-option .word-length-badge{background:rgba(0,0,0,0.03);border-color:var(--v2-border-light);color:var(--v2-text-light)}[data-theme="light"] .v2-game-mode .word-length-selector .word-length-option .word-length-badge:hover{background:rgba(0,0,0,0.06);border-color:var(--v2-border-strong-light)}[data-theme="light"] .v2-game-mode .word-length-selector .word-length-option input[type="radio"]:checked~.word-length-badge{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent);font-weight:600}[data-theme="light"] .v2-game-mode .word-length-selector .word-length-label{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-game-mode .challenge-info .info-item{background:rgba(0,0,0,0.02);border-color:var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-game-mode .challenge-info .info-item i{color:var(--v2-correct-light)}[data-theme="light"] .v2-game-mode .challenge-info .info-item strong{color:var(--v2-text-light)}[data-theme="light"] .v2-game-mode .challenge-actions .btn-start-challenge{background:linear-gradient(135deg, var(--v2-correct-light) 0%, #0f766e 100%);border-color:rgba(13,148,136,0.25);box-shadow:0 4px 16px rgba(13,148,136,0.2),inset 0 1px 0 rgba(255,255,255,0.15)}[data-theme="light"] .v2-game-mode .challenge-actions .btn-start-challenge:hover{background:linear-gradient(135deg, #14b8a6 0%, var(--v2-correct-light) 100%);box-shadow:0 6px 24px rgba(13,148,136,0.3),inset 0 1px 0 rgba(255,255,255,0.2)}[data-theme="light"] .v2-game-mode .challenge-nav{border-top-color:var(--v2-border-light)}[data-theme="light"] .v2-game-mode .challenge-nav .nav-label{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-game-mode .challenge-nav .nav-links a{background:rgba(0,0,0,0.02);border-color:var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-game-mode .challenge-nav .nav-links a:hover{background:rgba(0,0,0,0.05);border-color:var(--v2-border-strong-light);color:var(--v2-text-light)}[data-theme="light"] .v2-game-mode .screen-header .screen-icon{background:var(--v2-correct-light-glow);color:var(--v2-correct-light)}[data-theme="light"] .v2-game-mode .screen-header .screen-title{color:var(--v2-text-light);text-shadow:0 2px 8px rgba(0,0,0,0.06)}[data-theme="light"] .v2-game-mode .screen-header .screen-subtitle{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-game-mode .challenge-info-grid .info-card{background:rgba(0,0,0,0.02);border-color:var(--v2-border-light)}[data-theme="light"] .v2-game-mode .challenge-info-grid .info-card .info-icon{color:var(--v2-correct-light)}[data-theme="light"] .v2-game-mode .challenge-info-grid .info-card .info-value{color:var(--v2-text-light)}[data-theme="light"] .v2-game-mode .challenge-info-grid .info-card .info-label{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-game-mode #screen-loading .loading-spinner{border-color:var(--v2-border-light);border-top-color:var(--v2-correct-light)}[data-theme="light"] .v2-game-mode #screen-loading .loading-text{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-game-mode #screen-game .game-timer .timer-value{color:var(--v2-correct-light)}[data-theme="light"] .v2-game-mode #screen-game .game-timer.timer-warning .timer-value{color:var(--v2-present-light)}[data-theme="light"] .v2-game-mode #screen-game .game-timer.timer-critical .timer-value{color:#dc2626}[data-theme="light"] .v2-game-mode #screen-game .letter-pool .letter-tile{background:rgba(0,0,0,0.04);border-color:var(--v2-border-light);color:var(--v2-text-light)}[data-theme="light"] .v2-game-mode #screen-game .letter-pool .letter-tile:hover{background:rgba(0,0,0,0.08)}[data-theme="light"] .v2-game-mode #screen-game .letter-pool .letter-tile.is-selected{background:var(--v2-correct-light-glow);border-color:rgba(13,148,136,0.4);color:var(--v2-correct-light)}[data-theme="light"] .v2-game-mode #screen-game .word-display .letter-slot{background:rgba(0,0,0,0.02);border-color:var(--v2-border-light);color:var(--v2-text-light)}[data-theme="light"] .v2-game-mode #screen-game .word-display .letter-slot.is-filled{background:var(--v2-correct-light-glow);border-color:rgba(13,148,136,0.3)}[data-theme="light"] .v2-game-mode .top-bar-controls .btn-icon,[data-theme="light"] .v2-game-mode .top-bar-controls .btn-back,[data-theme="light"] .v2-game-mode .top-bar-controls .btn-theme,[data-theme="light"] .v2-game-mode .top-bar-controls .btn-theme-toggle,[data-theme="light"] .v2-game-mode .top-bar-controls .btn-profile{background:rgba(0,0,0,0.04);border-color:var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-game-mode .top-bar-controls .btn-icon:hover,[data-theme="light"] .v2-game-mode .top-bar-controls .btn-back:hover,[data-theme="light"] .v2-game-mode .top-bar-controls .btn-theme:hover,[data-theme="light"] .v2-game-mode .top-bar-controls .btn-theme-toggle:hover,[data-theme="light"] .v2-game-mode .top-bar-controls .btn-profile:hover{background:rgba(0,0,0,0.08);border-color:var(--v2-border-strong-light);color:var(--v2-text-light)}[data-theme="light"] .v2-game-mode .page-footer{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-game-mode .page-footer a{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-game-mode .page-footer a:hover{color:var(--v2-text-light)}[data-theme="light"] .v2-game-mode .page-footer .footer-separator{color:var(--v2-text-faded-light)}[data-theme="light"] .v2-game-mode .modal__dialog{background:var(--v2-glass-bg-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:var(--v2-glass-border-light);color:var(--v2-text-light);box-shadow:0 24px 64px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.9)}[data-theme="light"] .v2-game-mode .modal__dialog .modal__header{border-bottom-color:var(--v2-border-light)}[data-theme="light"] .v2-game-mode .modal__dialog .modal__close{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-game-mode .modal__dialog .modal__close:hover{color:var(--v2-text-light)}[data-theme="light"] .v2-game-mode .toast{background:var(--v2-glass-bg-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:var(--v2-glass-border-light);color:var(--v2-text-light);box-shadow:0 8px 32px rgba(0,0,0,0.12)}[data-theme="light"] .game-mode-particle{background:var(--v2-particle-light);box-shadow:var(--v2-particle-shadow-light)}@media (prefers-color-scheme: light){.v2-game-mode:not([data-theme="dark"]){background:var(--v2-bg-light);color:var(--v2-text-light)}.v2-game-mode:not([data-theme="dark"])::before{filter:brightness(0.92) saturate(0.7)}.v2-game-mode:not([data-theme="dark"]) .challenge-landing-container,.v2-game-mode:not([data-theme="dark"]) .daily-challenge-container{background:var(--v2-glass-bg-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--v2-glass-border-light);box-shadow:0 12px 40px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.9)}.v2-game-mode:not([data-theme="dark"]) .challenge-header .challenge-title{color:var(--v2-text-light)}.v2-game-mode:not([data-theme="dark"]) .challenge-header .challenge-subtitle{color:var(--v2-text-muted-light)}.v2-game-mode:not([data-theme="dark"]) .language-name,.v2-game-mode:not([data-theme="dark"]) .word-length-badge{background:rgba(0,0,0,0.03);border-color:var(--v2-border-light);color:var(--v2-text-light)}.game-mode-particle:not([data-theme="dark"] *){background:var(--v2-particle-light);box-shadow:var(--v2-particle-shadow-light)}}[data-theme="dark"] .v2-game-mode .language-name:hover,[data-theme="dark"] .v2-game-mode .word-length-badge:hover{background:rgba(255,255,255,0.12)}@media (prefers-color-scheme: dark){.v2-game-mode:not([data-theme="light"]) .language-name:hover,.v2-game-mode:not([data-theme="light"]) .word-length-badge:hover{background:rgba(255,255,255,0.12)}}@media (max-width: 768px){.v2-game-mode .challenge-landing-container,.v2-game-mode .daily-challenge-container{margin:0 0.75rem 1.5rem;padding:1.5rem;border-radius:14px}.v2-game-mode .challenge-header .challenge-icon,.v2-game-mode .challenge-header .challenge-icon--svg{width:56px;height:56px}.v2-game-mode .challenge-header .challenge-title{font-size:1.5rem}.v2-game-mode .language-selector .language-option{min-width:calc(50% - 0.25rem)}.v2-game-mode .word-length-selector .word-length-badge{width:44px;height:44px;font-size:1rem}.game-mode-particle:nth-child(n+7){display:none}}@media (max-width: 480px){.v2-game-mode .challenge-landing-container,.v2-game-mode .daily-challenge-container{margin:0 0.5rem 1rem;padding:1.25rem;border-radius:12px}.v2-game-mode .challenge-header .challenge-title{font-size:1.35rem}.v2-game-mode .btn-start-challenge{width:100%;padding:0.875rem 1.5rem}.v2-game-mode .challenge-info-grid{grid-template-columns:1fr}.game-mode-particle:nth-child(n+5){display:none}}@media (prefers-reduced-motion: reduce){.game-mode-particle{animation:none !important;opacity:0.1;will-change:auto}.v2-game-mode .challenge-landing-container,.v2-game-mode .daily-challenge-container,.v2-game-mode .challenge-header,.v2-game-mode .screen-header,.v2-game-mode .challenge-description,.v2-game-mode .challenge-rules,.v2-game-mode .challenge-config,.v2-game-mode .challenge-info,.v2-game-mode .challenge-info-grid,.v2-game-mode .challenge-actions,.v2-game-mode .challenge-nav{animation:none !important;opacity:1}.v2-game-mode .btn-start-challenge,.v2-game-mode .language-name,.v2-game-mode .word-length-badge,.v2-game-mode .letter-tile{transition:none}.v2-game-mode .btn-start-challenge:hover,.v2-game-mode .language-name:hover,.v2-game-mode .word-length-badge:hover,.v2-game-mode .letter-tile:hover{transform:none}.v2-game-mode #screen-loading .loading-spinner{animation:none;border-top-color:#5eead4}.v2-game-mode .timer-critical .timer-value{animation:none}}.game-mode-particle{will-change:transform, opacity}.v2-game-mode .btn-start-challenge,.v2-game-mode .language-name,.v2-game-mode .word-length-badge{will-change:transform, box-shadow}.v2-landing{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;margin:0;padding:0;max-width:none}.v2-landing::before{content:'';position:fixed;inset:0;background-image:url("/static/images/bg/onboarding.58de3169d09e.jpg");background-size:cover;background-position:center;filter:brightness(0.45) contrast(1.05) saturate(0.9);z-index:-1}.v2-landing::after{display:none}.landing-ambient-particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.landing-particle{position:absolute;border-radius:50%;background:rgba(255,255,255,0.2)}.landing-particle:nth-child(1){left:6%;bottom:28%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out .4s infinite;opacity:0.09}.landing-particle:nth-child(2){left:10%;bottom:41%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.12);animation:particle-float 14s ease-in-out 1.2s infinite;opacity:0.12}.landing-particle:nth-child(3){left:14%;bottom:54%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.12);animation:particle-drift-up 17s ease-in-out 1.5s infinite;opacity:0.15}.landing-particle:nth-child(4){left:18%;bottom:67%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out 1.6s infinite;opacity:0.06}.landing-particle:nth-child(5){left:22%;bottom:80%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.12);animation:particle-float 12s ease-in-out 3s infinite;opacity:0.09}.landing-particle:nth-child(6){left:80%;bottom:23%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.12);animation:particle-drift-up 16s ease-in-out 3s infinite;opacity:0.12}.landing-particle:nth-child(7){left:85%;bottom:36%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out 2.8s infinite;opacity:0.15}.landing-particle:nth-child(8){left:90%;bottom:49%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.12);animation:particle-float 15s ease-in-out 4.8s infinite;opacity:0.06}.landing-particle:nth-child(9){left:95%;bottom:62%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.12);animation:particle-drift-up 15s ease-in-out 4.5s infinite;opacity:0.09}.landing-particle:nth-child(10){left:100%;bottom:75%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.12);animation:particle-drift-diagonal 17s ease-in-out 4s infinite;opacity:0.12}.v2-landing{color:#fafaf9}.v2-landing .skip-link{position:absolute;top:-40px;left:0;background:#0d9488;color:#fafaf9;padding:0.5rem 1rem;z-index:100;border-radius:0 0 4px 0;transition:top 0.2s ease}.v2-landing .skip-link:focus{top:0}.v2-landing .landing-theme-toggle{position:fixed;top:1rem;right:1rem;z-index:10;background:rgba(255,255,255,0.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.12);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.8);cursor:pointer;transition:background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease}.v2-landing .landing-theme-toggle i{font-size:1.125rem}.v2-landing .landing-theme-toggle:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.2);color:#fafaf9;transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.2)}.v2-landing .landing-container{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;max-width:560px;margin:0 auto;text-align:center}.v2-landing .landing-error{background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.3);color:#fca5a5;padding:0.75rem 1rem;border-radius:8px;font-size:0.875rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem}.v2-landing .landing-error i{font-size:1rem}.v2-landing .landing-header{margin-bottom:1.5rem;animation:zen-enter 0.6s ease-out backwards}.v2-landing .landing-logo{font-size:3.5rem;font-weight:700;letter-spacing:0.15em;color:#fafaf9;text-shadow:0 4px 24px rgba(0,0,0,0.4);margin:0;display:flex;justify-content:center;gap:0.05em}.v2-landing .landing-logo-letter{display:inline-block;transition:transform 0.3s ease}.v2-landing .landing-logo-letter--accent{color:#5eead4;text-shadow:0 0 32px rgba(94,234,212,0.5),0 4px 24px rgba(0,0,0,0.4)}.v2-landing .landing-divider{width:80px;height:2px;background:linear-gradient(90deg, transparent 0%, rgba(94,234,212,0.5) 50%, transparent 100%);margin:1rem auto 0;border-radius:1px}.v2-landing .landing-tagline{color:rgba(255,255,255,0.75);font-size:1rem;line-height:1.6;margin-bottom:1.5rem;max-width:380px;animation:zen-enter 0.6s ease-out 0.1s backwards}.v2-landing .landing-keyboard-preview{position:relative;width:240px;height:240px;margin:0 auto 1.5rem;animation:landing-keyboard-enter 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s forwards;opacity:0;transform:scale(0.8)}.v2-landing .landing-keyboard-preview .orbit-ring{position:absolute;border:1.5px solid rgba(45,212,191,0.25);border-radius:50%}.v2-landing .landing-keyboard-preview .orbit-ring.ring-1{width:100%;height:100%;top:0;left:0;animation:landing-ring-pulse 2.5s ease-in-out infinite}.v2-landing .landing-keyboard-preview .orbit-ring.ring-2{width:65%;height:65%;top:17.5%;left:17.5%;animation:landing-ring-pulse 2.5s ease-in-out 0.4s infinite}.v2-landing .landing-keyboard-preview .orbit-ring.ring-3{width:35%;height:35%;top:32.5%;left:32.5%;animation:landing-ring-pulse 2.5s ease-in-out 0.8s infinite}.v2-landing .landing-keyboard-preview .preview-letter{position:absolute;top:50%;left:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:rgba(45,212,191,0.15);backdrop-filter:blur(12px);border:2px solid rgba(45,212,191,0.4);border-radius:10px;font-weight:700;font-size:1rem;color:#fafaf9;box-shadow:0 8px 32px rgba(0,0,0,0.4),0 0 30px rgba(45,212,191,0.2),inset 0 1px 0 rgba(255,255,255,0.1);opacity:0}.v2-landing .landing-keyboard-preview .preview-letter:nth-child(4){animation:landing-letter-1 12s linear 0.6s infinite}.v2-landing .landing-keyboard-preview .preview-letter:nth-child(5){animation:landing-letter-2 12s linear 0.6s infinite}.v2-landing .landing-keyboard-preview .preview-letter:nth-child(6){animation:landing-letter-3 12s linear 0.6s infinite}.v2-landing .landing-keyboard-preview .preview-letter:nth-child(7){animation:landing-letter-4 12s linear 0.6s infinite}.v2-landing .landing-keyboard-preview .center-key{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);color:white;border-radius:50%;font-size:1.375rem;box-shadow:0 4px 24px rgba(13,148,136,0.5),0 0 50px rgba(13,148,136,0.3);animation:landing-center-pulse 2s ease-in-out infinite}@keyframes landing-keyboard-enter{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}@keyframes landing-ring-pulse{0%,100%{opacity:0.3;transform:scale(1)}50%{opacity:0.5;transform:scale(1.02)}}@keyframes landing-center-pulse{0%,100%{box-shadow:0 4px 16px rgba(13,148,136,0.4),0 0 30px rgba(13,148,136,0.2)}50%{box-shadow:0 4px 20px rgba(13,148,136,0.5),0 0 50px rgba(13,148,136,0.3)}}@keyframes landing-letter-1{0%{opacity:0;transform:translate(-300px, -300px) rotate(-270deg) scale(0.2)}3%{opacity:1;transform:translate(-50%, -50%) rotate(-20deg) translateX(96px) scale(1.3)}5%{opacity:1;transform:translate(-50%, -50%) rotate(8deg) translateX(76px) scale(0.95)}8%{opacity:1;transform:translate(-50%, -50%) rotate(0deg) translateX(86px) rotate(0deg) scale(1)}100%{opacity:1;transform:translate(-50%, -50%) rotate(360deg) translateX(86px) rotate(-360deg) scale(1)}}@keyframes landing-letter-2{0%{opacity:0;transform:translate(300px, -300px) rotate(270deg) scale(0.2)}3%{opacity:1;transform:translate(-50%, -50%) rotate(70deg) translateX(96px) scale(1.3)}5%{opacity:1;transform:translate(-50%, -50%) rotate(98deg) translateX(76px) scale(0.95)}8%{opacity:1;transform:translate(-50%, -50%) rotate(90deg) translateX(86px) rotate(-90deg) scale(1)}100%{opacity:1;transform:translate(-50%, -50%) rotate(450deg) translateX(86px) rotate(-450deg) scale(1)}}@keyframes landing-letter-3{0%{opacity:0;transform:translate(-300px, 300px) rotate(270deg) scale(0.2)}3%{opacity:1;transform:translate(-50%, -50%) rotate(160deg) translateX(96px) scale(1.3)}5%{opacity:1;transform:translate(-50%, -50%) rotate(188deg) translateX(76px) scale(0.95)}8%{opacity:1;transform:translate(-50%, -50%) rotate(180deg) translateX(86px) rotate(-180deg) scale(1)}100%{opacity:1;transform:translate(-50%, -50%) rotate(540deg) translateX(86px) rotate(-540deg) scale(1)}}@keyframes landing-letter-4{0%{opacity:0;transform:translate(300px, 300px) rotate(-270deg) scale(0.2)}3%{opacity:1;transform:translate(-50%, -50%) rotate(250deg) translateX(96px) scale(1.3)}5%{opacity:1;transform:translate(-50%, -50%) rotate(278deg) translateX(76px) scale(0.95)}8%{opacity:1;transform:translate(-50%, -50%) rotate(270deg) translateX(86px) rotate(-270deg) scale(1)}100%{opacity:1;transform:translate(-50%, -50%) rotate(630deg) translateX(86px) rotate(-630deg) scale(1)}}.v2-landing .landing-feature-highlight{text-align:center;margin-bottom:1.5rem;animation:zen-enter 0.6s ease-out 0.25s backwards}.v2-landing .landing-feature-badge{display:inline-block;background:rgba(94,234,212,0.15);color:#5eead4;font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;padding:0.25rem 0.625rem;border-radius:4px;border:1px solid rgba(94,234,212,0.25);margin-bottom:0.5rem}.v2-landing .landing-feature-title{color:#fafaf9;font-size:1.125rem;font-weight:600;margin:0 0 0.375rem;text-shadow:0 2px 8px rgba(0,0,0,0.3)}.v2-landing .landing-feature-desc{color:rgba(255,255,255,0.6);font-size:0.875rem;line-height:1.5;margin:0;max-width:320px;margin-left:auto;margin-right:auto}.v2-landing .landing-stats{color:rgba(255,255,255,0.6);font-size:0.875rem;display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem;animation:zen-enter 0.6s ease-out 0.25s backwards}.v2-landing .landing-stats-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,0.35)}.v2-landing .landing-languages{margin-bottom:1.5rem;animation:zen-enter 0.6s ease-out 0.3s backwards}.v2-landing .landing-languages-label{display:block;color:rgba(255,255,255,0.5);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.5rem}.v2-landing .landing-languages-list{display:flex;justify-content:center;gap:0.5rem}.v2-landing .landing-lang{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.8);padding:0.25rem 0.625rem;border-radius:4px;font-size:0.75rem;font-weight:500;letter-spacing:0.05em}.v2-landing .landing-cta-section{animation:zen-enter 0.6s ease-out 0.35s backwards;width:100%;max-width:400px}.v2-landing .landing-begin-btn{background:linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);border:none;color:#fafaf9;font-size:1.125rem;font-weight:600;padding:0.875rem 2.5rem;border-radius:8px;cursor:pointer;transition:all 0.25s ease;box-shadow:0 4px 24px rgba(13,148,136,0.4)}.v2-landing .landing-begin-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(13,148,136,0.5)}.v2-landing .landing-begin-btn:active{transform:translateY(0)}.v2-landing .landing-consent{background:rgba(255,255,255,0.06);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.12);border-radius:16px;padding:1.5rem;box-shadow:0 12px 48px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.15);animation:consent-enter 0.4s ease-out forwards}.v2-landing .landing-consent[hidden]{display:none}.v2-landing .landing-consent-title{color:#fafaf9;font-size:1.25rem;font-weight:600;margin:0 0 1rem;text-shadow:0 2px 8px rgba(0,0,0,0.3)}.v2-landing .landing-consent-options{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1.25rem}.v2-landing .landing-consent-option{display:flex;align-items:flex-start;gap:0.75rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:0.875rem;cursor:pointer;transition:all 0.2s ease}.v2-landing .landing-consent-option:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15)}.v2-landing .landing-consent-option--required{border-color:rgba(94,234,212,0.2);background:rgba(13,148,136,0.1);cursor:default}.v2-landing .landing-consent-option--required:hover{background:rgba(13,148,136,0.1);border-color:rgba(94,234,212,0.2)}.v2-landing .landing-consent-option input[type='checkbox']{position:absolute;opacity:0;width:0;height:0}.v2-landing .landing-consent-checkbox{width:20px;height:20px;min-width:20px;border:2px solid rgba(255,255,255,0.3);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;margin-top:1px}.v2-landing .landing-consent-checkbox i{font-size:0.75rem;color:#fafaf9;opacity:0;transition:opacity 0.2s ease}.landing-consent-option input:checked~.v2-landing .landing-consent-checkbox{background:#0d9488;border-color:#0d9488}.landing-consent-option input:checked~.v2-landing .landing-consent-checkbox i{opacity:1}.landing-consent-option--required .v2-landing .landing-consent-checkbox{background:rgba(94,234,212,0.3);border-color:rgba(94,234,212,0.5)}.landing-consent-option--required .v2-landing .landing-consent-checkbox i{opacity:1;color:#5eead4}.v2-landing .landing-consent-text{flex:1;text-align:left}.v2-landing .landing-consent-label{display:block;color:rgba(255,255,255,0.9);font-size:0.9375rem;font-weight:500;margin-bottom:0.125rem}.v2-landing .landing-consent-desc{display:block;color:rgba(255,255,255,0.5);font-size:0.8125rem;line-height:1.4}.v2-landing .landing-consent-submit{width:100%;background:linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);border:none;color:#fafaf9;font-size:1rem;font-weight:600;padding:0.875rem;border-radius:8px;cursor:pointer;transition:all 0.25s ease;box-shadow:0 4px 20px rgba(13,148,136,0.35);margin-bottom:0.75rem}.v2-landing .landing-consent-submit:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(13,148,136,0.45)}.v2-landing .landing-consent-privacy{display:block;text-align:center;color:#5eead4;font-size:0.8125rem;text-decoration:none;transition:color 0.2s ease}.v2-landing .landing-consent-privacy:hover{color:#99f6e4;text-decoration:underline}@keyframes consent-enter{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}.v2-landing .landing-player-stats{color:rgba(255,255,255,0.6);font-size:0.8125rem;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:0.5rem}.v2-landing .landing-free{color:rgba(255,255,255,0.4);font-size:0.75rem;margin-top:1.5rem;text-transform:uppercase;letter-spacing:0.1em}.v2-landing .landing-footer{position:relative;z-index:1;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,0.4);font-size:0.75rem}.v2-landing .landing-footer-link{color:rgba(255,255,255,0.5);text-decoration:none;transition:color 0.2s ease}.v2-landing .landing-footer-link:hover{color:rgba(255,255,255,0.8)}.v2-landing .landing-footer-brand{color:rgba(255,255,255,0.3);letter-spacing:0.05em}.v2-landing .landing-mode-modal{position:fixed;inset:0;z-index:var(--z-modal-special, 250);display:flex;align-items:center;justify-content:center;padding:1rem}.v2-landing .landing-mode-modal[hidden]{display:none}.v2-landing .landing-mode-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.v2-landing .landing-mode-modal-content{position:relative;background:rgba(255,255,255,0.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.12);border-radius:20px;padding:2rem;max-width:560px;width:100%;box-shadow:0 24px 64px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.15);animation:modal-enter 0.35s ease-out forwards}.v2-landing .landing-mode-modal-title{color:#fafaf9;font-size:1.5rem;font-weight:600;text-align:center;margin:0 0 1.5rem;text-shadow:0 2px 12px rgba(0,0,0,0.3)}.v2-landing .landing-mode-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;margin-bottom:1.5rem}.v2-landing .landing-mode-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1.25rem;text-align:center;text-decoration:none;transition:all 0.25s ease}.v2-landing .landing-mode-card:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,0.2)}.v2-landing .landing-mode-card:hover .landing-mode-icon--svg svg .orbital-arc{transform:rotate(10deg)}.v2-landing .landing-mode-card:hover .landing-mode-icon--svg svg .mode-dot{transform:translate(3px, -2px)}.v2-landing .landing-mode-card:hover .landing-mode-icon--svg svg .mode-step{transform:translateY(-2px)}.v2-landing .landing-mode-card:hover .landing-mode-icon--svg svg .mode-step:nth-child(2){transition-delay:0.05s}.v2-landing .landing-mode-card:hover .landing-mode-icon--svg svg .mode-step:nth-child(3){transition-delay:0.1s}.v2-landing .landing-mode-card:hover .landing-mode-icon--svg svg .mode-sun{transform:scale(1.12)}.v2-landing .landing-mode-card--featured{border-color:rgba(94,234,212,0.3);background:rgba(13,148,136,0.1)}.v2-landing .landing-mode-card--featured:hover{border-color:rgba(94,234,212,0.5);background:rgba(13,148,136,0.15)}.v2-landing .landing-mode-card--featured .landing-mode-icon{color:#5eead4}.v2-landing .landing-mode-icon{font-size:1.5rem;color:rgba(255,255,255,0.8);margin-bottom:0.75rem}.v2-landing .landing-mode-icon--svg svg{width:40px;height:40px;opacity:0.85}.v2-landing .landing-mode-icon--svg svg .orbital-arc{transition:transform 0.3s ease;transform-origin:center}.v2-landing .landing-mode-icon--svg svg .mode-dot{transition:transform 0.3s ease}.v2-landing .landing-mode-icon--svg svg .mode-step{transition:transform 0.3s ease}.v2-landing .landing-mode-icon--svg svg .mode-sun{transition:transform 0.3s ease;transform-origin:center}.v2-landing .landing-mode-name{color:#fafaf9;font-size:1rem;font-weight:600;margin:0 0 0.25rem}.v2-landing .landing-mode-desc{color:rgba(255,255,255,0.55);font-size:0.8125rem;margin:0;line-height:1.4}.v2-landing .landing-mode-later{display:block;width:100%;background:transparent;border:none;color:rgba(255,255,255,0.6);font-size:0.875rem;padding:0.75rem;cursor:pointer;transition:color 0.2s ease}.v2-landing .landing-mode-later:hover{color:rgba(255,255,255,0.9)}@keyframes modal-enter{0%{opacity:0;transform:scale(0.95) translateY(10px)}100%{opacity:1;transform:scale(1) translateY(0)}}.v2-landing .landing-privacy-panel{position:fixed;inset:0;z-index:var(--z-overlay, 200);display:flex;align-items:flex-end;justify-content:center}.v2-landing .landing-privacy-panel[hidden]{display:none}.v2-landing .landing-privacy-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.v2-landing .landing-privacy-content{position:relative;background:rgba(255,255,255,0.1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.12);border-bottom:none;border-radius:20px 20px 0 0;padding:1.5rem;max-width:480px;width:100%;box-shadow:0 -8px 48px rgba(0,0,0,0.2);animation:privacy-slide-up 0.35s ease-out forwards}.v2-landing .landing-privacy-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.v2-landing .landing-privacy-header h2{color:#fafaf9;font-size:1.125rem;font-weight:600;margin:0}.v2-landing .landing-privacy-close{background:transparent;border:none;color:rgba(255,255,255,0.6);padding:0.5rem;cursor:pointer;transition:color 0.2s ease}.v2-landing .landing-privacy-close:hover{color:#fafaf9}.v2-landing .landing-privacy-close i{font-size:1.25rem}.v2-landing .landing-privacy-body{text-align:left}.v2-landing .landing-privacy-status{color:rgba(255,255,255,0.6);font-size:0.875rem;margin-bottom:1rem}.v2-landing .landing-privacy-toggles{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1rem}.v2-landing .landing-privacy-toggle{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:0.75rem 1rem}.v2-landing .landing-privacy-toggle span:first-of-type{color:rgba(255,255,255,0.9);font-size:0.875rem}.v2-landing .landing-privacy-toggle input[type='checkbox']{display:none}.v2-landing .landing-privacy-toggle .landing-toggle-label{color:rgba(255,255,255,0.5);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em}.v2-landing .landing-privacy-toggle .landing-toggle-switch{width:44px;height:24px;background:rgba(255,255,255,0.2);border-radius:12px;position:relative;cursor:pointer;transition:background 0.25s ease}.v2-landing .landing-privacy-toggle .landing-toggle-switch::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fafaf9;border-radius:50%;transition:transform 0.25s ease}.v2-landing .landing-privacy-toggle input:checked~.landing-toggle-switch{background:#0d9488}.v2-landing .landing-privacy-toggle input:checked~.landing-toggle-switch::after{transform:translateX(20px)}.v2-landing .landing-privacy-policy-link{display:block;color:#5eead4;font-size:0.875rem;text-decoration:none;transition:color 0.2s ease}.v2-landing .landing-privacy-policy-link:hover{color:#99f6e4;text-decoration:underline}@keyframes privacy-slide-up{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes letter-confident-enter{0%{opacity:0;transform:translateY(20px) scale(0.8);filter:blur(4px)}60%{opacity:1;transform:translateY(-2px) scale(1.02);filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.v2-landing .landing-logo-letter{opacity:0;animation:letter-confident-enter 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.v2-landing .landing-logo-letter:nth-child(1){animation-delay:0.1s}.v2-landing .landing-logo-letter:nth-child(2){animation-delay:0.18s}.v2-landing .landing-logo-letter:nth-child(3){animation-delay:0.26s}.v2-landing .landing-logo-letter:nth-child(4){animation-delay:0.34s}.v2-landing .landing-logo-letter:nth-child(5){animation-delay:0.42s}@keyframes begin-pulse{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 8px rgba(94,234,212,0.15)}}.v2-landing .landing-begin-btn{position:relative}.v2-landing .landing-begin-btn::after{content:'';position:absolute;inset:-4px;border-radius:inherit;animation:begin-pulse 2s ease-in-out 2s infinite;pointer-events:none}[data-theme='light'] .v2-landing{background:var(--v2-bg-light);color:var(--v2-text-light)}[data-theme='light'] .v2-landing::before{background-image:url("/static/images/bg/onboarding-light.35e2893b1878.jpg");filter:brightness(1) saturate(0.85)}[data-theme='light'] .v2-landing .landing-theme-toggle{background:rgba(0,0,0,0.04);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,0.08);box-shadow:0 4px 24px rgba(0,0,0,0.06);color:var(--v2-text-muted-light)}[data-theme='light'] .v2-landing .landing-theme-toggle:hover{background:rgba(0,0,0,0.08);border-color:rgba(0,0,0,0.12);color:var(--v2-text-light)}[data-theme='light'] .v2-landing .landing-logo{color:var(--v2-text-light);text-shadow:0 2px 12px rgba(0,0,0,0.08)}[data-theme='light'] .v2-landing .landing-logo-letter--accent{color:var(--v2-correct-light);text-shadow:0 0 24px var(--v2-correct-light-glow)}[data-theme='light'] .v2-landing .landing-divider{background:linear-gradient(90deg, transparent 0%, rgba(13,148,136,0.4) 50%, transparent 100%)}[data-theme='light'] .v2-landing .landing-tagline{color:var(--v2-text-muted-light)}[data-theme='light'] .v2-landing .skip-link{background:var(--v2-correct-light);color:#ffffff}[data-theme='light'] .v2-landing .landing-error{background:rgba(239,68,68,0.08);border-color:rgba(239,68,68,0.2);color:#dc2626}[data-theme='light'] .v2-landing .landing-keyboard-preview .orbit-ring{border-color:rgba(13,148,136,0.2)}[data-theme='light'] .v2-landing .landing-keyboard-preview .preview-letter{background:rgba(13,148,136,0.08);border-color:rgba(13,148,136,0.25);color:var(--v2-text-light);box-shadow:0 4px 16px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.5)}[data-theme='light'] .v2-landing .landing-keyboard-preview .center-key{background:linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);color:white;box-shadow:0 4px 20px rgba(13,148,136,0.3),0 2px 8px rgba(0,0,0,0.1)}[data-theme='light'] .v2-landing .landing-feature-badge{background:rgba(13,148,136,0.1);color:var(--v2-correct-light);border-color:rgba(13,148,136,0.2)}[data-theme='light'] .v2-landing .landing-feature-title{color:var(--v2-text-light);text-shadow:none}[data-theme='light'] .v2-landing .landing-feature-desc{color:var(--v2-text-muted-light)}[data-theme='light'] .v2-landing .landing-stats{color:var(--v2-text-muted-light)}[data-theme='light'] .v2-landing .landing-stats-dot{background:rgba(0,0,0,0.2)}[data-theme='light'] .v2-landing .landing-languages-label{color:var(--v2-text-faded-light)}[data-theme='light'] .v2-landing .landing-lang{background:rgba(0,0,0,0.04);border-color:var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme='light'] .v2-landing .landing-begin-btn{background:linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);color:#ffffff;box-shadow:0 4px 20px rgba(13,148,136,0.25)}[data-theme='light'] .v2-landing .landing-begin-btn:hover{box-shadow:0 6px 24px rgba(13,148,136,0.35)}[data-theme='light'] .v2-landing .landing-consent{background:rgba(255,255,255,0.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--v2-border-light);box-shadow:0 8px 32px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.9)}[data-theme='light'] .v2-landing .landing-consent-title{color:var(--v2-text-light);text-shadow:none}[data-theme='light'] .v2-landing .landing-consent-option{background:rgba(0,0,0,0.02);border-color:var(--v2-border-light)}[data-theme='light'] .v2-landing .landing-consent-option:hover{background:rgba(0,0,0,0.04);border-color:var(--v2-border-strong-light)}[data-theme='light'] .v2-landing .landing-consent-option--required{border-color:rgba(13,148,136,0.25);background:rgba(13,148,136,0.06)}[data-theme='light'] .v2-landing .landing-consent-option--required:hover{background:rgba(13,148,136,0.08);border-color:rgba(13,148,136,0.3)}[data-theme='light'] .v2-landing .landing-consent-checkbox{border-color:rgba(0,0,0,0.25)}[data-theme='light'] .v2-landing .landing-consent-checkbox i{color:#ffffff}.landing-consent-option--required [data-theme='light'] .v2-landing .landing-consent-checkbox{background:rgba(13,148,136,0.2);border-color:var(--v2-correct-light)}.landing-consent-option--required [data-theme='light'] .v2-landing .landing-consent-checkbox i{color:var(--v2-correct-light)}[data-theme='light'] .v2-landing .landing-consent-label{color:var(--v2-text-light)}[data-theme='light'] .v2-landing .landing-consent-desc{color:var(--v2-text-muted-light)}[data-theme='light'] .v2-landing .landing-consent-submit{background:linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);color:#ffffff;box-shadow:0 4px 16px rgba(13,148,136,0.25)}[data-theme='light'] .v2-landing .landing-consent-privacy{color:var(--v2-correct-light)}[data-theme='light'] .v2-landing .landing-consent-privacy:hover{color:#0f766e}[data-theme='light'] .v2-landing .landing-player-stats{color:var(--v2-text-muted-light)}[data-theme='light'] .v2-landing .landing-free{color:var(--v2-text-faded-light)}[data-theme='light'] .v2-landing .landing-footer{color:var(--v2-text-faded-light)}[data-theme='light'] .v2-landing .landing-footer-link{color:var(--v2-text-muted-light)}[data-theme='light'] .v2-landing .landing-footer-link:hover{color:var(--v2-text-light)}[data-theme='light'] .v2-landing .landing-footer-brand{color:var(--v2-text-faded-light)}[data-theme='light'] .v2-landing .landing-mode-modal-backdrop{background:rgba(0,0,0,0.3)}[data-theme='light'] .v2-landing .landing-mode-modal-content{background:rgba(255,255,255,0.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--v2-border-light);box-shadow:0 16px 48px rgba(0,0,0,0.12),inset 0 1px 0 rgba(255,255,255,0.9)}[data-theme='light'] .v2-landing .landing-mode-modal-title{color:var(--v2-text-light);text-shadow:none}[data-theme='light'] .v2-landing .landing-mode-card{background:rgba(0,0,0,0.02);border-color:var(--v2-border-light)}[data-theme='light'] .v2-landing .landing-mode-card:hover{background:rgba(0,0,0,0.05);border-color:var(--v2-border-strong-light);box-shadow:0 6px 20px rgba(0,0,0,0.08)}[data-theme='light'] .v2-landing .landing-mode-card--featured{border-color:rgba(13,148,136,0.3);background:rgba(13,148,136,0.06)}[data-theme='light'] .v2-landing .landing-mode-card--featured:hover{border-color:rgba(13,148,136,0.4);background:rgba(13,148,136,0.1)}[data-theme='light'] .v2-landing .landing-mode-card--featured .landing-mode-icon{color:var(--v2-correct-light)}[data-theme='light'] .v2-landing .landing-mode-icon{color:var(--v2-text-muted-light)}[data-theme='light'] .v2-landing .landing-mode-name{color:var(--v2-text-light)}[data-theme='light'] .v2-landing .landing-mode-desc{color:var(--v2-text-muted-light)}[data-theme='light'] .v2-landing .landing-mode-later{color:var(--v2-text-muted-light)}[data-theme='light'] .v2-landing .landing-mode-later:hover{color:var(--v2-text-light)}[data-theme='light'] .v2-landing .landing-privacy-backdrop{background:rgba(0,0,0,0.25)}[data-theme='light'] .v2-landing .landing-privacy-content{background:rgba(255,255,255,0.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--v2-border-light);box-shadow:0 -4px 32px rgba(0,0,0,0.1)}[data-theme='light'] .v2-landing .landing-privacy-content h2{color:var(--v2-text-light)}[data-theme='light'] .v2-landing .landing-privacy-close{color:var(--v2-text-muted-light)}[data-theme='light'] .v2-landing .landing-privacy-close:hover{color:var(--v2-text-light)}[data-theme='light'] .v2-landing .landing-privacy-status{color:var(--v2-text-muted-light)}[data-theme='light'] .v2-landing .landing-privacy-toggle{background:rgba(0,0,0,0.02);border-color:var(--v2-border-light)}[data-theme='light'] .v2-landing .landing-privacy-toggle span:first-of-type{color:var(--v2-text-light)}[data-theme='light'] .v2-landing .landing-privacy-toggle .landing-toggle-label{color:var(--v2-text-faded-light)}[data-theme='light'] .v2-landing .landing-privacy-toggle .landing-toggle-switch{background:rgba(0,0,0,0.15)}[data-theme='light'] .v2-landing .landing-privacy-toggle .landing-toggle-switch::after{background:#ffffff;box-shadow:0 1px 3px rgba(0,0,0,0.15)}[data-theme='light'] .v2-landing .landing-privacy-toggle input:checked~.landing-toggle-switch{background:var(--v2-correct-light)}[data-theme='light'] .v2-landing .landing-privacy-policy-link{color:var(--v2-correct-light)}[data-theme='light'] .v2-landing .landing-privacy-policy-link:hover{color:#0f766e}[data-theme='light'] .landing-particle{background:var(--v2-particle-light);box-shadow:var(--v2-particle-shadow-light)}@media (max-width: 768px){.v2-landing .landing-container{padding:1.5rem 1rem}.v2-landing .landing-logo{font-size:2.75rem}.v2-landing .landing-tagline{font-size:0.9375rem}.v2-landing .landing-keyboard-preview{width:200px;height:200px;margin-bottom:1.25rem}.v2-landing .landing-feature-highlight{margin-bottom:1.25rem}.v2-landing .landing-feature-title{font-size:1rem}.v2-landing .landing-feature-desc{font-size:0.8125rem}.v2-landing .landing-mode-grid{grid-template-columns:1fr}.v2-landing .landing-mode-modal-content{padding:1.5rem}.landing-particle:nth-child(n + 8){display:none}}@media (max-width: 480px){.v2-landing .landing-container{padding:1rem;box-sizing:border-box;width:100%}.v2-landing .landing-logo{font-size:2.25rem}.v2-landing .landing-tagline{font-size:0.875rem;max-width:calc(100vw - 2rem)}.v2-landing .landing-cta-section{max-width:calc(100vw - 2rem)}.v2-landing .landing-keyboard-preview{width:180px;height:180px;margin-bottom:1rem;overflow:hidden}.v2-landing .landing-keyboard-preview .preview-letter{width:32px;height:32px;font-size:0.875rem}.v2-landing .landing-keyboard-preview .preview-letter:nth-child(4){animation:landing-letter-1-sm 12s linear 0.6s infinite}.v2-landing .landing-keyboard-preview .preview-letter:nth-child(5){animation:landing-letter-2-sm 12s linear 0.6s infinite}.v2-landing .landing-keyboard-preview .preview-letter:nth-child(6){animation:landing-letter-3-sm 12s linear 0.6s infinite}.v2-landing .landing-keyboard-preview .preview-letter:nth-child(7){animation:landing-letter-4-sm 12s linear 0.6s infinite}.v2-landing .landing-keyboard-preview .center-key{width:46px;height:46px;font-size:1.125rem}.v2-landing .landing-keyboard-preview .orbit-ring.ring-2{width:60%;height:60%;top:20%;left:20%}.v2-landing .landing-keyboard-preview .orbit-ring.ring-3{width:32%;height:32%;top:34%;left:34%}.v2-landing .landing-feature-highlight{margin-bottom:1rem}.v2-landing .landing-feature-badge{font-size:0.625rem;padding:0.1875rem 0.5rem}.v2-landing .landing-feature-title{font-size:0.9375rem}.v2-landing .landing-feature-desc{font-size:0.75rem;max-width:280px}.v2-landing .landing-stats{font-size:0.8125rem;gap:0.5rem}.v2-landing .landing-consent{padding:1.25rem;border-radius:14px}.v2-landing .landing-consent-title{font-size:1.125rem}.v2-landing .landing-consent-option{padding:0.75rem}.v2-landing .landing-mode-modal-content{padding:1.25rem;border-radius:16px}.v2-landing .landing-mode-modal-title{font-size:1.25rem}.v2-landing .landing-mode-card{padding:1rem}.landing-particle:nth-child(n + 6){display:none}}@media (max-height: 750px){.v2-landing .landing-consent{position:fixed;top:-133%;left:50%;transform:translate(-50%, -50%);z-index:100;width:calc(100% - 2rem);max-width:340px;padding:1.25rem;background:rgba(20,20,25,0.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.1);box-shadow:0 16px 64px rgba(0,0,0,0.6);animation:none;opacity:1}.v2-landing .landing-consent-title{font-size:1.125rem;margin-bottom:0.75rem}.v2-landing .landing-consent-options{gap:0.5rem;margin-bottom:1rem}.v2-landing .landing-consent-option{padding:0.625rem}.v2-landing .landing-consent-submit{padding:0.75rem;font-size:1rem;margin-bottom:0.5rem}}@media (max-height: 580px){.v2-landing .landing-consent{padding:1rem;max-width:300px}.v2-landing .landing-consent-title{font-size:1rem;margin-bottom:0.5rem}.v2-landing .landing-consent-options{gap:0.375rem;margin-bottom:0.75rem}.v2-landing .landing-consent-option{padding:0.5rem;border-radius:8px}.v2-landing .landing-consent-checkbox{width:18px;height:18px;min-width:18px}.v2-landing .landing-consent-checkbox i{font-size:0.625rem}.v2-landing .landing-consent-label{font-size:0.8125rem}.v2-landing .landing-consent-desc{font-size:0.6875rem;line-height:1.3}.v2-landing .landing-consent-submit{padding:0.5rem;font-size:0.875rem;border-radius:6px;margin-bottom:0.375rem}.v2-landing .landing-consent-privacy{font-size:0.6875rem}}@media (max-width: 400px){.v2-landing .landing-container{padding:0.75rem}.v2-landing .landing-logo{font-size:2rem}.v2-landing .landing-tagline{font-size:0.8125rem}.v2-landing .landing-keyboard-preview{width:160px;height:160px;margin-bottom:0.75rem}.v2-landing .landing-keyboard-preview .preview-letter{width:28px;height:28px;font-size:0.75rem}.v2-landing .landing-keyboard-preview .center-key{width:40px;height:40px;font-size:1rem}.v2-landing .landing-feature-badge{font-size:0.5625rem;padding:0.125rem 0.375rem}.v2-landing .landing-feature-title{font-size:0.875rem}.v2-landing .landing-feature-desc{font-size:0.6875rem;max-width:260px}.v2-landing .landing-consent{padding:1rem;border-radius:12px}.v2-landing .landing-consent-title{font-size:1rem}.v2-landing .landing-consent-option{padding:0.625rem;font-size:0.8125rem}.v2-landing .landing-mode-card{padding:0.875rem}.landing-particle:nth-child(n + 4){display:none}}@keyframes landing-letter-1-sm{0%{opacity:0;transform:translate(-250px, -250px) rotate(-270deg) scale(0.2)}3%{opacity:1;transform:translate(-50%, -50%) rotate(-20deg) translateX(80px) scale(1.3)}5%{opacity:1;transform:translate(-50%, -50%) rotate(8deg) translateX(60px) scale(0.95)}8%{opacity:1;transform:translate(-50%, -50%) rotate(0deg) translateX(70px) rotate(0deg) scale(1)}100%{opacity:1;transform:translate(-50%, -50%) rotate(360deg) translateX(70px) rotate(-360deg) scale(1)}}@keyframes landing-letter-2-sm{0%{opacity:0;transform:translate(250px, -250px) rotate(270deg) scale(0.2)}3%{opacity:1;transform:translate(-50%, -50%) rotate(70deg) translateX(80px) scale(1.3)}5%{opacity:1;transform:translate(-50%, -50%) rotate(98deg) translateX(60px) scale(0.95)}8%{opacity:1;transform:translate(-50%, -50%) rotate(90deg) translateX(70px) rotate(-90deg) scale(1)}100%{opacity:1;transform:translate(-50%, -50%) rotate(450deg) translateX(70px) rotate(-450deg) scale(1)}}@keyframes landing-letter-3-sm{0%{opacity:0;transform:translate(-250px, 250px) rotate(270deg) scale(0.2)}3%{opacity:1;transform:translate(-50%, -50%) rotate(160deg) translateX(80px) scale(1.3)}5%{opacity:1;transform:translate(-50%, -50%) rotate(188deg) translateX(60px) scale(0.95)}8%{opacity:1;transform:translate(-50%, -50%) rotate(180deg) translateX(70px) rotate(-180deg) scale(1)}100%{opacity:1;transform:translate(-50%, -50%) rotate(540deg) translateX(70px) rotate(-540deg) scale(1)}}@keyframes landing-letter-4-sm{0%{opacity:0;transform:translate(250px, 250px) rotate(-270deg) scale(0.2)}3%{opacity:1;transform:translate(-50%, -50%) rotate(250deg) translateX(80px) scale(1.3)}5%{opacity:1;transform:translate(-50%, -50%) rotate(278deg) translateX(60px) scale(0.95)}8%{opacity:1;transform:translate(-50%, -50%) rotate(270deg) translateX(70px) rotate(-270deg) scale(1)}100%{opacity:1;transform:translate(-50%, -50%) rotate(630deg) translateX(70px) rotate(-630deg) scale(1)}}@media (prefers-reduced-motion: reduce){.landing-particle{animation:none !important;opacity:0.12;will-change:auto}.v2-landing .landing-header,.v2-landing .landing-tagline,.v2-landing .landing-keyboard-preview,.v2-landing .landing-feature-highlight,.v2-landing .landing-stats,.v2-landing .landing-languages,.v2-landing .landing-cta-section{animation:none !important;opacity:1;transform:none}.v2-landing .landing-keyboard-preview .orbit-ring,.v2-landing .landing-keyboard-preview .preview-letter,.v2-landing .landing-keyboard-preview .center-key{animation:none !important;opacity:1;transform:none}.v2-landing .landing-keyboard-preview .preview-letter:nth-child(4){top:0;left:calc(50% - 19px);transform:none}.v2-landing .landing-keyboard-preview .preview-letter:nth-child(5){top:calc(50% - 19px);right:0;left:auto;transform:none}.v2-landing .landing-keyboard-preview .preview-letter:nth-child(6){bottom:0;top:auto;left:calc(50% - 19px);transform:none}.v2-landing .landing-keyboard-preview .preview-letter:nth-child(7){top:calc(50% - 19px);left:0;transform:none}.v2-landing .landing-keyboard-preview .center-key{transform:translate(-50%, -50%)}.v2-landing .landing-consent,.v2-landing .landing-mode-modal-content,.v2-landing .landing-privacy-content{animation:none !important;opacity:1;transform:none}.v2-landing .landing-begin-btn,.v2-landing .landing-consent-submit,.v2-landing .landing-mode-card{transition:none}.v2-landing .landing-begin-btn:hover,.v2-landing .landing-consent-submit:hover,.v2-landing .landing-mode-card:hover{transform:none}}.landing-particle{will-change:transform, opacity}.v2-landing .landing-header,.v2-landing .landing-tagline,.v2-landing .landing-keyboard-preview,.v2-landing .landing-feature-highlight,.v2-landing .landing-stats,.v2-landing .landing-languages,.v2-landing .landing-cta-section{will-change:opacity, transform}.v2-landing .landing-keyboard-preview .preview-letter{will-change:opacity, transform}.v2-landing .landing-keyboard-preview .center-key{will-change:box-shadow}.v2-landing .landing-consent,.v2-landing .landing-mode-modal-content,.v2-landing .landing-privacy-content{will-change:opacity, transform}.secondary-ambient-particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.secondary-particle{position:absolute;border-radius:50%;background:rgba(255,255,255,0.2)}.secondary-particle:nth-child(1){left:8%;bottom:35%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.1);animation:particle-drift-diagonal 18s ease-in-out .5s infinite;opacity:0.075}.secondary-particle:nth-child(2){left:13%;bottom:52%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.1);animation:particle-float 15s ease-in-out 1.4s infinite;opacity:0.1}.secondary-particle:nth-child(3){left:18%;bottom:69%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.1);animation:particle-drift-up 18s ease-in-out 1.8s infinite;opacity:0.125}.secondary-particle:nth-child(4){left:23%;bottom:21%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.1);animation:particle-drift-diagonal 18s ease-in-out 2s infinite;opacity:0.05}.secondary-particle:nth-child(5){left:83%;bottom:38%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.1);animation:particle-float 13s ease-in-out 3.5s infinite;opacity:0.075}.secondary-particle:nth-child(6){left:88%;bottom:55%;width:2px;height:2px;box-shadow:0 0 4px rgba(255,255,255,0.1);animation:particle-drift-up 17s ease-in-out 3.6s infinite;opacity:0.1}.secondary-particle:nth-child(7){left:93%;bottom:72%;width:3px;height:3px;box-shadow:0 0 6px rgba(255,255,255,0.1);animation:particle-drift-diagonal 18s ease-in-out 3.5s infinite;opacity:0.125}.secondary-particle:nth-child(8){left:98%;bottom:24%;width:4px;height:4px;box-shadow:0 0 8px rgba(255,255,255,0.1);animation:particle-float 16s ease-in-out 5.6s infinite;opacity:0.05}@keyframes secondary-enter{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}.v2-privacy-data{position:relative;min-height:100vh;min-height:100dvh;margin:0;padding:0;max-width:none;color:#fafaf9}.v2-privacy-data::before{content:'';position:fixed;inset:0;background-image:url("/static/images/bg/play.d6d6e9c59dcf.jpg");background-size:cover;background-position:center;filter:brightness(0.45) contrast(1.05) saturate(0.9);z-index:-1}.v2-privacy-data::after{display:none}.v2-privacy-data .top-bar-controls{position:fixed;top:1rem;z-index:10}.v2-privacy-data .top-bar-controls.left{left:1rem}.v2-privacy-data .top-bar-controls .btn-icon{background:rgba(255,255,255,0.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.8);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease}.v2-privacy-data .top-bar-controls .btn-icon:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.2);color:#fafaf9;transform:translateY(-2px)}.v2-privacy-data .game-heading-wrapper{padding-top:3.5rem;text-align:center}.v2-privacy-data .privacy-data-container{position:relative;z-index:1;max-width:600px;margin:0 auto;padding:1.5rem}.v2-privacy-data .privacy-data-header{text-align:center;margin-bottom:2rem;animation:secondary-enter 0.5s ease-out forwards;opacity:0}.v2-privacy-data .privacy-data-header h1{color:#fafaf9;font-size:1.75rem;font-weight:600;margin:0 0 0.5rem;text-shadow:0 2px 12px rgba(0,0,0,0.4)}.v2-privacy-data .privacy-data-subtitle{color:rgba(255,255,255,0.6);font-size:0.9375rem;margin:0}.v2-privacy-data .privacy-data-section{margin-bottom:1rem}.v2-privacy-data .privacy-card{background:rgba(255,255,255,0.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:1.5rem;box-shadow:0 8px 32px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1);animation:secondary-enter 0.5s ease-out 0.1s forwards;opacity:0}.v2-privacy-data .privacy-card--elevated{border-color:rgba(94,234,212,0.2);background:rgba(13,148,136,0.08)}.v2-privacy-data .privacy-card-title{color:#fafaf9;font-size:1.125rem;font-weight:600;margin:0 0 0.75rem;display:flex;align-items:center;gap:0.625rem}.v2-privacy-data .privacy-card-title i{color:rgba(255,255,255,0.7);font-size:1rem}.v2-privacy-data .privacy-card-description{color:rgba(255,255,255,0.6);font-size:0.875rem;line-height:1.5;margin:0 0 1rem}.v2-privacy-data .recovery-actions,.v2-privacy-data .gdpr-actions{display:flex;gap:1.5rem;margin-bottom:1rem}.v2-privacy-data .game-action-item{display:flex;flex-direction:column;align-items:center;gap:0.5rem}.v2-privacy-data .game-action-item .btn-icon{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.85);display:flex;align-items:center;justify-content:center;transition:all 0.25s ease;cursor:pointer}.v2-privacy-data .game-action-item .btn-icon i{font-size:1.125rem}.v2-privacy-data .game-action-item .btn-icon:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.25);color:#fafaf9;transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.2)}.v2-privacy-data .game-action-item .btn-icon.btn-gdpr-delete:hover{background:rgba(239,68,68,0.15);border-color:rgba(239,68,68,0.3);color:#fca5a5}.v2-privacy-data .game-action-item .action-label{font-size:0.75rem;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.05em;text-align:center}.v2-privacy-data #recovery-code-display{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:1rem;margin-top:1rem}.v2-privacy-data #recovery-code-display>p:first-child{color:rgba(255,255,255,0.7);font-size:0.8125rem;margin:0 0 0.75rem;display:flex;align-items:center;gap:0.5rem}.v2-privacy-data #recovery-code-display>p:first-child i{color:#5eead4}.v2-privacy-data #recovery-code-display.has-code .recovery-code-container code{color:#5eead4}.v2-privacy-data .recovery-code-container{display:flex;align-items:center;gap:0.75rem;background:rgba(0,0,0,0.2);border-radius:8px;padding:0.75rem 1rem;margin-bottom:0.75rem}.v2-privacy-data .recovery-code-container code{flex:1;font-family:'SF Mono', Monaco, 'Courier New', monospace;font-size:1rem;color:rgba(255,255,255,0.5);letter-spacing:0.1em}.v2-privacy-data .recovery-code-container button{background:transparent;border:none;color:rgba(255,255,255,0.6);padding:0.25rem;cursor:pointer;transition:color 0.2s ease}.v2-privacy-data .recovery-code-container button:hover{color:#5eead4}.v2-privacy-data .recovery-warning{color:#fbbf24;font-size:0.8125rem;margin:0 0 0.5rem;display:flex;align-items:flex-start;gap:0.5rem;line-height:1.5}.v2-privacy-data .recovery-warning i{margin-top:2px}.v2-privacy-data .recovery-meta{color:rgba(255,255,255,0.5);font-size:0.75rem;margin:0.25rem 0;display:flex;align-items:center;gap:0.5rem}.v2-privacy-data .recovery-meta strong{color:rgba(255,255,255,0.7)}.v2-privacy-data .consent-field{padding:0}.v2-privacy-data .consent-toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:0.75rem}.v2-privacy-data .consent-label{flex:1}.v2-privacy-data .consent-text{display:block}.v2-privacy-data .consent-title{display:block;color:rgba(255,255,255,0.9);font-size:0.9375rem;font-weight:500;margin-bottom:0.25rem}.v2-privacy-data .consent-description{display:block;color:rgba(255,255,255,0.5);font-size:0.8125rem;line-height:1.5}.v2-privacy-data .toggle-switch{flex-shrink:0}.v2-privacy-data .toggle-switch input{display:none}.v2-privacy-data .toggle-switch .toggle-slider{display:block;width:48px;height:26px;background:rgba(255,255,255,0.2);border-radius:13px;position:relative;cursor:pointer;transition:background 0.25s ease}.v2-privacy-data .toggle-switch .toggle-slider::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fafaf9;border-radius:50%;transition:transform 0.25s ease}.v2-privacy-data .toggle-switch input:checked+.toggle-slider{background:#0d9488}.v2-privacy-data .toggle-switch input:checked+.toggle-slider::after{transform:translateX(22px)}.v2-privacy-data .consent-status{color:rgba(255,255,255,0.6);font-size:0.8125rem;margin:0;display:flex;align-items:center;gap:0.5rem}.v2-privacy-data .consent-status .status-enabled{color:#5eead4}.v2-privacy-data .consent-status .status-disabled{color:rgba(255,255,255,0.5)}.v2-privacy-data #delete-confirmation{display:none;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);border-radius:10px;padding:1rem;margin-top:1rem}.v2-privacy-data #delete-confirmation.is-visible{display:block}.v2-privacy-data #delete-confirmation>p:first-child{color:#fca5a5;font-size:0.875rem;margin:0 0 1rem;display:flex;align-items:flex-start;gap:0.5rem;line-height:1.5}.v2-privacy-data #delete-confirmation>p:first-child i{margin-top:2px}.v2-privacy-data #delete-confirmation .btn{padding:0.625rem 1rem;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;margin-right:0.75rem}.v2-privacy-data #delete-confirmation .btn-danger{background:#dc2626;border:none;color:#fafaf9}.v2-privacy-data #delete-confirmation .btn-danger:hover{background:#b91c1c}.v2-privacy-data #delete-confirmation .btn-secondary{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.8)}.v2-privacy-data #delete-confirmation .btn-secondary:hover{background:rgba(255,255,255,0.15);color:#fafaf9}.v2-privacy-data .privacy-card .settings-link{display:flex;align-items:center;gap:1rem;padding:1.5rem;text-decoration:none;color:inherit;transition:background 0.2s ease;margin:-1.5rem;border-radius:14px;border-bottom:none}.v2-privacy-data .privacy-card .settings-link:hover{background:rgba(255,255,255,0.04)}.v2-privacy-data .settings-link-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.7)}.v2-privacy-data .settings-link-content{flex:1}.v2-privacy-data .settings-link-title{display:block;color:rgba(255,255,255,0.9);font-size:0.9375rem;font-weight:500}.v2-privacy-data .settings-link-description{display:block;color:rgba(255,255,255,0.5);font-size:0.8125rem}.v2-privacy-data .settings-link-arrow{color:rgba(255,255,255,0.4)}.v2-privacy-data .page-footer{position:relative;z-index:1;max-width:600px;margin:2rem auto 0;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,0.4);font-size:0.75rem}.v2-privacy-data .page-footer a{color:rgba(255,255,255,0.5);text-decoration:none}.v2-privacy-data .page-footer a:hover{color:rgba(255,255,255,0.8)}.v2-privacy-data .page-footer .footer-separator{margin:0 0.5rem;color:rgba(255,255,255,0.3)}.v2-privacy-data .page-footer .btn-help-icon{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.6);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease}.v2-privacy-data .page-footer .btn-help-icon:hover{background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.9)}.v2-recover{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:1rem;max-width:none;color:#fafaf9}.v2-recover::before{content:'';position:fixed;inset:0;background-image:url("/static/images/bg/onboarding.58de3169d09e.jpg");background-size:cover;background-position:center;filter:brightness(0.45) contrast(1.05) saturate(0.9);z-index:-1}.v2-recover::after{display:none}.v2-recover .recover-container{position:relative;z-index:1;background:rgba(255,255,255,0.06);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.12);border-radius:16px;padding:2rem;max-width:420px;width:100%;text-align:center;box-shadow:0 12px 48px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.15);animation:secondary-enter 0.5s ease-out forwards;opacity:0}.v2-recover .icon-header{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg, rgba(167,139,250,0.3) 0%, rgba(139,92,246,0.2) 100%);border:2px solid rgba(167,139,250,0.4);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;box-shadow:0 0 24px rgba(167,139,250,0.3)}.v2-recover .icon-header i{font-size:1.5rem;color:#c4b5fd}.v2-recover h3{color:#fafaf9;font-size:1.5rem;font-weight:600;margin:0 0 0.75rem;text-shadow:0 2px 12px rgba(0,0,0,0.3)}.v2-recover .lead{color:rgba(255,255,255,0.65);font-size:0.9375rem;line-height:1.6;margin-bottom:1.5rem}.v2-recover .recovery-form{text-align:left;margin-bottom:1.25rem}.v2-recover .form-group{margin-bottom:1rem}.v2-recover .form-group label{display:block;color:rgba(255,255,255,0.7);font-size:0.8125rem;margin-bottom:0.5rem}.v2-recover .recovery-code-input{width:100%;background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.15);border-radius:8px;padding:0.875rem 1rem;color:#fafaf9;font-family:'SF Mono', Monaco, 'Courier New', monospace;font-size:1.125rem;letter-spacing:0.1em;text-align:center;transition:all 0.2s ease}.v2-recover .recovery-code-input::placeholder{color:rgba(255,255,255,0.35)}.v2-recover .recovery-code-input:focus{outline:none;border-color:rgba(167,139,250,0.5);box-shadow:0 0 0 3px rgba(167,139,250,0.15)}.v2-recover .actions{display:flex;justify-content:center}.v2-recover .game-action-item{display:flex;flex-direction:column;align-items:center;gap:0.5rem}.v2-recover .game-action-item .btn-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);border:none;color:#fafaf9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.25s ease;box-shadow:0 4px 20px rgba(139,92,246,0.4)}.v2-recover .game-action-item .btn-icon i{font-size:1.25rem}.v2-recover .game-action-item .btn-icon:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(139,92,246,0.5)}.v2-recover .game-action-item .btn-icon:disabled{opacity:0.5;cursor:not-allowed;transform:none}.v2-recover .game-action-item .action-label{font-size:0.8125rem;color:rgba(255,255,255,0.7);font-weight:500}.v2-recover .game-action-item .btn-new-game{background:linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);box-shadow:0 4px 20px rgba(13,148,136,0.4)}.v2-recover .game-action-item .btn-new-game:hover{box-shadow:0 8px 32px rgba(13,148,136,0.5)}.v2-recover .status-message{padding:1rem;border-radius:10px;font-size:0.9375rem;line-height:1.5;margin-bottom:1rem}.v2-recover .status-message.info{background:rgba(59,130,246,0.15);border:1px solid rgba(59,130,246,0.25);color:#93c5fd}.v2-recover .status-message.success{background:rgba(13,148,136,0.15);border:1px solid rgba(13,148,136,0.25);color:#5eead4}.v2-recover .status-message.success p{margin:0 0 1rem}.v2-recover .status-message.success .actions{margin-top:1rem}.v2-recover .status-message.error{background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.25);color:#fca5a5}.v2-recover .back-link{margin-top:1rem}.v2-recover .back-link a{color:rgba(255,255,255,0.6);text-decoration:none;font-size:0.875rem;display:inline-flex;align-items:center;gap:0.5rem;transition:color 0.2s ease}.v2-recover .back-link a:hover{color:#fafaf9}.v2-recover .back-link a i{font-size:0.875rem}.v2-recover footer{position:fixed;bottom:0;left:0;right:0;padding:1rem;text-align:center;color:rgba(255,255,255,0.4);font-size:0.75rem}.v2-recover footer a{color:rgba(255,255,255,0.5);text-decoration:none}.v2-recover footer a:hover{color:rgba(255,255,255,0.8)}.v2-policy{position:relative;min-height:100vh;min-height:100dvh;margin:0;padding:2rem 1rem;max-width:none;color:#fafaf9}.v2-policy::before{content:'';position:fixed;inset:0;background-image:url("/static/images/bg/play.d6d6e9c59dcf.jpg");background-size:cover;background-position:center;filter:brightness(0.45) contrast(1.05) saturate(0.9);z-index:-1}.v2-policy::after{display:none}.v2-policy .policy-container{position:relative;z-index:1;max-width:760px;margin:0 auto;background:rgba(255,255,255,0.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:2.5rem;box-shadow:0 12px 48px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.1);animation:secondary-enter 0.5s ease-out forwards;opacity:0}.v2-policy .policy-header{text-align:center;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,0.1)}.v2-policy .policy-header h1{color:#fafaf9;font-size:2rem;font-weight:600;margin:1rem 0 0.75rem;text-shadow:0 2px 12px rgba(0,0,0,0.3)}.v2-policy .policy-header .last-updated{color:rgba(255,255,255,0.5);font-size:0.875rem;margin:0}.v2-policy .policy-content section{margin-bottom:2rem}.v2-policy .policy-content section:last-child{margin-bottom:0}.v2-policy .policy-content h2{color:#fafaf9;font-size:1.25rem;font-weight:600;margin:0 0 1rem;padding-bottom:0.5rem;border-bottom:1px solid rgba(255,255,255,0.08)}.v2-policy .policy-content h3{color:rgba(255,255,255,0.9);font-size:1rem;font-weight:600;margin:1.25rem 0 0.75rem}.v2-policy .policy-content p{color:rgba(255,255,255,0.7);font-size:0.9375rem;line-height:1.7;margin:0 0 1rem}.v2-policy .policy-content ul{margin:0 0 1rem;padding-left:1.5rem}.v2-policy .policy-content ul li{color:rgba(255,255,255,0.7);font-size:0.9375rem;line-height:1.7;margin-bottom:0.5rem}.v2-policy .policy-content ul li strong{color:rgba(255,255,255,0.9)}.v2-policy .policy-content a{color:#5eead4;text-decoration:none;transition:color 0.2s ease}.v2-policy .policy-content a:hover{color:#99f6e4;text-decoration:underline}.v2-policy .policy-content .contact-info{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:1rem;margin:1rem 0}.v2-policy .policy-content .contact-info strong{color:rgba(255,255,255,0.8)}.v2-policy .policy-footer{margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1);text-align:center}.v2-policy .policy-footer .back-link{color:#5eead4;text-decoration:none;font-size:0.9375rem;display:inline-flex;align-items:center;gap:0.5rem;transition:color 0.2s ease;margin-bottom:1rem}.v2-policy .policy-footer .back-link:hover{color:#99f6e4}.v2-policy .policy-footer .footer-copyright{color:rgba(255,255,255,0.4);font-size:0.8125rem;margin:0}.v2-error{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:1.5rem;max-width:none;color:#fafaf9}.v2-error::before{content:'';position:fixed;inset:0;background-image:url("/static/images/bg/lose.1557cea5d404.jpg");background-size:cover;background-position:center;filter:brightness(0.45) contrast(1.05) saturate(0.9);z-index:-1}.v2-error::after{display:none}.v2-error .error-container{position:relative;z-index:1;text-align:center;max-width:480px;width:100%}.v2-error .error-card{background:rgba(255,255,255,0.06);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.12);border-color:rgba(239,68,68,0.2);border-radius:16px;padding:2rem;box-shadow:0 12px 48px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);animation:secondary-enter 0.5s ease-out forwards;opacity:0}.v2-error .error-icon{width:72px;height:72px;border-radius:50%;background:rgba(239,68,68,0.15);border:2px solid rgba(239,68,68,0.3);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.v2-error .error-icon i{font-size:2rem;color:#f87171}.v2-error h1{color:#fafaf9;font-size:1.75rem;font-weight:600;margin:0 0 0.75rem;text-shadow:0 2px 12px rgba(0,0,0,0.3)}.v2-error .error-message{color:rgba(255,255,255,0.65);font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.v2-error .error-actions{display:flex;justify-content:center;gap:1rem}.v2-error .error-actions .btn-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.25s ease}.v2-error .error-actions .btn-icon i{font-size:1.125rem}.v2-error .error-actions .btn-icon.btn-primary{background:linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);color:#fafaf9;box-shadow:0 4px 20px rgba(13,148,136,0.35)}.v2-error .error-actions .btn-icon.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(13,148,136,0.45)}.v2-error .error-actions .btn-icon.btn-secondary{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.8)}.v2-error .error-actions .btn-icon.btn-secondary:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.2);color:#fafaf9;transform:translateY(-2px)}.v2-error .error-footer{margin-top:2rem;color:rgba(255,255,255,0.4);font-size:0.75rem}@media (max-width: 768px){.v2-privacy-data .privacy-data-container{padding:1rem}.v2-privacy-data .privacy-data-header h1{font-size:1.5rem}.v2-privacy-data .privacy-card{padding:1.25rem;border-radius:12px}.v2-privacy-data .recovery-actions,.v2-privacy-data .gdpr-actions{gap:1rem}.v2-recover .recover-container{padding:1.5rem;border-radius:14px}.v2-recover h3{font-size:1.25rem}.v2-recover .recovery-code-input{font-size:1rem}.v2-policy .policy-container{padding:1.5rem;border-radius:14px}.v2-policy .policy-header h1{font-size:1.5rem}.v2-policy .policy-content h2{font-size:1.125rem}.v2-policy .policy-content p,.v2-policy .policy-content ul li{font-size:0.875rem}.v2-error .error-card{padding:1.5rem;border-radius:14px}.v2-error h1{font-size:1.5rem}.secondary-particle:nth-child(n+6){display:none}}@media (max-width: 480px){.v2-privacy-data .privacy-card{padding:1rem}.v2-privacy-data .game-action-item .btn-icon{width:44px;height:44px}.v2-privacy-data .game-action-item .action-label{font-size:0.6875rem}.v2-recover .recover-container{padding:1.25rem}.v2-recover .icon-header{width:56px;height:56px}.v2-recover .icon-header i{font-size:1.25rem}.v2-policy{padding:1rem 0.75rem}.v2-policy .policy-container{padding:1.25rem}.v2-policy .policy-header{margin-bottom:1.5rem;padding-bottom:1.5rem}.v2-error .error-card{padding:1.25rem}.v2-error .error-icon{width:60px;height:60px}.v2-error .error-icon i{font-size:1.5rem}.v2-error h1{font-size:1.25rem}.secondary-particle:nth-child(n+5){display:none}}@media (prefers-reduced-motion: reduce){.secondary-particle{animation:none !important;opacity:0.1;will-change:auto}.v2-privacy-data .privacy-data-header,.v2-privacy-data .privacy-card,.v2-privacy-data .recover-container,.v2-privacy-data .policy-container,.v2-privacy-data .error-card,.v2-recover .privacy-data-header,.v2-recover .privacy-card,.v2-recover .recover-container,.v2-recover .policy-container,.v2-recover .error-card,.v2-policy .privacy-data-header,.v2-policy .privacy-card,.v2-policy .recover-container,.v2-policy .policy-container,.v2-policy .error-card,.v2-error .privacy-data-header,.v2-error .privacy-card,.v2-error .recover-container,.v2-error .policy-container,.v2-error .error-card{animation:none !important;opacity:1;transform:none}.v2-privacy-data .btn-icon,.v2-privacy-data .btn-primary,.v2-privacy-data .btn-secondary,.v2-recover .btn-icon,.v2-recover .btn-primary,.v2-recover .btn-secondary,.v2-policy .btn-icon,.v2-policy .btn-primary,.v2-policy .btn-secondary,.v2-error .btn-icon,.v2-error .btn-primary,.v2-error .btn-secondary{transition:none}.v2-privacy-data .btn-icon:hover,.v2-privacy-data .btn-primary:hover,.v2-privacy-data .btn-secondary:hover,.v2-recover .btn-icon:hover,.v2-recover .btn-primary:hover,.v2-recover .btn-secondary:hover,.v2-policy .btn-icon:hover,.v2-policy .btn-primary:hover,.v2-policy .btn-secondary:hover,.v2-error .btn-icon:hover,.v2-error .btn-primary:hover,.v2-error .btn-secondary:hover{transform:none}}[data-theme="light"] .v2-privacy-data{background:var(--v2-bg-light);color:var(--v2-text-light)}[data-theme="light"] .v2-privacy-data::before{background-image:url("/static/images/bg/play-light.35e2893b1878.jpg");filter:brightness(1) saturate(0.85)}[data-theme="light"] .v2-privacy-data .privacy-data-header h1{color:var(--v2-text-light);text-shadow:0 2px 12px rgba(0,0,0,0.06)}[data-theme="light"] .v2-privacy-data .privacy-data-subtitle{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-privacy-data .privacy-card{background:var(--v2-glass-bg-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--v2-glass-border-light);box-shadow:0 8px 32px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.9)}[data-theme="light"] .v2-privacy-data .privacy-card--elevated{border-color:rgba(13,148,136,0.2);background:rgba(13,148,136,0.06)}[data-theme="light"] .v2-privacy-data .privacy-card-title{color:var(--v2-text-light)}[data-theme="light"] .v2-privacy-data .privacy-card-title i{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-privacy-data .privacy-card-description{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-privacy-data .top-bar-controls .btn-icon{background:rgba(0,0,0,0.04);border:1px solid var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-privacy-data .top-bar-controls .btn-icon:hover{background:rgba(0,0,0,0.08);border-color:var(--v2-border-strong-light);color:var(--v2-text-light)}[data-theme="light"] .v2-privacy-data .game-action-item .btn-icon{background:rgba(0,0,0,0.04);border:1px solid var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-privacy-data .game-action-item .btn-icon:hover{background:rgba(0,0,0,0.08);border-color:var(--v2-border-strong-light);color:var(--v2-text-light)}[data-theme="light"] .v2-privacy-data .game-action-item .btn-icon.btn-gdpr-delete:hover{background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.25);color:#dc2626}[data-theme="light"] .v2-privacy-data .game-action-item .action-label{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-privacy-data #recovery-code-display{background:rgba(0,0,0,0.02);border-color:var(--v2-border-light)}[data-theme="light"] .v2-privacy-data #recovery-code-display>p:first-child{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-privacy-data #recovery-code-display>p:first-child i{color:var(--v2-correct-light)}[data-theme="light"] .v2-privacy-data #recovery-code-display.has-code .recovery-code-container code{color:var(--v2-correct-light)}[data-theme="light"] .v2-privacy-data .recovery-code-container{background:rgba(0,0,0,0.04)}[data-theme="light"] .v2-privacy-data .recovery-code-container code{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-privacy-data .recovery-code-container button{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-privacy-data .recovery-code-container button:hover{color:var(--v2-correct-light)}[data-theme="light"] .v2-privacy-data .recovery-warning{color:var(--v2-present-light)}[data-theme="light"] .v2-privacy-data .recovery-meta{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-privacy-data .recovery-meta strong{color:var(--v2-text-light)}[data-theme="light"] .v2-privacy-data .consent-title{color:var(--v2-text-light)}[data-theme="light"] .v2-privacy-data .consent-description{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-privacy-data .toggle-switch .toggle-slider{background:rgba(0,0,0,0.15)}[data-theme="light"] .v2-privacy-data .consent-status{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-privacy-data .consent-status .status-enabled{color:var(--v2-correct-light)}[data-theme="light"] .v2-privacy-data .consent-status .status-disabled{color:var(--v2-text-faded-light)}[data-theme="light"] .v2-privacy-data #delete-confirmation{background:rgba(239,68,68,0.08);border-color:rgba(239,68,68,0.15)}[data-theme="light"] .v2-privacy-data #delete-confirmation>p:first-child{color:#dc2626}[data-theme="light"] .v2-privacy-data #delete-confirmation .btn-secondary{background:rgba(0,0,0,0.04);border-color:var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-privacy-data #delete-confirmation .btn-secondary:hover{background:rgba(0,0,0,0.08);color:var(--v2-text-light)}[data-theme="light"] .v2-privacy-data .privacy-card .settings-link:hover{background:rgba(0,0,0,0.03)}[data-theme="light"] .v2-privacy-data .privacy-card .settings-link .settings-link-icon{background:rgba(0,0,0,0.04);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-privacy-data .privacy-card .settings-link .settings-link-title{color:var(--v2-text-light)}[data-theme="light"] .v2-privacy-data .privacy-card .settings-link .settings-link-description{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-privacy-data .privacy-card .settings-link .settings-link-arrow{color:var(--v2-text-faded-light)}[data-theme="light"] .v2-privacy-data .page-footer{color:var(--v2-text-faded-light)}[data-theme="light"] .v2-privacy-data .page-footer a{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-privacy-data .page-footer a:hover{color:var(--v2-text-light)}[data-theme="light"] .v2-privacy-data .page-footer .footer-separator{color:var(--v2-text-faded-light)}[data-theme="light"] .v2-privacy-data .page-footer .btn-help-icon{background:rgba(0,0,0,0.04);border:1px solid var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-privacy-data .page-footer .btn-help-icon:hover{background:rgba(0,0,0,0.08);color:var(--v2-text-light)}[data-theme="light"] .v2-recover{background:var(--v2-bg-light);color:var(--v2-text-light)}[data-theme="light"] .v2-recover::before{background-image:url("/static/images/bg/lose-light.0fcee93edc1a.jpg");filter:brightness(1) saturate(0.85)}[data-theme="light"] .v2-recover .recover-container{background:var(--v2-glass-bg-light);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--v2-glass-border-light);box-shadow:0 12px 48px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.9)}[data-theme="light"] .v2-recover .icon-header{background:linear-gradient(135deg, rgba(167,139,250,0.2) 0%, rgba(139,92,246,0.15) 100%);border-color:rgba(139,92,246,0.3);box-shadow:0 0 24px rgba(139,92,246,0.15)}[data-theme="light"] .v2-recover .icon-header i{color:#7c3aed}[data-theme="light"] .v2-recover h3{color:var(--v2-text-light);text-shadow:0 2px 12px rgba(0,0,0,0.06)}[data-theme="light"] .v2-recover .lead{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-recover .form-group label{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-recover .recovery-code-input{background:rgba(0,0,0,0.04);border-color:var(--v2-border-light);color:var(--v2-text-light)}[data-theme="light"] .v2-recover .recovery-code-input::placeholder{color:var(--v2-text-faded-light)}[data-theme="light"] .v2-recover .recovery-code-input:focus{border-color:rgba(139,92,246,0.4);box-shadow:0 0 0 3px rgba(139,92,246,0.1)}[data-theme="light"] .v2-recover .game-action-item .action-label{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-recover .game-action-item .btn-new-game{box-shadow:0 4px 20px rgba(13,148,136,0.25)}[data-theme="light"] .v2-recover .game-action-item .btn-new-game:hover{box-shadow:0 8px 32px rgba(13,148,136,0.35)}[data-theme="light"] .v2-recover .status-message.info{background:rgba(59,130,246,0.1);border-color:rgba(59,130,246,0.2);color:#2563eb}[data-theme="light"] .v2-recover .status-message.success{background:var(--v2-correct-light-glow);border-color:rgba(13,148,136,0.2);color:var(--v2-correct-light)}[data-theme="light"] .v2-recover .status-message.error{background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.2);color:#dc2626}[data-theme="light"] .v2-recover .back-link a{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-recover .back-link a:hover{color:var(--v2-text-light)}[data-theme="light"] .v2-recover footer{color:var(--v2-text-faded-light)}[data-theme="light"] .v2-recover footer a{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-recover footer a:hover{color:var(--v2-text-light)}[data-theme="light"] .v2-policy{background:var(--v2-bg-light);color:var(--v2-text-light)}[data-theme="light"] .v2-policy::before{background-image:url("/static/images/bg/onboarding-light.35e2893b1878.jpg");filter:brightness(1) saturate(0.85)}[data-theme="light"] .v2-policy .policy-container{background:var(--v2-glass-bg-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--v2-glass-border-light);box-shadow:0 12px 48px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.9)}[data-theme="light"] .v2-policy .policy-header{border-bottom-color:var(--v2-border-light)}[data-theme="light"] .v2-policy .policy-header h1{color:var(--v2-text-light);text-shadow:0 2px 12px rgba(0,0,0,0.06)}[data-theme="light"] .v2-policy .policy-header .last-updated{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-policy .policy-content h2{color:var(--v2-text-light);border-bottom-color:var(--v2-border-light)}[data-theme="light"] .v2-policy .policy-content h3{color:var(--v2-text-light)}[data-theme="light"] .v2-policy .policy-content p{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-policy .policy-content ul li{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-policy .policy-content ul li strong{color:var(--v2-text-light)}[data-theme="light"] .v2-policy .policy-content a{color:var(--v2-correct-light)}[data-theme="light"] .v2-policy .policy-content a:hover{color:#0f766e}[data-theme="light"] .v2-policy .policy-content .contact-info{background:rgba(0,0,0,0.02);border-color:var(--v2-border-light)}[data-theme="light"] .v2-policy .policy-content .contact-info strong{color:var(--v2-text-light)}[data-theme="light"] .v2-policy .policy-footer{border-top-color:var(--v2-border-light)}[data-theme="light"] .v2-policy .policy-footer .back-link{color:var(--v2-correct-light)}[data-theme="light"] .v2-policy .policy-footer .back-link:hover{color:#0f766e}[data-theme="light"] .v2-policy .policy-footer .footer-copyright{color:var(--v2-text-faded-light)}[data-theme="light"] .v2-error{background:var(--v2-bg-light);color:var(--v2-text-light)}[data-theme="light"] .v2-error::before{background-image:url("/static/images/bg/play-light.35e2893b1878.jpg");filter:brightness(1) saturate(0.85)}[data-theme="light"] .v2-error .error-card{background:var(--v2-glass-bg-light);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(239,68,68,0.15);box-shadow:0 12px 48px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.9)}[data-theme="light"] .v2-error .error-icon{background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.2)}[data-theme="light"] .v2-error .error-icon i{color:#dc2626}[data-theme="light"] .v2-error h1{color:var(--v2-text-light);text-shadow:0 2px 12px rgba(0,0,0,0.06)}[data-theme="light"] .v2-error .error-message{color:var(--v2-text-muted-light)}[data-theme="light"] .v2-error .error-actions .btn-primary{box-shadow:0 4px 20px rgba(13,148,136,0.25)}[data-theme="light"] .v2-error .error-actions .btn-primary:hover{box-shadow:0 6px 24px rgba(13,148,136,0.35)}[data-theme="light"] .v2-error .error-actions .btn-secondary{background:rgba(0,0,0,0.04);border-color:var(--v2-border-light);color:var(--v2-text-muted-light)}[data-theme="light"] .v2-error .error-actions .btn-secondary:hover{background:rgba(0,0,0,0.08);border-color:var(--v2-border-strong-light);color:var(--v2-text-light)}[data-theme="light"] .v2-error .error-footer{color:var(--v2-text-faded-light)}[data-theme="light"] .secondary-particle{background:var(--v2-particle-light);box-shadow:var(--v2-particle-shadow-light)}@media (prefers-color-scheme: light){.v2-privacy-data:not([data-theme="dark"]),.v2-recover:not([data-theme="dark"]),.v2-policy:not([data-theme="dark"]),.v2-error:not([data-theme="dark"]){background:var(--v2-bg-light);color:var(--v2-text-light)}.v2-privacy-data:not([data-theme="dark"])::before,.v2-recover:not([data-theme="dark"])::before,.v2-policy:not([data-theme="dark"])::before,.v2-error:not([data-theme="dark"])::before{filter:brightness(0.92) saturate(0.7)}.v2-privacy-data:not([data-theme="dark"]) .privacy-card,.v2-recover:not([data-theme="dark"]) .recover-container,.v2-policy:not([data-theme="dark"]) .policy-container,.v2-error:not([data-theme="dark"]) .error-card{background:var(--v2-glass-bg-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--v2-glass-border-light);box-shadow:0 12px 48px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.9)}.secondary-particle:not([data-theme="dark"] *){background:var(--v2-particle-light);box-shadow:var(--v2-particle-shadow-light)}}.secondary-particle{will-change:transform, opacity}.v2-privacy-data .privacy-card,.v2-recover .recover-container,.v2-policy .policy-container,.v2-error .error-card{will-change:opacity, transform}.site-footer{position:fixed;left:max(0px, calc(50vw - var(--page-max-width, 600px) / 2));right:max(0px, calc(50vw - var(--page-max-width, 600px) / 2));bottom:calc(env(safe-area-inset-bottom, 0px) + 0.75rem);display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-padding, 1rem);pointer-events:none;z-index:var(--z-footer, 10)}@media (max-height: 700px){.site-footer{position:static;left:auto;right:auto;margin-top:1.5rem;padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 0.75rem);justify-content:center;pointer-events:auto}}.site-footer--minimal{justify-content:center;gap:0.5rem}.footer-content{display:flex;align-items:center;gap:0.5rem;pointer-events:auto}.footer-brand{font-family:var(--font-family-display);font-weight:500;font-size:0.8125rem;letter-spacing:0.08em;color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-year{font-size:0.8125rem;color:var(--color-text-subtle)}.footer-separator{color:var(--color-text-subtle);opacity:0.5;font-size:0.75rem}.footer-link{font-size:0.8125rem;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast);pointer-events:auto}.footer-link:hover{color:var(--color-accent)}.footer-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.footer-actions{display:flex;align-items:center;gap:0.5rem;pointer-events:auto}[data-theme='dark'] .site-footer .footer-brand,.v2-play .site-footer .footer-brand,.v2-landing .site-footer .footer-brand{color:rgba(255,255,255,0.5)}[data-theme='dark'] .site-footer .footer-year,[data-theme='dark'] .site-footer .footer-separator,.v2-play .site-footer .footer-year,.v2-play .site-footer .footer-separator,.v2-landing .site-footer .footer-year,.v2-landing .site-footer .footer-separator{color:rgba(255,255,255,0.35)}[data-theme='dark'] .site-footer .footer-link,.v2-play .site-footer .footer-link,.v2-landing .site-footer .footer-link{color:rgba(255,255,255,0.5)}[data-theme='dark'] .site-footer .footer-link:hover,.v2-play .site-footer .footer-link:hover,.v2-landing .site-footer .footer-link:hover{color:var(--color-accent)}@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .site-footer .footer-brand{color:rgba(255,255,255,0.5)}:root:not([data-theme='light']) .site-footer .footer-year,:root:not([data-theme='light']) .site-footer .footer-separator{color:rgba(255,255,255,0.35)}:root:not([data-theme='light']) .site-footer .footer-link{color:rgba(255,255,255,0.5)}:root:not([data-theme='light']) .site-footer .footer-link:hover{color:var(--color-accent)}}.attempts-table-wrapper{display:flex;justify-content:center}.attempts-table{width:100%;max-width:480px;border-collapse:collapse}.attempts-table th,.attempts-table td{padding:0.35rem 0.5rem}.attempts-table thead th{font-size:0.85rem;letter-spacing:0.5px;text-transform:uppercase;color:var(--color-text-muted)}.attempts-table tbody tr:nth-child(even){background:var(--color-border);background:color-mix(in srgb, var(--color-text) 4%, transparent)}.attempt-time-cell,.attempt-elapsed,.attempts-total-elapsed{text-align:right;font-variant-numeric:tabular-nums}.attempt-index{width:2.25rem;text-align:right;font-variant-numeric:tabular-nums}.attempt-elapsed{width:4rem}.attempts-total-row{font-weight:600;border-top:2px solid var(--color-border)}.attempt-index-header{text-align:right;width:2.25rem}.attempt-guess-header{text-align:left}.attempt-time-header{text-align:right}.attempt-elapsed-header{text-align:right;width:4rem}.attempt-result-header,.attempt-result{text-align:center}.attempt-result i{display:inline-block;width:1.25rem;text-align:center}body.welcome-page .welcome-container{max-width:640px;margin:3rem auto;padding:0 1rem;text-align:center}body.welcome-page .avatar{width:96px;height:96px;border-radius:50%;margin:0 auto 1rem;display:grid;place-items:center;background:hsl(var(--hue), 70%, 45%);color:var(--color-text-on-colored)}body.welcome-page .avatar i{font-size:42px}body.welcome-page .lead{color:var(--color-text-muted);text-align:left}body.welcome-page .codename-panel{display:flex;flex-direction:row;gap:2rem;align-items:center;justify-content:center;margin:1rem 0}body.welcome-page .codename-panel .btn-recovery-use i{color:var(--color-accent)}body.welcome-page .codename-panel .btn-recovery-use:hover i{color:var(--color-accent-hover)}body.welcome-page .codename{font-weight:700;font-size:1.25rem;padding:0.25rem 0.5rem;border-radius:6px}body.welcome-page .consent-form{margin-top:1rem;text-align:left;display:inline-block;max-width:520px}body.welcome-page .consent-form .consent-section{margin-bottom:1rem;padding:0.75rem 1rem;border-radius:8px;background:var(--color-bg-tint-subtle);border:1px solid var(--color-border-tint-light)}body.welcome-page .consent-form .consent-section--essential{background:var(--color-success-bg-light);border-color:var(--color-success-border-light)}body.welcome-page .consent-form .consent-section--optional{background:var(--color-secondary-bg-subtle);border-color:var(--color-secondary-border-light)}body.welcome-page .consent-form .consent-label{display:flex;align-items:flex-start;gap:0.5rem;cursor:pointer;font-size:0.9rem;line-height:1.4}body.welcome-page .consent-form .consent-label input[type="checkbox"]{margin-top:0.2rem;flex-shrink:0}body.welcome-page .consent-form .consent-note{font-size:0.8rem;color:var(--color-text-muted);margin:0.5rem 0 0 1.5rem;line-height:1.3}body.welcome-page .consent-form .consent-optional-badge{display:inline-block;font-size:0.7rem;font-weight:500;color:var(--color-text-muted);background:var(--color-bg-hover);padding:0.15rem 0.4rem;border-radius:4px;margin-left:0.3rem;vertical-align:middle}body.welcome-page .consent-form .actions{text-align:center;margin-top:1rem}body.welcome-page .error{color:var(--color-error);font-weight:600}body.welcome-page .recovery-info{margin:2rem auto 1.5rem;padding:1.25rem;background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:8px;text-align:left;max-width:520px}body.welcome-page .recovery-info .recovery-info-title{font-weight:500;font-size:1rem;margin-bottom:0.75rem;color:var(--color-text)}body.welcome-page .recovery-info .recovery-info-title i{margin-right:0.5rem;color:var(--color-accent)}body.welcome-page .recovery-info .recovery-info-text{font-size:0.9rem;line-height:1.5;color:var(--color-text-muted);margin-bottom:0}body.welcome-page .privacy-link-text{margin-top:0.75rem;font-size:0.875rem}body.recover-page .recover-container{max-width:640px;margin:3rem auto;padding:0 1rem;text-align:center}body.recover-page .icon-header{width:96px;height:96px;border-radius:50%;margin:0 auto 1rem;display:grid;place-items:center;background:var(--color-accent);color:var(--color-text-on-colored)}body.recover-page .icon-header i{font-size:42px}body.recover-page h3{margin-top:0;align-self:center}body.recover-page .lead{color:var(--color-text-muted);text-align:center;margin-bottom:2rem}body.recover-page .recovery-form{margin-top:1rem;text-align:left;display:inline-block;width:100%;max-width:400px}body.recover-page .recovery-form .form-group{margin-bottom:1.5rem}body.recover-page .recovery-form .form-group label{display:block;font-weight:600;margin-bottom:0.5rem;text-align:left}body.recover-page .recovery-form .form-group .recovery-code-input{width:100%;padding:0.75rem;font-size:1rem;font-family:var(--font-family-mono);letter-spacing:2px;text-align:center;border:1px solid var(--color-border);border-radius:6px;text-transform:uppercase}body.recover-page .recovery-form .form-group .recovery-code-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-primary-bg-light)}body.recover-page .recovery-form .actions{text-align:center;margin-top:1rem}body.recover-page .recovery-form .btn-recovery i{color:var(--color-accent)}body.recover-page .recovery-form .btn-recovery:hover i{color:var(--color-accent-hover)}body.recover-page .recovery-form .btn-recovery:disabled{opacity:0.5;cursor:not-allowed}body.recover-page .status-message{margin-top:1rem;padding:0.75rem;border-radius:6px;font-weight:600;text-align:center}body.recover-page .status-message.info{background:var(--color-alert-info-bg);color:var(--color-alert-info-text);border:1px solid var(--color-alert-info-border)}body.recover-page .status-message.success{background:var(--color-alert-success-bg);color:var(--color-alert-success-text);border:1px solid var(--color-alert-success-border)}body.recover-page .status-message.success p{margin-bottom:0}body.recover-page .status-message.success .actions{margin-top:1.5rem}body.recover-page .status-message.error{background:var(--color-alert-danger-bg);color:var(--color-alert-danger-text);border:1px solid var(--color-alert-danger-border)}body.recover-page .back-link{margin-top:2rem;font-size:0.875rem}body.recover-page .back-link a{color:var(--color-accent);text-decoration:none}body.recover-page .back-link a i{margin-right:0.5rem}body.recover-page .back-link a:hover{text-decoration:underline}.statistics-section{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--color-border-tint-light)}.statistics-section .statistics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.statistics-section .statistics-header h3{font-size:1.25rem;margin:0}.statistics-section .statistics-header .btn-statistics-refresh{width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-bg-hover);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all 0.2s ease}.statistics-section .statistics-header .btn-statistics-refresh:hover{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.statistics-section .statistics-header .btn-statistics-refresh i{font-size:0.85rem}.statistics-section h3{font-size:1.25rem;margin-bottom:1rem}.statistics-section .statistics-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;margin-bottom:1.5rem}.statistics-section .stat-item{text-align:center;padding:0.75rem;background:var(--color-bg-tint-light);border-radius:8px;transition:transform 0.2s ease, box-shadow 0.2s ease;animation:stat-fade-in 0.4s ease-out both}.statistics-section .stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb, var(--color-accent) 15%, transparent)}.statistics-section .stat-item:nth-child(1){animation-delay:0s}.statistics-section .stat-item:nth-child(2){animation-delay:0.05s}.statistics-section .stat-item:nth-child(3){animation-delay:0.1s}.statistics-section .stat-item:nth-child(4){animation-delay:0.15s}.statistics-section .stat-item:nth-child(5){animation-delay:0.2s}.statistics-section .stat-item:nth-child(6){animation-delay:0.25s}.statistics-section .stat-item .stat-value{display:block;font-size:1.5rem;font-weight:bold;color:var(--color-accent)}.statistics-section .stat-item .stat-label{display:block;font-size:0.75rem;color:var(--color-text-muted);margin-top:0.25rem}.statistics-section .stat-item.stat-item--hot-streak .stat-value{display:flex;align-items:center;justify-content:center;gap:0.35rem}.statistics-section .stat-item.stat-item--hot-streak .streak-fire{color:var(--color-state-present);animation:flame-pulse 1.2s ease-in-out infinite;font-size:1.1rem}@keyframes stat-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.statistics-section .guess-distribution{margin-bottom:1.5rem}.statistics-section .guess-distribution h4{font-size:1rem;margin-bottom:0.75rem;color:var(--color-text-muted)}.statistics-section .guess-distribution .distribution-bars{display:flex;flex-direction:column;gap:0.5rem}.statistics-section .guess-distribution .distribution-row{display:flex;align-items:center;gap:0.5rem}.statistics-section .guess-distribution .distribution-label{width:1rem;text-align:right;font-weight:bold;font-size:0.875rem}.statistics-section .guess-distribution .distribution-bar-container{flex:1;display:flex;align-items:center;gap:0.5rem}.statistics-section .guess-distribution .distribution-bar{height:1.25rem;background:linear-gradient(90deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, var(--color-state-correct)) 100%);border-radius:4px;min-width:4px;animation:bar-fade-in 0.4s ease-out both}.statistics-section .guess-distribution .distribution-row:nth-child(1) .distribution-bar{animation-delay:0.1s}.statistics-section .guess-distribution .distribution-row:nth-child(2) .distribution-bar{animation-delay:0.15s}.statistics-section .guess-distribution .distribution-row:nth-child(3) .distribution-bar{animation-delay:0.2s}.statistics-section .guess-distribution .distribution-row:nth-child(4) .distribution-bar{animation-delay:0.25s}.statistics-section .guess-distribution .distribution-row:nth-child(5) .distribution-bar{animation-delay:0.3s}.statistics-section .guess-distribution .distribution-row:nth-child(6) .distribution-bar{animation-delay:0.35s}@keyframes bar-fade-in{from{opacity:0}to{opacity:1}}.statistics-section .guess-distribution .distribution-count{font-size:0.875rem;font-weight:bold;min-width:1.5rem}.statistics-section .statistics-actions{display:flex;gap:2rem;justify-content:center;margin-bottom:1rem}.statistics-section #statistics-status{margin-top:1rem}.recovery-section{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--color-border-tint-light)}.recovery-section h3{font-size:1.25rem;margin-bottom:0.5rem}.recovery-section p{color:var(--color-text-muted);margin-bottom:1.5rem}.recovery-section .recovery-actions{display:flex;gap:2rem;justify-content:center;margin-bottom:1rem}.recovery-section #recovery-code-display{display:none;margin-top:1.25rem;padding:1rem;background:var(--color-alert-success-bg);border:1px solid var(--color-alert-success-border);border-radius:5px}.recovery-section #recovery-code-display.show{display:block}.recovery-section #recovery-code-display p{margin-bottom:0.75rem}.recovery-section #recovery-code-display p:first-of-type{font-weight:bold;color:var(--color-alert-success-text)}.recovery-section #recovery-code-display p:first-of-type i{margin-right:0.5rem}.recovery-section #recovery-code-display p.recovery-warning{color:var(--color-alert-warning-text);font-size:0.875rem}.recovery-section #recovery-code-display p.recovery-warning i{margin-right:0.5rem}.recovery-section #recovery-code-display p.recovery-meta{font-size:0.875rem;color:var(--color-alert-success-text)}.recovery-section #recovery-code-display p.recovery-meta i{margin-right:0.5rem}.recovery-section #recovery-code-display .recovery-code-container{background:var(--color-bg-hover);padding:1rem;border-radius:5px;margin:0.625rem 0;font-family:var(--font-family-mono);font-size:1.125rem;font-weight:bold;text-align:center;position:relative}.recovery-section #recovery-code-display .recovery-code-container code{color:var(--color-text);letter-spacing:2px}.recovery-section #recovery-code-display .recovery-code-container #copy-recovery-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.25rem;color:var(--color-accent);transition:color 0.2s ease}.recovery-section #recovery-code-display .recovery-code-container #copy-recovery-btn:hover{color:var(--color-accent-hover)}.recovery-section #recovery-code-display .recovery-code-container #copy-recovery-btn:active{transform:translateY(-50%) scale(0.95)}.recovery-section #recovery-status{margin-top:1rem;font-weight:600}.recovery-section #recovery-status p{margin:0}.status-info{color:var(--color-accent-hover)}.status-info i{margin-right:0.5rem}.status-success{color:var(--color-success);font-weight:bold}.status-success i{margin-right:0.5rem}.status-error{color:var(--color-danger);font-weight:bold}.status-error i{margin-right:0.5rem}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .statistics-section{border-top-color:var(--color-border)}:root:not([data-theme="light"]) .statistics-section .stat-item{background:var(--color-bg-hover)}:root:not([data-theme="light"]) .recovery-section{border-top-color:var(--color-border)}:root:not([data-theme="light"]) .status-error{color:var(--color-error)}}[data-theme="dark"] .statistics-section{border-top-color:var(--color-border)}[data-theme="dark"] .statistics-section .stat-item{background:var(--color-bg-hover)}[data-theme="dark"] .recovery-section{border-top-color:var(--color-border)}[data-theme="dark"] .status-error{color:var(--color-error)}.copy-success{color:var(--color-success)}@media (prefers-color-scheme: dark){.copy-success{color:var(--color-success)}}.gdpr-section{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--color-border-tint-light)}.gdpr-section h3{font-size:1.25rem;margin-bottom:0.5rem}.gdpr-section p{color:var(--color-text-muted);margin-bottom:1.5rem}.gdpr-section .gdpr-actions{display:flex;gap:2rem;justify-content:center;margin-bottom:1rem}.gdpr-section #delete-confirmation{display:none;border:1px solid var(--color-alert-warning-border);background:var(--color-alert-warning-bg);border-radius:5px;padding:1rem;margin-top:1rem}.gdpr-section #delete-confirmation p{color:var(--color-alert-warning-text);font-weight:bold;margin-bottom:1rem}.gdpr-section #delete-confirmation p i{margin-right:0.5rem}.gdpr-section #delete-confirmation button{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;border:none;margin-right:0.5rem;transition:background-color 0.2s ease, opacity 0.2s ease}.gdpr-section #delete-confirmation button.btn-danger{background:var(--color-btn-danger);color:var(--color-text-on-colored)}.gdpr-section #delete-confirmation button.btn-danger:hover{background:var(--color-btn-danger-hover)}.gdpr-section #delete-confirmation button.btn-danger:disabled{background:var(--color-disabled);cursor:not-allowed;opacity:0.6}.gdpr-section #delete-confirmation button.btn-secondary{background:var(--color-text-muted);color:var(--color-text-on-colored)}.gdpr-section #delete-confirmation button.btn-secondary:hover{background:var(--color-text-subtle)}.gdpr-section #delete-status{margin-top:1rem;font-weight:600}.gdpr-section #delete-status p{margin:0}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .gdpr-section{border-top-color:var(--color-border)}}[data-theme="dark"] .gdpr-section{border-top-color:var(--color-border)}.privacy-data-section{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--color-border-tint-light)}.privacy-data-section>h3{font-size:1.25rem;margin-bottom:0.25rem;color:var(--color-text)}.privacy-data-section>.section-subtitle{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:0.9rem}.privacy-data-section .privacy-card{margin-bottom:1rem;padding:1.25rem}.privacy-data-section .privacy-card .privacy-card-title{display:flex;align-items:center;gap:0.5rem;font-size:1rem;font-weight:600;margin:0 0 0.75rem 0;color:var(--color-text)}.privacy-data-section .privacy-card .privacy-card-title i{color:var(--color-accent)}.privacy-data-section .privacy-card .privacy-card-description{color:var(--color-text-muted);margin-bottom:1rem;font-size:0.9rem}.privacy-data-section .privacy-card .recovery-actions{display:flex;gap:1.5rem;justify-content:flex-start;margin-bottom:1rem}.privacy-data-section .privacy-card .gdpr-actions{display:flex;gap:1.5rem;justify-content:flex-start;margin-bottom:1rem}.privacy-data-section .privacy-card .game-action-item{flex:1;max-width:140px;display:flex;flex-direction:column;align-items:center;gap:0.5rem}.privacy-data-section .privacy-card .game-action-item .action-label{font-size:0.75rem;font-weight:600;color:var(--color-text);text-align:center;line-height:1.3;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.privacy-data-section .privacy-card #recovery-code-display{display:none;margin-top:1rem;padding:1rem;background:var(--color-alert-success-bg);border:1px solid var(--color-alert-success-border);border-radius:var(--radius-md)}.privacy-data-section .privacy-card #recovery-code-display.show{display:block}.privacy-data-section .privacy-card #recovery-code-display p{margin-bottom:0.5rem;font-size:0.9rem}.privacy-data-section .privacy-card #recovery-code-display p:first-of-type{font-weight:bold;color:var(--color-alert-success-text)}.privacy-data-section .privacy-card #recovery-code-display p:first-of-type i{margin-right:0.5rem}.privacy-data-section .privacy-card #recovery-code-display p.recovery-warning{color:var(--color-alert-warning-text);font-size:0.85rem}.privacy-data-section .privacy-card #recovery-code-display p.recovery-warning i{margin-right:0.5rem}.privacy-data-section .privacy-card #recovery-code-display p.recovery-meta{font-size:0.85rem;color:var(--color-alert-success-text)}.privacy-data-section .privacy-card #recovery-code-display p.recovery-meta i{margin-right:0.5rem}.privacy-data-section .privacy-card #recovery-code-display .recovery-code-container{background:var(--color-bg-hover);padding:0.75rem 1rem;border-radius:var(--radius-sm);margin:0.5rem 0;font-family:var(--font-family-mono);font-size:1rem;font-weight:bold;text-align:center;position:relative}.privacy-data-section .privacy-card #recovery-code-display .recovery-code-container code{color:var(--color-text);letter-spacing:2px}.privacy-data-section .privacy-card #recovery-code-display .recovery-code-container #copy-recovery-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--color-accent);transition:color 0.2s ease}.privacy-data-section .privacy-card #recovery-code-display .recovery-code-container #copy-recovery-btn:hover{color:var(--color-accent-hover)}.privacy-data-section .privacy-card #delete-confirmation{display:none;border:1px solid var(--color-alert-warning-border);background:var(--color-alert-warning-bg);border-radius:var(--radius-md);padding:1rem;margin-top:1rem}.privacy-data-section .privacy-card #delete-confirmation p{color:var(--color-alert-warning-text);font-weight:600;margin-bottom:1rem;font-size:0.9rem}.privacy-data-section .privacy-card #delete-confirmation p i{margin-right:0.5rem}.privacy-data-section .privacy-card #delete-confirmation button{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;border:none;margin-right:0.5rem;transition:background-color 0.2s ease}.privacy-data-section .privacy-card #delete-confirmation button.btn-danger{background:var(--color-btn-danger);color:var(--color-text-on-colored)}.privacy-data-section .privacy-card #delete-confirmation button.btn-danger:hover{background:var(--color-btn-danger-hover)}.privacy-data-section .privacy-card #delete-confirmation button.btn-secondary{background:var(--color-text-muted);color:var(--color-text-on-colored)}.privacy-data-section .privacy-card #delete-confirmation button.btn-secondary:hover{background:var(--color-text-subtle)}.privacy-data-section .privacy-card #delete-status,.privacy-data-section .privacy-card #recovery-status{margin-top:1rem;font-weight:600}.settings-link-section{margin-top:1.5rem}.settings-link-section .settings-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border);text-decoration:none;transition:background-color 0.2s ease, border-color 0.2s ease}.settings-link-section .settings-link:hover{background:var(--color-bg-hover);border-color:var(--color-accent)}.settings-link-section .settings-link .settings-link-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--color-accent-light);border-radius:var(--radius-sm);flex-shrink:0}.settings-link-section .settings-link .settings-link-icon i{font-size:1.25rem;color:var(--color-accent)}.settings-link-section .settings-link .settings-link-content{flex:1}.settings-link-section .settings-link .settings-link-title{display:block;font-weight:600;color:var(--color-text);font-size:1rem}.settings-link-section .settings-link .settings-link-description{display:block;font-size:0.85rem;color:var(--color-text-muted);margin-top:0.125rem}.settings-link-section .settings-link .settings-link-arrow{color:var(--color-text-muted);font-size:1rem}.navigation-cards-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.navigation-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1rem}.navigation-cards .settings-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border);text-decoration:none;transition:background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease}.navigation-cards .settings-link:hover{background:var(--color-bg-hover);border-color:var(--color-accent);transform:translateY(-2px)}.navigation-cards .settings-link .settings-link-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--color-accent-light);border-radius:var(--radius-sm);flex-shrink:0}.navigation-cards .settings-link .settings-link-icon i{font-size:1.25rem;color:var(--color-accent)}.navigation-cards .settings-link .settings-link-content{flex:1}.navigation-cards .settings-link .settings-link-title{display:block;font-weight:600;color:var(--color-text);font-size:1rem}.navigation-cards .settings-link .settings-link-description{display:block;font-size:0.85rem;color:var(--color-text-muted);margin-top:0.125rem}.navigation-cards .settings-link .settings-link-arrow{color:var(--color-text-muted);font-size:1rem}.privacy-data-page{min-height:100vh;background:var(--color-bg)}.privacy-data-container{max-width:640px;margin:0 auto;padding:1rem 1rem 2rem}.privacy-data-header{text-align:center;margin-bottom:2rem}.privacy-data-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text);margin-bottom:0.5rem}.privacy-data-header .privacy-data-subtitle{color:var(--color-text-muted);font-size:0.95rem}.privacy-data-section{margin-bottom:1rem;animation:zen-fade-in 0.4s ease-out forwards;opacity:0}.privacy-data-section:nth-child(1){animation-delay:0.1s}.privacy-data-section:nth-child(2){animation-delay:0.15s}.privacy-data-section:nth-child(3){animation-delay:0.2s}.privacy-data-section:nth-child(4){animation-delay:0.25s}.privacy-data-section:nth-child(5){animation-delay:0.3s}.privacy-data-section:nth-child(6){animation-delay:0.35s}.privacy-data-section .privacy-card{padding:1.25rem;background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.privacy-data-section .privacy-card--elevated{border-color:var(--color-accent);box-shadow:var(--shadow-lg)}.privacy-data-section .privacy-card .privacy-card-title{display:flex;align-items:center;gap:0.5rem;font-size:1rem;font-weight:600;margin:0 0 0.75rem 0;color:var(--color-text)}.privacy-data-section .privacy-card .privacy-card-title i{color:var(--color-accent)}.privacy-data-section .privacy-card .privacy-card-description{color:var(--color-text-muted);margin-bottom:1rem;font-size:0.9rem}.privacy-data-section .privacy-card .recovery-actions{display:flex;gap:1.5rem;justify-content:flex-start;margin-bottom:1rem}.privacy-data-section .privacy-card .gdpr-actions{display:flex;gap:1.5rem;justify-content:flex-start;margin-bottom:1rem}.privacy-data-section .privacy-card .game-action-item{flex:1;max-width:140px;display:flex;flex-direction:column;align-items:center;gap:0.5rem}.privacy-data-section .privacy-card .game-action-item .action-label{font-size:0.75rem;font-weight:600;color:var(--color-text);text-align:center;line-height:1.3;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.privacy-data-section .privacy-card #recovery-code-display{margin-top:1rem;padding:1rem;background:var(--color-alert-success-bg);border:1px solid var(--color-alert-success-border);border-radius:var(--radius-md)}.privacy-data-section .privacy-card #recovery-code-display:not(.has-code){display:none}.privacy-data-section .privacy-card #recovery-code-display p{margin-bottom:0.5rem;font-size:0.9rem}.privacy-data-section .privacy-card #recovery-code-display p:first-of-type{font-weight:bold;color:var(--color-alert-success-text)}.privacy-data-section .privacy-card #recovery-code-display p:first-of-type i{margin-right:0.5rem}.privacy-data-section .privacy-card #recovery-code-display p.recovery-warning{color:var(--color-alert-warning-text);font-size:0.85rem}.privacy-data-section .privacy-card #recovery-code-display p.recovery-warning i{margin-right:0.5rem}.privacy-data-section .privacy-card #recovery-code-display p.recovery-meta{font-size:0.85rem;color:var(--color-text-muted);margin-bottom:0.25rem}.privacy-data-section .privacy-card #recovery-code-display p.recovery-meta strong{color:var(--color-text)}.privacy-data-section .privacy-card #recovery-code-display .recovery-code-container{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.75rem}.privacy-data-section .privacy-card #recovery-code-display .recovery-code-container code{font-family:var(--font-family-mono);font-size:1.25rem;padding:0.5rem 1rem;background:var(--color-bg);border-radius:var(--radius-sm);letter-spacing:2px;flex:1;text-align:center}.privacy-data-section .privacy-card #recovery-code-display .recovery-code-container button{background:transparent;border:none;color:var(--color-accent);cursor:pointer;padding:0.5rem;border-radius:var(--radius-sm);transition:background-color 0.15s ease}.privacy-data-section .privacy-card #recovery-code-display .recovery-code-container button:hover{background:var(--color-bg-hover)}.privacy-data-section .privacy-card #delete-confirmation{display:none;margin-top:1rem;padding:1rem;background:var(--color-alert-error-bg);border:1px solid var(--color-alert-error-border);border-radius:var(--radius-md)}.privacy-data-section .privacy-card #delete-confirmation.is-visible{display:block}.privacy-data-section .privacy-card #delete-confirmation p{color:var(--color-alert-error-text);margin-bottom:1rem;font-size:0.9rem}.privacy-data-section .privacy-card #delete-confirmation p i{margin-right:0.5rem}.privacy-data-section .privacy-card #delete-confirmation .btn{margin-right:0.5rem;margin-bottom:0.5rem}.privacy-data-section .settings-link{display:flex;align-items:center;gap:1rem;padding:0;text-decoration:none;color:inherit;transition:opacity 0.15s ease}.privacy-data-section .settings-link:hover{opacity:0.8}.privacy-data-section .settings-link .settings-link-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--color-accent-light);border-radius:var(--radius-sm);flex-shrink:0}.privacy-data-section .settings-link .settings-link-icon i{font-size:1.25rem;color:var(--color-accent)}.privacy-data-section .settings-link .settings-link-content{flex:1}.privacy-data-section .settings-link .settings-link-title{display:block;font-weight:600;color:var(--color-text);font-size:1rem}.privacy-data-section .settings-link .settings-link-description{display:block;font-size:0.85rem;color:var(--color-text-muted);margin-top:0.125rem}.privacy-data-section .settings-link .settings-link-arrow{color:var(--color-text-muted);font-size:1rem}@keyframes zen-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .privacy-data-section{border-top-color:var(--color-border)}}[data-theme="dark"] .privacy-data-section{border-top-color:var(--color-border)}body.daily-challenge-page .daily-challenge-container{width:100%;max-width:640px;margin:1rem auto;padding:0 1rem;box-sizing:border-box}body.daily-challenge-page .challenge-header{text-align:center;margin-bottom:1rem}body.daily-challenge-page .challenge-header .challenge-icon{margin-bottom:0.75rem;color:var(--color-accent)}body.daily-challenge-page .challenge-header .challenge-icon--svg{width:48px;height:48px;margin:0 auto}body.daily-challenge-page .challenge-header .challenge-icon--svg svg{width:100%;height:100%}body.daily-challenge-page .challenge-header .challenge-title{font-size:1.75rem;font-weight:700;margin-bottom:0.5rem;color:var(--color-text)}body.daily-challenge-page .challenge-header .challenge-date{font-size:1rem;color:var(--color-text-muted);margin:0}body.daily-challenge-page .challenge-status{margin-bottom:2rem;padding:2rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-tint-subtle)}body.daily-challenge-page .challenge-status .status-loading,body.daily-challenge-page .challenge-status .status-pending,body.daily-challenge-page .challenge-status .status-completed,body.daily-challenge-page .challenge-status .status-error{text-align:center}body.daily-challenge-page .challenge-status .status-loading i,body.daily-challenge-page .challenge-status .status-pending i,body.daily-challenge-page .challenge-status .status-completed i,body.daily-challenge-page .challenge-status .status-error i{font-size:3rem;margin-bottom:1rem;display:block}body.daily-challenge-page .challenge-status .status-loading p,body.daily-challenge-page .challenge-status .status-pending p,body.daily-challenge-page .challenge-status .status-completed p,body.daily-challenge-page .challenge-status .status-error p{margin:0.5rem 0;font-size:1.125rem}body.daily-challenge-page .challenge-status .status-loading i{color:var(--color-accent)}body.daily-challenge-page .challenge-status .status-pending i{color:var(--color-warning)}body.daily-challenge-page .challenge-status .status-pending .btn-play-challenge{display:inline-flex;align-items:center;gap:0.5rem;margin-top:1rem;padding:0.75rem 1.5rem;background:var(--color-btn-success);color:var(--color-text-on-colored);border:none;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;text-decoration:none;transition:background 0.2s ease}body.daily-challenge-page .challenge-status .status-pending .btn-play-challenge:hover{background:var(--color-btn-success-hover)}body.daily-challenge-page .challenge-status .status-pending .btn-play-challenge i{font-size:1rem;margin:0;display:inline}body.daily-challenge-page .challenge-status .status-completed i{color:var(--color-success)}body.daily-challenge-page .challenge-status .status-completed .status-score,body.daily-challenge-page .challenge-status .status-completed .status-rank{font-weight:600;color:var(--color-accent);margin:0.25rem 0}body.daily-challenge-page .challenge-status .status-completed .btn-share-challenge{display:inline-flex;align-items:center;gap:0.5rem;margin-top:1rem;padding:0.75rem 1.5rem;background:var(--color-accent);color:var(--color-text-on-colored);border:none;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:background 0.2s ease}body.daily-challenge-page .challenge-status .status-completed .btn-share-challenge:hover{background:var(--color-accent-hover)}body.daily-challenge-page .challenge-status .status-completed .btn-share-challenge:disabled{background:var(--color-btn-success);cursor:not-allowed}body.daily-challenge-page .challenge-status .status-completed .btn-share-challenge i{font-size:1rem}body.daily-challenge-page .challenge-status .status-error i{color:var(--color-error)}body.daily-challenge-page .challenge-status .status-error p{color:var(--color-error)}body.daily-challenge-page .challenge-leaderboard{margin-bottom:2rem}body.daily-challenge-page .challenge-leaderboard.is-hidden{display:none}body.daily-challenge-page .challenge-leaderboard .leaderboard-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center;color:var(--color-text)}body.daily-challenge-page .challenge-leaderboard .leaderboard-container{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry{display:grid;grid-template-columns:3rem 1fr 5rem 4rem;gap:0.75rem;padding:0.75rem 1rem;border-bottom:1px solid var(--color-border);align-items:center;background:var(--color-bg-tint-subtle);transition:background 0.2s ease}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry:last-child{border-bottom:none}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry:hover{background:var(--color-bg-tint-light)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry.is-current-player{background:var(--color-primary-bg-light);border-left:4px solid var(--color-accent);padding-left:calc(1rem - 4px)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry.is-current-player .entry-username{font-weight:700;color:var(--color-accent)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry .entry-rank{font-weight:700;font-size:1rem;text-align:center;color:var(--color-text-muted)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry .entry-username{font-size:0.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry .entry-score{font-variant-numeric:tabular-nums;font-weight:600;text-align:right;color:var(--color-text)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry .entry-attempts{font-variant-numeric:tabular-nums;text-align:right;color:var(--color-text-muted);font-size:0.9rem}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry .entry-time{font-variant-numeric:tabular-nums;text-align:right;color:var(--color-text-muted);font-size:0.9rem}body.daily-challenge-page .challenge-screen.is-hidden{display:none}body.daily-challenge-page .status-loading,body.daily-challenge-page .status-error{text-align:center;padding:3rem 1rem}body.daily-challenge-page .status-loading i,body.daily-challenge-page .status-error i{margin-bottom:1rem;color:var(--color-accent)}body.daily-challenge-page .status-loading p,body.daily-challenge-page .status-error p{font-size:1.1rem;color:var(--color-text-muted);margin:0}body.daily-challenge-page .status-error i{color:var(--color-danger)}body.daily-challenge-page .status-error p{color:var(--color-danger)}body.daily-challenge-page .challenge-rules{background:var(--color-primary-bg-subtle);border:1px solid var(--color-primary-border-light);border-radius:8px;padding:1rem;margin-bottom:1rem;transition:border-color 0.2s ease, box-shadow 0.2s ease}body.daily-challenge-page .challenge-rules:hover{border-color:var(--color-border)}body.daily-challenge-page .challenge-rules summary{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:var(--color-text);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0.25rem 0;border-radius:4px;transition:color 0.2s ease}body.daily-challenge-page .challenge-rules summary::-webkit-details-marker{display:none}body.daily-challenge-page .challenge-rules summary::after{content:'\f078';font-family:'Font Awesome 6 Pro';font-weight:300;font-size:0.75rem;color:var(--color-text-muted);transition:transform var(--anim-duration-base) var(--ease-bounce);width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg-hover)}body.daily-challenge-page .challenge-rules summary:hover::after{background:var(--color-border)}body.daily-challenge-page .challenge-rules summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}body.daily-challenge-page .challenge-rules[open] summary{margin-bottom:1rem}body.daily-challenge-page .challenge-rules[open] summary::after{transform:rotate(180deg)}body.daily-challenge-page .challenge-rules:not([open]) summary{margin-bottom:0}body.daily-challenge-page .challenge-rules .rules-list{list-style:none;padding:0;margin:0;animation:accordion-open 0.3s ease-out}body.daily-challenge-page .challenge-rules .rules-list li{display:flex;align-items:flex-start;gap:0.75rem;padding:0.5rem 0;font-size:0.95rem;color:var(--color-text)}body.daily-challenge-page .challenge-rules .rules-list li i{color:var(--color-accent);width:1rem;text-align:center;flex-shrink:0;margin-top:0.125rem}@keyframes accordion-open{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-height: 700px){body.daily-challenge-page .challenge-rules:not([open]){padding:0.75rem 1rem}body.daily-challenge-page .challenge-rules summary{font-size:1rem;margin-bottom:0}body.daily-challenge-page .challenge-rules[open] summary{margin-bottom:0.75rem}body.daily-challenge-page .challenge-rules .rules-list li{padding:0.35rem 0;font-size:0.875rem}}@media (prefers-reduced-motion: reduce){body.daily-challenge-page .challenge-rules .rules-list{animation:none}body.daily-challenge-page .challenge-rules summary::after{transition:none}}body.daily-challenge-page .challenge-word-info{text-align:center;margin-bottom:1rem;font-size:1.1rem;color:var(--color-text-muted)}body.daily-challenge-page .challenge-word-info strong{font-size:1.5rem;color:var(--color-accent)}body.daily-challenge-page .btn-start-challenge{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;max-width:300px;margin:0 auto;padding:1rem 2rem;font-size:1.1rem;font-weight:600;background:var(--color-btn-success);color:var(--color-text-on-colored);border:none;border-radius:8px;cursor:pointer;transition:background-color 0.2s ease, transform 0.2s ease}body.daily-challenge-page .btn-start-challenge:hover{background:var(--color-btn-success-hover);transform:translateY(-1px)}body.daily-challenge-page .game-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem;padding:1rem;background:var(--color-bg-tint-subtle);border-radius:8px}body.daily-challenge-page .game-stats .stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}body.daily-challenge-page .game-stats .stat-item i{font-size:1.5rem;margin-bottom:0.25rem;color:var(--color-text-muted)}body.daily-challenge-page .game-stats .stat-item .stat-label{font-size:0.8rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text-muted);margin-bottom:0.25rem}body.daily-challenge-page .game-stats .stat-item .stat-value{font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text)}body.daily-challenge-page .game-stats .stat-item .stat-value.warning{color:var(--color-danger);animation:pulse 1s infinite}body.daily-challenge-page .game-stats .stat-points i{color:var(--color-warning)}body.daily-challenge-page .game-stats .stat-timer i{color:var(--color-accent)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.6}}body.daily-challenge-page .letter-pool-section{margin-bottom:2rem;text-align:center}body.daily-challenge-page .letter-pool-section h4{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 0.25rem}body.daily-challenge-page .letter-pool-section .letter-pool-hint{font-size:0.85rem;color:var(--color-text-muted);margin:0 0 1rem}body.daily-challenge-page .letter-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:0.5rem}body.daily-challenge-page .letter-pool .letter-tile{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;background:var(--color-bg-elevated);border:2px solid var(--color-accent);border-radius:8px;color:var(--color-accent);cursor:pointer;transition:background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease}body.daily-challenge-page .letter-pool .letter-tile:hover:not(:disabled){background:var(--color-accent);color:var(--color-text-on-colored);transform:translateY(-2px);box-shadow:0 4px 8px var(--color-primary-shadow)}body.daily-challenge-page .letter-pool .letter-tile.bought,body.daily-challenge-page .letter-pool .letter-tile:disabled{background:var(--color-bg-hover);border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;opacity:0.6}@media (max-width: 420px){body.daily-challenge-page .letter-pool{gap:0.35rem}body.daily-challenge-page .letter-pool .letter-tile{width:2.5rem;height:2.5rem;font-size:1.1rem}}body.daily-challenge-page .word-reveal-section{margin-bottom:1.5rem;text-align:center}body.daily-challenge-page .word-reveal-section.is-hidden{display:none}body.daily-challenge-page .word-reveal-section h4{font-size:0.9rem;font-weight:600;color:var(--color-success);margin:0 0 0.5rem}body.daily-challenge-page .word-reveal-row{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:2px;width:100%;max-width:100%;padding:0 0.25rem;box-sizing:border-box}body.daily-challenge-page .word-reveal-row .reveal-tile{flex:1 1 0;min-width:0;max-width:2.5rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(0.75rem, 4vw, 1.25rem);font-weight:700;color:var(--color-reveal-tile-text);box-sizing:border-box;border-bottom:3px solid var(--color-reveal-tile-border);background:var(--color-reveal-tile-bg);border-radius:4px}body.daily-challenge-page .word-reveal-row .reveal-tile.revealed{color:var(--color-alert-success-text);border-bottom-color:var(--color-success)}body.daily-challenge-page .word-reveal-row .reveal-tile.revealed.hidden{color:var(--color-warning);border-bottom-color:var(--color-warning)}body.daily-challenge-page .word-reveal-row .reveal-tile.empty{color:transparent}@media (max-width: 420px){body.daily-challenge-page .word-reveal-row{gap:1px;padding:0}body.daily-challenge-page .word-reveal-row .reveal-tile{max-width:1.25rem;border-bottom-width:2px;border-radius:3px}}@media (max-width: 360px){body.daily-challenge-page .word-reveal-row .reveal-tile{max-width:1rem;border-radius:2px}}body.daily-challenge-page .hidden-letter-section{text-align:center;margin-bottom:2rem}body.daily-challenge-page .hidden-letter-section .btn-buy-hidden{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;font-size:1rem;font-weight:500;background:var(--color-text-muted);color:var(--color-text-on-colored);border:none;border-radius:6px;cursor:pointer;transition:background-color 0.2s ease;max-width:calc(100% - 2rem);box-sizing:border-box}body.daily-challenge-page .hidden-letter-section .btn-buy-hidden .cost{font-size:0.85rem;opacity:0.8}body.daily-challenge-page .hidden-letter-section .btn-buy-hidden:hover{background:var(--color-text-subtle)}@media (max-width: 420px){body.daily-challenge-page .hidden-letter-section .btn-buy-hidden{padding:0.6rem 1rem;font-size:0.9rem;gap:0.35rem}body.daily-challenge-page .hidden-letter-section .btn-buy-hidden .cost{font-size:0.75rem}}body.daily-challenge-page .guess-section{margin-bottom:2rem}body.daily-challenge-page .guess-section label{display:block;font-size:0.9rem;font-weight:500;color:var(--color-text);margin-bottom:0.5rem;text-align:center}body.daily-challenge-page .guess-section .guess-input-wrapper{display:flex;gap:0.5rem;max-width:400px;margin:0 auto}body.daily-challenge-page .guess-section .guess-input{flex:1;padding:0.75rem 1rem;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;border:2px solid var(--color-border);border-radius:6px;text-align:center;transition:border-color 0.2s ease, box-shadow 0.2s ease}body.daily-challenge-page .guess-section .guess-input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}body.daily-challenge-page .guess-section .btn-submit-guess{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;font-size:1.25rem;background:var(--color-btn-success);color:var(--color-text-on-colored);border:none;border-radius:6px;cursor:pointer;transition:background 0.2s ease;flex-shrink:0}body.daily-challenge-page .guess-section .btn-submit-guess:hover{background:var(--color-btn-success-hover)}body.daily-challenge-page .result-header{text-align:center;margin-bottom:2rem}body.daily-challenge-page .result-header .result-icon{margin-bottom:1rem}body.daily-challenge-page .result-header .result-icon.win{color:var(--color-success)}body.daily-challenge-page .result-header .result-icon.lose{color:var(--color-danger)}body.daily-challenge-page .result-header .result-title{font-size:1.75rem;font-weight:700;margin:0}body.daily-challenge-page .result-header .result-title.win{color:var(--color-success)}body.daily-challenge-page .result-header .result-title.lose{color:var(--color-danger)}body.daily-challenge-page .result-word{text-align:center;margin-bottom:2rem}body.daily-challenge-page .result-word p{font-size:1rem;color:var(--color-text-muted);margin:0 0 0.5rem}body.daily-challenge-page .result-word .target-word{display:block;font-size:2rem;font-weight:700;letter-spacing:0.1em;color:var(--color-text)}body.daily-challenge-page .result-stats,body.daily-challenge-page .completed-stats{background:var(--color-bg-tint-subtle);border-radius:8px;padding:1.5rem;margin-bottom:2rem}body.daily-challenge-page .result-stats .stat-row,body.daily-challenge-page .completed-stats .stat-row{display:flex;justify-content:space-between;padding:0.5rem 0;border-bottom:1px solid var(--color-border-tint-light)}body.daily-challenge-page .result-stats .stat-row:last-child,body.daily-challenge-page .completed-stats .stat-row:last-child{border-bottom:none}body.daily-challenge-page .result-stats .stat-row .stat-label,body.daily-challenge-page .completed-stats .stat-row .stat-label{color:var(--color-text-muted)}body.daily-challenge-page .result-stats .stat-row .stat-value,body.daily-challenge-page .completed-stats .stat-row .stat-value{font-weight:600;color:var(--color-text)}body.daily-challenge-page .result-stats .completed-note,body.daily-challenge-page .completed-stats .completed-note{text-align:center;color:var(--color-text-muted);font-style:italic;margin:1rem 0 0}body.daily-challenge-page .completed-message{text-align:center;margin-bottom:2rem}body.daily-challenge-page .completed-message i{color:var(--color-success);margin-bottom:1rem}body.daily-challenge-page .completed-message p{font-size:1.1rem;color:var(--color-text-muted);margin:0}body.daily-challenge-page .result-actions{text-align:center;margin-bottom:2rem}body.daily-challenge-page .result-actions .btn-share-challenge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;font-size:1rem;font-weight:600;background:var(--color-accent);color:var(--color-text-on-colored);border:none;border-radius:6px;cursor:pointer;transition:background 0.2s ease}body.daily-challenge-page .result-actions .btn-share-challenge:hover{background:var(--color-accent-hover)}body.daily-challenge-page .streak-display{text-align:center;margin:1rem 0}body.daily-challenge-page .streak-display.is-hidden{display:none}body.daily-challenge-page .result-streak,body.daily-challenge-page .completed-streak{margin:1rem 0}body.daily-challenge-page .result-streak.is-hidden,body.daily-challenge-page .completed-streak.is-hidden{display:none}body.daily-challenge-page .come-back-tomorrow{text-align:center;padding:1.5rem 1rem;margin:1.5rem 0;background:linear-gradient(135deg, var(--color-primary-bg-light) 0%, var(--color-primary-bg-subtle) 100%);border:1px solid var(--color-primary-border-light);border-radius:12px}body.daily-challenge-page .come-back-tomorrow .come-back-message{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0 0 0.75rem}body.daily-challenge-page .come-back-tomorrow .come-back-message i{color:var(--color-warning);margin-right:0.5rem}body.daily-challenge-page .come-back-tomorrow .next-challenge-time{font-size:0.95rem;color:var(--color-text-muted);margin:0}body.daily-challenge-page .come-back-tomorrow .next-challenge-time i{margin-right:0.35rem}body.daily-challenge-page .come-back-tomorrow .next-challenge-time strong{color:var(--color-accent);font-weight:700}body.daily-challenge-page .toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(100%);padding:0.75rem 1.5rem;border-radius:6px;font-size:0.95rem;font-weight:500;color:var(--color-text-on-colored);opacity:0;transition:transform 0.3s ease, opacity 0.3s ease;z-index:var(--z-toast)}body.daily-challenge-page .toast.show{transform:translateX(-50%) translateY(0);opacity:1}body.daily-challenge-page .toast.toast-success{background:var(--color-btn-success)}body.daily-challenge-page .toast.toast-error{background:var(--color-btn-danger)}body.daily-challenge-page .toast.toast-warning{background:var(--color-btn-warning);color:var(--color-btn-warning-text)}body.daily-challenge-page .toast.toast-info{background:var(--color-btn-info)}@media (prefers-color-scheme: dark){body.daily-challenge-page .challenge-header .challenge-title{color:var(--color-text)}body.daily-challenge-page .challenge-header .challenge-date{color:var(--color-text-muted)}body.daily-challenge-page .challenge-status{background:var(--color-bg-tint-light);border-color:var(--color-border)}body.daily-challenge-page .challenge-status .status-loading i{color:var(--color-accent)}body.daily-challenge-page .challenge-status .status-pending i{color:var(--color-warning)}body.daily-challenge-page .challenge-status .status-pending .btn-play-challenge{background:var(--color-btn-success)}body.daily-challenge-page .challenge-status .status-pending .btn-play-challenge:hover{background:var(--color-btn-success-hover)}body.daily-challenge-page .challenge-status .status-completed i{color:var(--color-success)}body.daily-challenge-page .challenge-status .status-completed .status-score,body.daily-challenge-page .challenge-status .status-completed .status-rank{color:var(--color-accent)}body.daily-challenge-page .challenge-status .status-completed .btn-share-challenge{background:var(--color-accent)}body.daily-challenge-page .challenge-status .status-completed .btn-share-challenge:hover{background:var(--color-accent-hover)}body.daily-challenge-page .challenge-status .status-completed .btn-share-challenge:disabled{background:var(--color-btn-success)}body.daily-challenge-page .challenge-status .status-error i{color:var(--color-error)}body.daily-challenge-page .challenge-status .status-error p{color:var(--color-error)}body.daily-challenge-page .challenge-leaderboard .leaderboard-title{color:var(--color-text)}body.daily-challenge-page .challenge-leaderboard .leaderboard-container{border-color:var(--color-border)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry{background:var(--color-bg-tint-light);border-bottom-color:var(--color-border)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry:hover{background:var(--color-bg-tint-medium)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry.is-current-player{background:var(--color-primary-bg-medium);border-left-color:var(--color-accent)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry.is-current-player .entry-username{color:var(--color-accent)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry .entry-rank{color:var(--color-text-muted)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry .entry-score{color:var(--color-text)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry .entry-attempts{color:var(--color-text-muted)}body.daily-challenge-page .challenge-leaderboard .leaderboard-entry .entry-time{color:var(--color-text-muted)}body.daily-challenge-page .status-loading i{color:var(--color-accent)}body.daily-challenge-page .status-error i{color:var(--color-error)}body.daily-challenge-page .status-error p{color:var(--color-error)}body.daily-challenge-page .challenge-rules{background:var(--color-primary-bg-light);border-color:var(--color-primary-border-medium)}body.daily-challenge-page .challenge-rules h3{color:var(--color-text)}body.daily-challenge-page .challenge-rules .rules-list li{color:var(--color-text-muted)}body.daily-challenge-page .challenge-rules .rules-list li i{color:var(--color-accent)}body.daily-challenge-page .challenge-word-info{color:var(--color-text-muted)}body.daily-challenge-page .challenge-word-info strong{color:var(--color-accent)}body.daily-challenge-page .btn-start-challenge{background:var(--color-btn-success)}body.daily-challenge-page .btn-start-challenge:hover{background:var(--color-btn-success-hover)}body.daily-challenge-page .game-stats{background:var(--color-bg-tint-light)}body.daily-challenge-page .game-stats .stat-item .stat-label{color:var(--color-text-muted)}body.daily-challenge-page .game-stats .stat-item .stat-value{color:var(--color-text)}body.daily-challenge-page .game-stats .stat-item .stat-value.warning{color:var(--color-error)}body.daily-challenge-page .game-stats .stat-points i{color:var(--color-warning)}body.daily-challenge-page .game-stats .stat-timer i{color:var(--color-accent)}body.daily-challenge-page .letter-pool-section h4{color:var(--color-text)}body.daily-challenge-page .letter-pool-section .letter-pool-hint{color:var(--color-text-muted)}body.daily-challenge-page .letter-pool .letter-tile{background:var(--color-primary-bg-light);border-color:var(--color-accent);color:var(--color-accent)}body.daily-challenge-page .letter-pool .letter-tile:hover:not(:disabled){background:var(--color-accent);color:var(--color-bg);box-shadow:0 4px 8px var(--color-primary-shadow-strong)}body.daily-challenge-page .letter-pool .letter-tile.bought,body.daily-challenge-page .letter-pool .letter-tile:disabled{background:var(--color-bg-tint-strong);border-color:var(--color-border-tint-medium);color:var(--color-disabled-text)}body.daily-challenge-page .word-reveal-section h4{color:var(--color-success)}body.daily-challenge-page .word-reveal-row .reveal-tile{color:var(--color-reveal-tile-text);border-bottom-color:var(--color-reveal-tile-border);background:var(--color-reveal-tile-bg)}body.daily-challenge-page .word-reveal-row .reveal-tile.revealed{color:var(--color-success);border-bottom-color:var(--color-success)}body.daily-challenge-page .word-reveal-row .reveal-tile.revealed.hidden{color:var(--color-warning);border-bottom-color:var(--color-warning)}body.daily-challenge-page .word-reveal-row .reveal-tile.empty{color:transparent}body.daily-challenge-page .hidden-letter-section .btn-buy-hidden{background:var(--color-bg-tint-strong);color:var(--color-text)}body.daily-challenge-page .hidden-letter-section .btn-buy-hidden:hover{background:var(--color-bg-tint-heavy)}body.daily-challenge-page .guess-section label{color:var(--color-text)}body.daily-challenge-page .guess-section .guess-input{background:var(--color-bg-tint-strong);border-color:var(--color-border-tint-medium);color:var(--color-text)}body.daily-challenge-page .guess-section .guess-input:focus{border-color:var(--color-accent)}body.daily-challenge-page .guess-section .btn-submit-guess{background:var(--color-btn-success)}body.daily-challenge-page .guess-section .btn-submit-guess:hover{background:var(--color-btn-success-hover)}body.daily-challenge-page .result-header .result-icon.win{color:var(--color-success)}body.daily-challenge-page .result-header .result-icon.lose{color:var(--color-error)}body.daily-challenge-page .result-header .result-title.win{color:var(--color-success)}body.daily-challenge-page .result-header .result-title.lose{color:var(--color-error)}body.daily-challenge-page .result-word p{color:var(--color-text-muted)}body.daily-challenge-page .result-word .target-word{color:var(--color-text)}body.daily-challenge-page .result-stats,body.daily-challenge-page .completed-stats{background:var(--color-bg-tint-light)}body.daily-challenge-page .result-stats .stat-row,body.daily-challenge-page .completed-stats .stat-row{border-bottom-color:var(--color-border-tint-light)}body.daily-challenge-page .result-stats .stat-row .stat-label,body.daily-challenge-page .completed-stats .stat-row .stat-label{color:var(--color-text-muted)}body.daily-challenge-page .result-stats .stat-row .stat-value,body.daily-challenge-page .completed-stats .stat-row .stat-value{color:var(--color-text)}body.daily-challenge-page .result-stats .completed-note,body.daily-challenge-page .completed-stats .completed-note{color:var(--color-text-muted)}body.daily-challenge-page .completed-message i{color:var(--color-success)}body.daily-challenge-page .completed-message p{color:var(--color-text-muted)}body.daily-challenge-page .result-actions .btn-share-challenge{background:var(--color-accent)}body.daily-challenge-page .result-actions .btn-share-challenge:hover{background:var(--color-accent-hover)}body.daily-challenge-page .come-back-tomorrow{background:linear-gradient(135deg, var(--color-primary-bg-medium) 0%, var(--color-primary-bg-subtle) 100%);border-color:var(--color-primary-border-medium)}body.daily-challenge-page .come-back-tomorrow .come-back-message{color:var(--color-text)}body.daily-challenge-page .come-back-tomorrow .come-back-message i{color:var(--color-warning)}body.daily-challenge-page .come-back-tomorrow .next-challenge-time{color:var(--color-text-muted)}body.daily-challenge-page .come-back-tomorrow .next-challenge-time strong{color:var(--color-accent)}}body.challenge-landing-page .challenge-landing-container{max-width:540px;margin:1rem auto;padding:0 1rem 2rem;text-align:center}body.challenge-landing-page .challenge-header{margin-bottom:1.5rem}body.challenge-landing-page .challenge-header .challenge-icon{margin-bottom:0.75rem;color:var(--color-accent)}body.challenge-landing-page .challenge-header .challenge-icon--svg{width:48px;height:48px;margin:0 auto}body.challenge-landing-page .challenge-header .challenge-icon--svg svg{width:100%;height:100%}body.challenge-landing-page .challenge-header .challenge-title{font-size:2rem;font-weight:700;margin:0 0 0.5rem;color:var(--color-text)}body.challenge-landing-page .challenge-header .challenge-subtitle{font-size:1.1rem;color:var(--color-text-muted);margin:0}body.challenge-landing-page .challenge-description{margin-bottom:1.5rem}body.challenge-landing-page .challenge-description p{font-size:1rem;line-height:1.6;color:var(--color-text);margin:0}body.challenge-landing-page .challenge-rules{background:var(--color-accent-light);border:1px solid var(--color-border);border-radius:8px;padding:1rem;margin-bottom:1.5rem;text-align:left}body.challenge-landing-page .challenge-rules h3{font-size:1rem;font-weight:600;margin:0 0 0.75rem;color:var(--color-text)}body.challenge-landing-page .challenge-rules .rules-list{list-style:none;margin:0;padding:0}body.challenge-landing-page .challenge-rules .rules-list li{display:flex;align-items:flex-start;gap:0.75rem;padding:0.5rem 0;font-size:0.95rem;color:var(--color-text)}body.challenge-landing-page .challenge-rules .rules-list li i{color:var(--color-accent);flex-shrink:0;margin-top:0.15rem;width:1.2rem;text-align:center}body.challenge-landing-page .challenge-config{margin-bottom:1.5rem;text-align:left}body.challenge-landing-page .challenge-config h3{font-size:1rem;font-weight:600;margin:0 0 0.75rem;color:var(--color-text)}body.challenge-landing-page .challenge-config .word-length-selector,body.challenge-landing-page .challenge-config .language-selector{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center}body.challenge-landing-page .challenge-config .word-length-option,body.challenge-landing-page .challenge-config .language-option{display:flex;flex-direction:column;align-items:center;padding:0.75rem 1rem;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:border-color 0.2s ease, background-color 0.2s ease;background:var(--color-bg-elevated)}body.challenge-landing-page .challenge-config .word-length-option input[type="radio"],body.challenge-landing-page .challenge-config .language-option input[type="radio"]{display:none}body.challenge-landing-page .challenge-config .word-length-option:has(input:checked),body.challenge-landing-page .challenge-config .language-option:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-light)}body.challenge-landing-page .challenge-config .word-length-option:hover,body.challenge-landing-page .challenge-config .language-option:hover{border-color:var(--color-accent-hover)}body.challenge-landing-page .challenge-config .word-length-badge{font-size:1.5rem;font-weight:700;color:var(--color-accent)}body.challenge-landing-page .challenge-config .word-length-label{font-size:0.75rem;color:var(--color-text-muted)}body.challenge-landing-page .challenge-config .language-name{font-weight:500;color:var(--color-text)}body.challenge-landing-page .challenge-info{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}body.challenge-landing-page .challenge-info .info-item{display:flex;align-items:center;gap:0.5rem;font-size:0.95rem;color:var(--color-text-muted)}body.challenge-landing-page .challenge-info .info-item i{color:var(--color-accent)}body.challenge-landing-page .challenge-actions{margin-bottom:1rem}body.challenge-landing-page .challenge-actions .btn-start-challenge{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.875rem 2rem;font-size:1.1rem;font-weight:600;color:var(--color-text-on-colored);background:var(--color-btn-success);border:none;border-radius:8px;cursor:pointer;transition:background-color 0.2s ease, transform 0.2s ease}body.challenge-landing-page .challenge-actions .btn-start-challenge:hover{background:var(--color-btn-success-hover);transform:translateY(-1px)}body.challenge-landing-page .challenge-actions .btn-start-challenge:disabled{background:var(--color-text-muted);cursor:not-allowed;transform:none}body.challenge-landing-page .challenge-actions .btn-start-challenge i{font-size:1rem}body.challenge-landing-page .challenge-nav .challenge-alt-link{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.9rem;color:var(--color-text-muted);text-decoration:none;transition:color 0.2s ease}body.challenge-landing-page .challenge-nav .challenge-alt-link:hover{color:var(--color-accent)}body.challenge-landing-page .challenge-nav .challenge-alt-link i{font-size:0.85rem}body.word-race-page .challenge-icon{color:var(--color-warning) !important}body.word-ladder-page .challenge-icon{color:var(--color-success) !important}.home-page{min-height:100vh;min-height:100dvh}.home-page .game-heading-wrapper{margin-top:calc(env(safe-area-inset-top, 0px) + 1.25rem);padding:0.5rem 4rem}@media (max-width: 440px){.home-page .game-heading-wrapper{padding:0.5rem 3.5rem}}.home-container{max-width:600px;margin:0 auto;padding:1rem}.home-header{text-align:center;margin-bottom:1.5rem}.home-greeting{font-size:1.4rem;font-weight:600;margin:0;color:var(--color-text);text-align:center;word-wrap:break-word}.home-greeting .player-name{white-space:nowrap}@media (max-width: 400px){.home-greeting{font-size:1.15rem}}.continue-game-section{margin-bottom:2rem;display:flex;justify-content:center}.btn-continue-game{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:1.25rem 2rem;background:var(--color-state-correct);color:var(--color-text-on-colored);border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:transform 0.2s ease, box-shadow 0.2s ease;flex:1;max-width:300px}.btn-continue-game i{font-size:1.5rem}.btn-continue-game .continue-text{font-size:1.1rem}.btn-continue-game .continue-game-info{font-size:0.85rem;font-weight:400;opacity:0.9}.btn-continue-game:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.home-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1rem;background:var(--color-bg-card);border-radius:12px}.home-stats .stat-item{text-align:center}.home-stats .stat-value{display:block;font-size:1.75rem;font-weight:700;color:var(--color-text)}.home-stats .stat-label{font-size:0.85rem;color:var(--color-text-muted)}.game-modes h3{text-align:center;margin-bottom:1.25rem;font-size:1.1rem;font-weight:600;color:var(--color-text)}.game-mode-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}@media (max-width: 480px){.game-mode-grid{grid-template-columns:1fr}}.game-mode-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:12px;text-decoration:none;color:inherit;transition:border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease}.game-mode-card .mode-icon{margin-bottom:0.75rem;color:var(--color-accent)}.game-mode-card .mode-icon--svg{width:48px;height:48px}.game-mode-card .mode-icon--svg svg{width:100%;height:100%}.game-mode-card h4{margin:0 0 0.5rem 0;font-size:1rem;font-weight:600;color:var(--color-text)}.game-mode-card p{margin:0;font-size:0.85rem;text-align:center;color:var(--color-text-muted)}.game-mode-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.home-nav{margin-top:2rem;text-align:center}.home-nav .home-nav-link{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;color:var(--color-text-muted);text-decoration:none;transition:color 0.2s ease}.home-nav .home-nav-link i{font-size:1rem}.home-nav .home-nav-link:hover{color:var(--color-text)}.summary-redirect-timer{text-align:center;margin:2rem 0;padding:1.5rem;background:var(--color-bg-card);border-radius:8px}.summary-redirect-timer .redirect-message{font-size:1.1rem;color:var(--color-text-muted);margin:0 0 0.75rem 0}.summary-redirect-timer .countdown-value{font-weight:700;font-size:1.3rem;color:var(--color-text);padding:0 0.25rem}.summary-redirect-timer .redirect-link{display:inline-block;color:var(--color-accent);font-weight:500;text-decoration:none}.summary-redirect-timer .redirect-link:hover{text-decoration:underline}.settings-page{min-height:100vh;min-height:100dvh}.settings-container{max-width:400px;margin:0 auto;padding:1rem}.settings-header{text-align:center;margin-bottom:2rem}.settings-header h1{font-size:1.75rem;font-weight:700;margin:0 0 0.5rem 0;color:var(--color-text)}.settings-header .settings-subtitle{font-size:0.95rem;color:var(--color-text-muted);margin:0}.settings-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md)}.settings-field{margin-bottom:1.25rem}.settings-field:last-child{margin-bottom:0}.settings-field label{display:flex;align-items:center;gap:0.5rem;font-weight:600;font-size:0.95rem;color:var(--color-text);margin-bottom:0.5rem}.settings-field label i{color:var(--color-accent);font-size:1rem}.settings-toggle-group{display:inline-flex;background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:10px;padding:0.25rem;gap:0.25rem}.settings-toggle-option{display:flex;align-items:center;gap:0.5rem;padding:0.625rem 1rem;border:none;border-radius:8px;background:transparent;color:var(--color-text-muted);font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.settings-toggle-option i{font-size:1rem}.settings-toggle-option:hover:not(.is-active){background:var(--color-bg-elevated);color:var(--color-text)}.settings-toggle-option.is-active{background:var(--color-accent);color:white;box-shadow:var(--shadow-sm)}.settings-toggle-option:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.settings-select{width:100%;padding:0.75rem 1rem;font-size:1rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-bg-elevated);color:var(--color-text);cursor:pointer;transition:border-color 0.2s ease, box-shadow 0.2s ease}.settings-select:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.settings-select:hover{border-color:var(--color-cell-border)}.settings-actions{margin-top:1.5rem;display:flex;justify-content:center}.btn-start-game{display:flex;align-items:center;justify-content:center;gap:0.75rem;width:100%;padding:1rem 2rem;background:var(--color-state-correct);color:var(--color-text-on-colored);border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease}.btn-start-game i{font-size:1.25rem}.btn-start-game:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-start-game:active{transform:translateY(0)}.settings-section{margin-top:2rem}.settings-section .settings-header h2{font-size:1.25rem;font-weight:600;margin:0 0 0.5rem 0;color:var(--color-text)}.consent-field .consent-toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.consent-field .consent-label{display:flex;align-items:flex-start;gap:0.75rem;flex:1;cursor:pointer}.consent-field .consent-label>i{color:var(--color-accent);font-size:1.25rem;margin-top:0.1rem}.consent-field .consent-text{display:flex;flex-direction:column;gap:0.25rem}.consent-field .consent-title{font-weight:600;color:var(--color-text)}.consent-field .consent-description{font-size:0.85rem;color:var(--color-text-muted);line-height:1.4}.consent-field .consent-status{display:flex;align-items:center;gap:0.5rem;margin-top:1rem;font-size:0.9rem;color:var(--color-text-muted)}.consent-field .consent-status .status-enabled{color:var(--color-state-correct)}.consent-field .consent-status .status-disabled{color:var(--color-text-muted)}.consent-note{display:flex;align-items:flex-start;gap:0.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border);font-size:0.85rem;color:var(--color-text-muted)}.consent-note i{color:var(--color-accent);margin-top:0.1rem}.toggle-switch{position:relative;flex-shrink:0}.toggle-switch input[type="checkbox"]{opacity:0;width:0;height:0;position:absolute}.toggle-switch input[type="checkbox"]:checked+.toggle-slider{background-color:var(--color-state-correct)}.toggle-switch input[type="checkbox"]:checked+.toggle-slider::before{transform:translateX(20px)}.toggle-switch input[type="checkbox"]:focus+.toggle-slider{box-shadow:var(--shadow-focus-strong)}.toggle-switch input[type="checkbox"]:disabled+.toggle-slider{opacity:0.5;cursor:not-allowed}.toggle-switch .toggle-slider{display:block;width:48px;height:28px;background-color:var(--color-disabled);border-radius:28px;cursor:pointer;transition:background-color 0.3s ease}.toggle-switch .toggle-slider::before{content:'';position:absolute;top:4px;left:4px;width:20px;height:20px;background-color:var(--color-text-on-colored);border-radius:50%;transition:transform 0.3s ease;box-shadow:var(--shadow-md)}.settings-section-header{margin-bottom:1rem}.settings-section-header h2{font-size:1.25rem;font-weight:600;margin:0 0 0.25rem 0;color:var(--color-text)}.settings-section-subtitle{font-size:0.9rem;color:var(--color-text-muted);margin:0}.settings-game-form{display:flex;flex-direction:column;gap:1.5rem}.settings-field-label{display:flex;align-items:center;gap:0.5rem;font-weight:600;font-size:0.95rem;color:var(--color-text);margin-bottom:0.75rem}.settings-field-label i{color:var(--color-accent);font-size:1rem}.settings-field-hint{margin-top:0.5rem;font-size:0.8rem;color:var(--color-text-muted);opacity:0.8}.settings-language-selector{display:grid;grid-template-columns:repeat(2, 1fr);gap:0.5rem}.settings-language-option{display:flex;align-items:center;justify-content:center;padding:0.625rem 1rem;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:border-color 0.15s ease, background-color 0.15s ease}.settings-language-option input[type="radio"]{position:absolute;opacity:0;width:0;height:0}.settings-language-option:hover{border-color:var(--color-accent);background-color:var(--color-primary-bg-subtle)}.settings-language-option.is-selected{border-color:var(--color-accent);background-color:var(--color-primary-bg-light)}.settings-language-name{font-weight:500;font-size:0.9rem;color:var(--color-text);text-align:center}.settings-word-length-selector{display:flex;flex-wrap:nowrap;gap:0.375rem}.settings-word-length-option{display:flex;align-items:center;justify-content:center;padding:0.375rem 0.5rem;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:border-color 0.15s ease, background-color 0.15s ease;min-width:34px;flex-shrink:0}.settings-word-length-option input[type="radio"]{position:absolute;opacity:0;width:0;height:0}.settings-word-length-option:hover{border-color:var(--color-accent);background-color:var(--color-primary-bg-subtle)}.settings-word-length-option.is-selected{border-color:var(--color-accent);background-color:var(--color-primary-bg-light)}.settings-word-length-option.is-hidden{display:none}.settings-word-length-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-weight:600;font-size:1rem;color:var(--color-text);background-color:var(--color-bg-card);border-radius:6px}.settings-current-selection{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background-color:var(--color-primary-bg-subtle);border-radius:8px;font-size:0.9rem;color:var(--color-text)}.settings-current-selection i{color:var(--color-state-correct);font-size:1rem}.settings-save-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.875rem 1.5rem;background-color:var(--color-state-correct);color:var(--color-text-on-colored);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform 0.15s ease, box-shadow 0.15s ease}.settings-save-btn i{font-size:0.9rem}.settings-save-btn:hover{transform:translateY(-1px);box-shadow:var(--color-success-shadow)}.settings-save-btn:active{transform:translateY(0)}.settings-links{display:flex;flex-direction:column}.settings-link{display:flex;align-items:center;gap:1rem;padding:1rem 0;text-decoration:none;color:inherit;border-bottom:1px solid var(--color-border);transition:background-color 0.15s ease}.settings-link:last-child{border-bottom:none}.settings-link:hover{background-color:var(--color-bg-tint-subtle)}.settings-link-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-bg-hover);border-radius:10px;flex-shrink:0}.settings-link-icon i{font-size:1.1rem;color:var(--color-accent)}.settings-link-content{flex:1;display:flex;flex-direction:column;gap:0.15rem}.settings-link-title{font-weight:600;color:var(--color-text);font-size:0.95rem}.settings-link-description{font-size:0.85rem;color:var(--color-text-muted)}.settings-link-arrow{color:var(--color-text-muted);font-size:0.9rem}.game-config-form .form-field{margin-bottom:1.25rem}.game-config-form .form-field label{display:flex;align-items:center;gap:0.5rem;font-weight:500;color:var(--color-text);margin-bottom:0.5rem}.game-config-form .form-field label i{color:var(--color-accent)}.game-config-form .form-select{width:100%;padding:0.75rem 1rem;font-size:1rem;border:2px solid var(--color-border);border-radius:8px;background-color:var(--color-bg-elevated);color:var(--color-text);cursor:pointer;transition:border-color 0.15s ease}.game-config-form .form-select:hover{border-color:var(--color-accent)}.game-config-form .form-select:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.game-config-form .form-actions{margin-top:1.5rem}.game-config-form .form-actions .btn-start-game{width:100%;display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.875rem 1.5rem;font-size:1.05rem;font-weight:600;color:var(--color-text-on-colored);background:linear-gradient(135deg, var(--color-state-correct) 0%, var(--color-btn-success-hover) 100%);border:none;border-radius:10px;cursor:pointer;transition:transform 0.15s ease, box-shadow 0.15s ease}.game-config-form .form-actions .btn-start-game:hover{transform:translateY(-1px);box-shadow:var(--color-success-shadow-strong)}.game-config-form .form-actions .btn-start-game:active{transform:translateY(0)}@media (max-width: 480px){.settings-container{padding:0.75rem}.settings-header h1{font-size:1.3rem}.settings-card{padding:1.25rem}.btn-start-game{padding:0.875rem 1.5rem;font-size:1rem}}.settings-header{animation:zen-fade-in 0.4s ease-out 0.1s both}.settings-section:nth-of-type(1){animation:zen-fade-in 0.4s ease-out 0.15s both}.settings-section:nth-of-type(2){animation:zen-fade-in 0.4s ease-out 0.2s both}.history-page{min-height:100vh;min-height:100dvh}.history-container{max-width:600px;margin:0 auto;padding:1rem}.history-header{text-align:center;margin-bottom:1.5rem}.history-header h1{font-size:1.75rem;font-weight:700;margin:0;color:var(--color-text)}.history-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.history-card-title{display:flex;align-items:center;gap:0.5rem;font-size:1rem;font-weight:500;margin:0 0 1rem 0;color:var(--color-text)}.history-card-title i{color:var(--color-text-muted)}.history-table-wrapper{overflow-x:auto;margin:0 -0.5rem;padding:0 0.5rem}.history-table-wrapper table{width:100%;border-collapse:collapse;font-size:0.9rem}.history-table-wrapper th,.history-table-wrapper td{padding:0.625rem 0.5rem;text-align:left;border-bottom:1px solid var(--color-border)}.history-table-wrapper th{font-weight:500;color:var(--color-text-muted);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.025em}.history-table-wrapper tr:last-child td{border-bottom:none}.history-table-wrapper tr:hover td{background:var(--color-bg-hover)}.result-badge{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-full);font-size:0.85rem}.result-badge--success{background:var(--color-alert-success-bg);color:var(--color-alert-success-text)}.result-badge--failure{background:var(--color-alert-danger-bg);color:var(--color-alert-danger-text)}.result-badge--timeout{background:var(--color-alert-warning-bg);color:var(--color-alert-warning-text)}.history-empty{text-align:center;padding:3rem 1.5rem;color:var(--color-text-muted)}.history-empty__icon{margin-bottom:1.5rem;color:var(--color-accent);opacity:0.8}.history-empty__icon i{animation:bounce-subtle 3s ease-in-out infinite}.history-empty__title{font-size:1.75rem;font-weight:600;color:var(--color-text);margin:0 0 0.75rem}.history-empty__subtitle{font-size:1.1rem;color:var(--color-text-muted);margin:0 0 2rem;max-width:320px;margin-left:auto;margin-right:auto}.history-empty__actions{display:flex;flex-direction:column;gap:0.75rem;align-items:center;margin-bottom:2rem}@media (min-width: 480px){.history-empty__actions{flex-direction:row;justify-content:center}}.history-empty__actions .btn-primary,.history-empty__actions .btn-secondary{display:inline-flex;align-items:center;gap:0.5rem;padding:0.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color 0.2s ease, transform 0.1s ease;min-width:180px;justify-content:center}.history-empty__actions .btn-primary:hover,.history-empty__actions .btn-secondary:hover{transform:translateY(-2px)}.history-empty__actions .btn-primary:active,.history-empty__actions .btn-secondary:active{transform:translateY(0)}.history-empty__actions .btn-primary{background:var(--color-btn-success);color:var(--color-text-on-colored)}.history-empty__actions .btn-primary:hover{background:var(--color-btn-success-hover)}.history-empty__actions .btn-secondary{background:var(--color-warning);color:var(--color-text-on-colored)}.history-empty__actions .btn-secondary:hover{background:var(--color-warning)}.history-empty__hint{font-size:0.9rem;color:var(--color-text-subtle);margin:0;padding:1rem;background:var(--color-bg-hover);border-radius:8px;max-width:400px;margin-left:auto;margin-right:auto}.history-empty__hint i{color:var(--color-warning);margin-right:0.5rem}@keyframes bounce-subtle{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding:1rem 0}.btn-pagination{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;transition:background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease}.btn-pagination:hover{background:var(--color-bg-hover);border-color:var(--color-text-muted)}.btn-pagination:active{transform:scale(0.95)}.page-status{font-size:0.9rem;color:var(--color-text-muted);font-weight:500;min-width:4rem;text-align:center}@media (prefers-color-scheme: dark){.history-page .history-card{background:var(--color-bg-elevated);box-shadow:var(--shadow-lg)}.history-page .history-card-title{color:var(--color-text)}.history-page .history-card-title i{color:var(--color-text-muted)}.history-page .history-table-wrapper th{color:var(--color-text-muted)}.history-page .history-table-wrapper td{border-bottom-color:var(--color-border)}.history-page .history-table-wrapper tr:hover td{background:var(--color-bg-hover)}.history-page .history-empty{color:var(--color-text-muted)}.history-page .history-empty__icon{color:var(--color-accent)}.history-page .history-empty__title{color:var(--color-text)}.history-page .history-empty__subtitle{color:var(--color-text-muted)}.history-page .history-empty__actions .btn-primary,.history-page .history-empty__actions .btn-secondary{box-shadow:var(--shadow-lg)}.history-page .history-empty__hint{background:var(--color-bg-tint-light);color:var(--color-text-subtle)}.history-page .btn-pagination{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text)}.history-page .btn-pagination:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.history-page .page-status{color:var(--color-text-muted)}}@media (max-width: 480px){.history-container{padding:0.75rem}.history-header h1{font-size:1.3rem}.history-card{padding:1rem;border-radius:10px}.history-table-wrapper{font-size:0.85rem}.history-table-wrapper th,.history-table-wrapper td{padding:0.5rem 0.375rem}.pagination{gap:0.75rem}.btn-pagination{width:2.25rem;height:2.25rem}}.history-header{animation:zen-fade-in 0.4s ease-out 0.1s both}.history-card{animation:zen-fade-in 0.4s ease-out 0.15s both}.pagination{animation:zen-fade-in 0.4s ease-out 0.2s both}.summary-page{min-height:100vh;min-height:100dvh}.summary-page .game-heading-wrapper{margin-top:calc(env(safe-area-inset-top, 0px) + 1.25rem);padding:0 3rem}.summary-container{max-width:500px;margin:0 auto;padding:1rem}.summary-result-card{text-align:center;padding:2rem 1.5rem;border-radius:16px;margin-bottom:1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border)}.summary-result-card.is-solved{background:linear-gradient(135deg, var(--color-success-gradient-start) 0%, var(--color-success-gradient-end) 100%);border-color:var(--color-success)}.summary-result-card.is-solved .result-icon i{color:var(--color-success)}.summary-result-card.is-failed{background:linear-gradient(135deg, var(--color-danger-gradient-start) 0%, var(--color-danger-gradient-end) 100%);border-color:var(--color-danger)}.summary-result-card.is-failed .result-icon i{color:var(--color-danger)}.summary-result-card.is-timed-out{background:linear-gradient(135deg, var(--color-warning-gradient-start) 0%, var(--color-warning-gradient-end) 100%);border-color:var(--color-warning)}.summary-result-card.is-timed-out .result-icon i{color:var(--color-warning)}.summary-result-card .result-icon{margin-bottom:1rem}.summary-result-card .result-icon i{color:var(--color-text-muted)}.summary-result-card .result-message h2{font-size:1.5rem;font-weight:700;margin:0 0 1rem 0;color:var(--color-text)}.summary-result-card .result-word{display:flex;flex-direction:column;align-items:center;gap:0.25rem;margin-bottom:1rem}.summary-result-card .result-word .word-label{font-size:0.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.05em}.summary-result-card .result-word .word-value{font-size:2rem;font-weight:700;letter-spacing:0.15em;color:var(--color-text)}.summary-result-card .result-stats{display:flex;flex-direction:column;gap:0.25rem}.summary-result-card .result-stats .stat-detail{font-size:0.95rem;color:var(--color-text)}.summary-result-card .result-stats .stat-meta{font-size:0.85rem;color:var(--color-text-muted)}.summary-card{background:var(--color-bg-elevated);border-radius:12px;padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.summary-card-title{display:flex;align-items:center;gap:0.5rem;font-size:1rem;font-weight:600;margin:0 0 1rem 0;color:var(--color-text)}.summary-card-title i{color:var(--color-text-muted)}.summary-card .attempts-table-wrapper{margin:0;overflow-x:auto}.summary-card .attempts-table-wrapper .attempts-table{width:100%;border-collapse:collapse;font-size:0.9rem}.summary-card .attempts-table-wrapper .attempts-table th,.summary-card .attempts-table-wrapper .attempts-table td{padding:0.5rem 0.375rem;text-align:left;border-bottom:1px solid var(--color-border)}.summary-card .attempts-table-wrapper .attempts-table th{font-weight:600;color:var(--color-text-muted);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.025em}.summary-card .attempts-table-wrapper .attempts-table .attempt-index{color:var(--color-text-muted);width:2rem}.summary-card .attempts-table-wrapper .attempts-table .attempt-guess{font-family:var(--font-family-mono);font-size:0.95rem;letter-spacing:0.1em;color:var(--color-text)}.summary-card .attempts-table-wrapper .attempts-table .attempt-time-cell,.summary-card .attempts-table-wrapper .attempts-table .attempt-elapsed{font-size:0.85rem;color:var(--color-text-muted)}.summary-card .attempts-table-wrapper .attempts-table .attempt-result{text-align:center;width:2.5rem}.summary-card .attempts-table-wrapper .attempts-table .attempt-result .fa-check{color:var(--color-success)}.summary-card .attempts-table-wrapper .attempts-table .attempt-result .fa-xmark{color:var(--color-danger)}.summary-card .attempts-table-wrapper .attempts-table .attempt-row.is-correct{background:var(--color-success-bg-subtle)}.summary-card .attempts-table-wrapper .attempts-table .attempt-row.is-correct td{border-bottom-color:var(--color-success-border-light)}.summary-card .attempts-table-wrapper .attempts-table tbody tr:last-child td{border-bottom:none}.summary-card .attempts-table-wrapper .attempts-table tfoot .attempts-total-row th,.summary-card .attempts-table-wrapper .attempts-table tfoot .attempts-total-row td{border-top:2px solid var(--color-border-strong);border-bottom:none;padding-top:0.75rem}.summary-card .attempts-table-wrapper .attempts-table tfoot .attempts-total-row .attempts-total-label{font-size:0.85rem;color:var(--color-text)}.summary-card .attempts-table-wrapper .attempts-table tfoot .attempts-total-row .attempts-total-elapsed{font-weight:600;color:var(--color-text)}.summary-recovery-reminder{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem 1.25rem;background:var(--color-accent-light);border:1px solid var(--color-accent);border-radius:12px;box-shadow:var(--shadow-sm)}.summary-recovery-reminder .recovery-reminder-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--color-accent);border-radius:50%;color:var(--color-text-on-colored);font-size:1.1rem}.summary-recovery-reminder .recovery-reminder-content{flex:1;min-width:0}.summary-recovery-reminder .recovery-reminder-title{margin:0 0 0.25rem;font-size:0.95rem;font-weight:600;color:var(--color-accent-text)}.summary-recovery-reminder .recovery-reminder-text{margin:0;font-size:0.85rem;color:var(--color-text);line-height:1.4}.summary-recovery-reminder .recovery-reminder-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 1rem;background:var(--color-accent);color:var(--color-text-on-colored);border:none;border-radius:8px;font-size:0.85rem;font-weight:500;text-decoration:none;transition:background-color var(--transition-fast),transform var(--transition-fast)}.summary-recovery-reminder .recovery-reminder-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px);text-decoration:none;color:var(--color-text-on-colored)}.summary-recovery-reminder .recovery-reminder-btn:active{transform:translateY(0)}.summary-recovery-reminder .recovery-reminder-btn i{font-size:0.8rem}@media (max-width: 520px){.summary-recovery-reminder{flex-direction:column;align-items:flex-start;gap:0.75rem;padding:1rem}.summary-recovery-reminder .recovery-reminder-icon{width:2rem;height:2rem;font-size:0.95rem}.summary-recovery-reminder .recovery-reminder-content{width:100%}.summary-recovery-reminder .recovery-reminder-btn{width:100%;max-width:100%;box-sizing:border-box;justify-content:center}}.summary-navigation{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-top:1.5rem;padding:0.5rem 0}.btn-nav-placeholder{width:5.5rem}.btn-nav-session{display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 0.75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:0.85rem;text-decoration:none;transition:background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease}.btn-nav-session:hover{background:var(--color-bg-hover);border-color:var(--color-text-muted);text-decoration:none}.btn-nav-session:active{transform:scale(0.98)}.btn-nav-session i{font-size:0.75rem}.btn-play-again{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;background:var(--color-btn-success);color:var(--color-text-on-colored);border:none;border-radius:8px;font-size:0.95rem;font-weight:600;text-decoration:none;transition:background-color 0.2s ease, transform 0.2s ease}.btn-play-again:hover{background:var(--color-btn-success-hover);transform:translateY(-1px);text-decoration:none;color:var(--color-text-on-colored)}.btn-play-again:active{transform:translateY(0)}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .summary-page .btn-nav-session{background:var(--color-bg-elevated);border-color:var(--color-border-strong);color:var(--color-text)}:root:not([data-theme="light"]) .summary-page .btn-nav-session:hover{background:var(--color-bg-hover);border-color:var(--color-accent)}}[data-theme="dark"] .summary-page .btn-nav-session{background:var(--color-bg-elevated);border-color:var(--color-border-strong);color:var(--color-text)}[data-theme="dark"] .summary-page .btn-nav-session:hover{background:var(--color-bg-hover);border-color:var(--color-accent)}@media (max-width: 480px){.summary-container{padding:0.75rem}.summary-result-card{padding:1.5rem 1rem;border-radius:12px}.summary-result-card .result-message h2{font-size:1.25rem}.summary-result-card .result-word .word-value{font-size:1.75rem}.summary-card{padding:1rem;border-radius:10px}.summary-card .attempts-table-wrapper .attempts-table{font-size:0.85rem}.summary-card .attempts-table-wrapper .attempts-table th,.summary-card .attempts-table-wrapper .attempts-table td{padding:0.375rem 0.25rem}.summary-card .attempts-table-wrapper .attempts-table .attempt-guess{font-size:0.9rem}.summary-navigation{gap:0.5rem}.btn-nav-session{padding:0.5rem;font-size:0.8rem}.btn-nav-session span{display:none}.btn-nav-placeholder{width:2rem}.btn-play-again{padding:0.625rem 1rem;font-size:0.9rem}}.policy-page{margin:0;padding:0;min-height:100vh;min-height:100dvh;background-color:var(--color-bg);color:var(--color-text)}.policy-container{max-width:800px;margin:0 auto;padding:2rem 1.5rem 3rem}.policy-header{text-align:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.policy-header .logo{margin-bottom:1rem}.policy-header h1{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 0.5rem}.policy-header .last-updated{font-size:0.9rem;color:var(--color-text-muted);margin:0}.policy-header .last-updated time{font-weight:var(--font-weight-medium)}.policy-content section{margin-bottom:2rem}.policy-content section:last-child{margin-bottom:0}.policy-content h2{font-size:1.35rem;font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 1rem;padding-bottom:0.5rem;border-bottom:1px solid var(--color-border)}.policy-content h3{font-size:1.1rem;font-weight:var(--font-weight-medium);color:var(--color-text);margin:1.25rem 0 0.75rem}.policy-content p{margin:0 0 1rem;line-height:1.7;color:var(--color-text)}.policy-content ul{margin:0 0 1rem;padding-left:1.5rem}.policy-content ul li{margin-bottom:0.5rem;line-height:1.6;color:var(--color-text)}.policy-content ul li strong{color:var(--color-text);font-weight:var(--font-weight-medium)}.policy-content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.policy-content a:hover{color:var(--color-accent-hover)}.policy-content .contact-info{background-color:var(--color-bg-elevated);padding:1rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--color-border)}.policy-content .contact-info a{font-weight:var(--font-weight-medium)}.policy-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border);text-align:center}.policy-footer .back-link{display:inline-flex;align-items:center;gap:0.5rem;color:var(--color-accent);font-weight:var(--font-weight-medium);text-decoration:none;padding:0.5rem 1rem;border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.policy-footer .back-link:hover{background-color:var(--color-bg-hover);color:var(--color-accent-hover)}.policy-footer .back-link i{font-size:0.9rem}.policy-footer .footer-copyright{margin-top:1rem;font-size:0.85rem;color:var(--color-text-muted)}@media (max-width: 600px){.policy-container{padding:1.5rem 1rem 2rem}.policy-header h1{font-size:1.5rem}.policy-content h2{font-size:1.2rem}.policy-content h3{font-size:1rem}.policy-content ul{padding-left:1.25rem}}@media (prefers-reduced-motion: reduce){.streak-indicator i,.challenge-status i{animation:none}.btn-play-again i{animation:none}.panel,.kv,a,button,.btn-icon,.nav-link,.challenge-stat,.leaderboard-entry,.attempt-row,.history-entry,.result-stat,.settings-option,.theme-option,.distribution-bar{transition:none}.settings-header,.settings-section,.history-header,.history-card,.pagination{animation:none;opacity:1}}
