@charset "UTF-8";:root{--color-bg: #010A13;--color-bg-surface: #091428;--color-bg-card: #0f1c2e;--color-bg-input: #0a0f1a;--color-border: #3c3c41;--color-border-gold: #785a28;--color-gold: #c89b3c;--color-gold-dim: #785a28;--color-gold-light: #f0d78c;--color-gold-bright: #f0e6cc;--color-blue: #0bc4e3;--color-blue-dim: #0a6ea6;--color-correct: #52c41a;--color-wrong: #e84057;--color-text: #a0a8ad;--color-text-dim: #5b5a56;--color-text-bright: #f0e6cc;--radius-sm: 0px;--radius-md: 2px;--radius-lg: 2px;--shadow-glow-gold: 0 0 20px rgba(200, 155, 60, .45);--shadow-glow-blue: 0 0 20px rgba(11, 196, 227, .35);--shadow-card: 0 8px 32px rgba(0, 0, 0, .7);--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 100% 55% at 50% -5%,rgba(10,20,50,.9) 0%,transparent 70%),radial-gradient(ellipse 45% 35% at 0% 100%,rgba(11,196,227,.04) 0%,transparent 60%),radial-gradient(ellipse 45% 35% at 100% 100%,rgba(200,155,60,.04) 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:#010a13}::-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:#010a13;font-weight:700;font-size:.75rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;border-radius:0;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:0;transition:border-color .2s,background .2s,box-shadow .2s}.btn-secondary:hover:not(:disabled){border-color:var(--color-gold);background:#c89b3c14;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:#e8405714;border:1px solid var(--color-wrong);color:var(--color-wrong);padding:12px 16px;font-size:.875rem}.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)}}