@charset "UTF-8";:root{--color-bg: #F0E6C8;--color-bg-surface: #E8D9B0;--color-bg-card: #EDE0BE;--color-bg-input: #F5EDD8;--color-border: #C4A969;--color-border-gold: #8B6914;--color-gold: #B8871E;--color-gold-dim: #9A7218;--color-gold-light: #D4A83A;--color-gold-bright: #8A5C14;--color-blue: #3A8AB5;--color-blue-dim: #2A6A8A;--color-correct: #3E7B28;--color-wrong: #9B2418;--color-text: #4A3018;--color-text-dim: #7A5C30;--color-text-bright: #2C1A08;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--shadow-glow-gold: 0 0 16px rgba(184, 135, 30, .4);--shadow-glow-blue: 0 0 16px rgba(58, 138, 181, .35);--shadow-card: 0 4px 16px rgba(44, 26, 8, .15);--font-display: "Cinzel", "Beaufort for LOL", "Palatino", "Georgia", serif;--font-body: "Spiegel", "Segoe UI", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--color-bg);background-image:radial-gradient(ellipse 120% 40% at 50% 0%,rgba(200,155,60,.1) 0%,transparent 65%),radial-gradient(ellipse 45% 35% at 0% 100%,rgba(58,138,181,.05) 0%,transparent 60%),radial-gradient(ellipse 45% 35% at 100% 100%,rgba(184,135,30,.06) 0%,transparent 60%);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg-surface)}::-webkit-scrollbar-thumb{background:var(--color-border-gold)}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}a{color:var(--color-blue);text-decoration:none}a:hover{color:var(--color-gold)}button{cursor:pointer;border:none;background:none;font-family:inherit}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 28px;background:var(--color-gold);color:var(--color-bg);font-weight:700;font-size:.75rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;border-radius:var(--radius-md);border:none;transition:background .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){background:var(--color-gold-light);box-shadow:var(--shadow-glow-gold)}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:9px 22px;background:transparent;color:var(--color-gold);border:1px solid var(--color-gold-dim);font-size:.75rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-md);transition:border-color .2s,background .2s,box-shadow .2s}.btn-secondary:hover:not(:disabled){border-color:var(--color-gold);background:#b8871e1a;box-shadow:var(--shadow-glow-gold)}.badge-correct{color:var(--color-correct);font-weight:700}.badge-wrong{color:var(--color-wrong);font-weight:700}.error-banner{background:#9b241814;border:1px solid var(--color-wrong);color:var(--color-wrong);padding:12px 16px;font-size:.875rem;border-radius:var(--radius-md)}.status-center{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 0;color:var(--color-text-dim);font-size:.875rem;text-transform:uppercase;letter-spacing:.08em}.loader{width:36px;height:36px;border:2px solid var(--color-border);border-top-color:var(--color-gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}