@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--color-success: #10b981;--color-success-muted: #065f46;--color-warning: #f59e0b;--color-warning-muted: #d97706;--color-error: #ef4444;--color-error-muted: #991b1b;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--heart-color: #ef4444;--heart-lost-color: #475569;--slot-border-color: #475569;--slot-bg: #1e293b;--slot-icon-color: #64748b;--slot-revealed-border: #10b981;--slot-revealed-bg: #064e3b;--slot-revealed-color: #6ee7b7;--slot-partial-border: #f59e0b;--slot-partial-bg: #78350f;--slot-partial-color: #fcd34d;--clue-correct-bg: #064e3b;--clue-partial-bg: #78350f;--clue-wrong-bg: #450a0a;--position-bg: #334155;--position-color: #e2e8f0;--clue-text-color: #f1f5f9;--input-border: #475569;--input-focus-border: #3b82f6;--input-disabled-bg: #1e293b;--input-correct-border: #10b981;--input-correct-bg: #064e3b;--input-partial-border: #f59e0b;--input-partial-bg: #78350f;--input-wrong-border: #ef4444;--input-wrong-bg: #450a0a;--button-bg: #3b82f6;--button-hover-bg: #2563eb;--button-disabled-bg: #475569;--button-retry-bg: #f59e0b;--button-retry-hover-bg: #d97706;--badge-correct-bg: #10b981;--badge-partial-bg: #f59e0b;--hint-button-bg: #78350f;--hint-button-color: #fcd34d;--hint-button-hover-bg: #92400e;--hint-button-hover-color: #fde68a;--share-button-bg: #10b981;--share-button-hover-bg: #059669;--share-button-copied-bg: #6366f1;--stats-button-border: #475569;--stats-button-hover-bg: #334155;--stats-button-hover-border: #64748b;--modal-bg: #1e293b;--bar-bg: #334155;--title-reveal-bg: #064e3b;--game-over-bg: #1e293b;--answer-item-bg: #450a0a;--answer-letter-bg: #ef4444;--won-color: #10b981;--error-color: #ef4444}:root.light-mode{--bg-primary: #f1f5f9;--bg-secondary: #ffffff;--bg-tertiary: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #cbd5e1;--color-success: #059669;--color-success-muted: #d1fae5;--color-warning: #d97706;--color-warning-muted: #fef3c7;--color-error: #dc2626;--color-error-muted: #fee2e2;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--heart-color: #ef4444;--heart-lost-color: #cbd5e1;--slot-border-color: #94a3b8;--slot-bg: #ffffff;--slot-icon-color: #94a3b8;--slot-revealed-border: #059669;--slot-revealed-bg: #d1fae5;--slot-revealed-color: #065f46;--slot-partial-border: #d97706;--slot-partial-bg: #fef3c7;--slot-partial-color: #92400e;--clue-correct-bg: #d1fae5;--clue-partial-bg: #fef3c7;--clue-wrong-bg: #fee2e2;--position-bg: #e2e8f0;--position-color: #475569;--clue-text-color: #1e293b;--input-border: #94a3b8;--input-focus-border: #2563eb;--input-disabled-bg: #f1f5f9;--input-correct-border: #059669;--input-correct-bg: #d1fae5;--input-partial-border: #d97706;--input-partial-bg: #fef3c7;--input-wrong-border: #dc2626;--input-wrong-bg: #fee2e2;--button-bg: #2563eb;--button-hover-bg: #1d4ed8;--button-disabled-bg: #94a3b8;--button-retry-bg: #d97706;--button-retry-hover-bg: #b45309;--badge-correct-bg: #059669;--badge-partial-bg: #d97706;--hint-button-bg: #fef3c7;--hint-button-color: #92400e;--hint-button-hover-bg: #fde68a;--hint-button-hover-color: #78350f;--share-button-bg: #059669;--share-button-hover-bg: #047857;--share-button-copied-bg: #4f46e5;--stats-button-border: #cbd5e1;--stats-button-hover-bg: #e2e8f0;--stats-button-hover-border: #94a3b8;--modal-bg: #ffffff;--bar-bg: #e2e8f0;--title-reveal-bg: #d1fae5;--game-over-bg: #ffffff;--answer-item-bg: #fee2e2;--answer-letter-bg: #ef4444;--won-color: #059669;--error-color: #dc2626}*,*:before,*:after{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,system-ui,sans-serif}input,button,textarea,select{font-family:inherit}input{background-color:var(--bg-secondary);color:var(--text-primary)}input::placeholder{color:var(--text-secondary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}