:root{color-scheme:light;--ax-bg-primary: #f5ead0;--ax-bg-secondary: #ecdcb4;--ax-bg-card: #fffdf6;--ax-bg-card-hover: #fbf3de;--ax-accent-red: #c1440e;--ax-accent-red-dim: #9c360a;--ax-accent-gold: #d4a017;--ax-accent-gold-dim: #ab8012;--ax-text-primary: #3b2412;--ax-text-secondary: #6b5136;--ax-success: #34a853;--ax-error: #c1440e}html body{background-color:var(--ax-bg-primary);background-image:radial-gradient(circle at 12% 8%,rgba(193,68,14,.08) 0%,transparent 55%);color:var(--ax-text-primary)}html a{color:var(--ax-accent-red)}html a:hover{color:var(--ax-accent-gold)}.asterix-app{min-height:100vh;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;padding:var(--space-6) var(--space-4)}.screen[hidden]{display:none}html .btn-home{background-color:var(--ax-bg-card);color:var(--ax-accent-red)}html .btn-home:hover{box-shadow:0 0 20px #c1440e4d;color:var(--ax-accent-gold)}html .btn{font-family:var(--font-display)}html .btn--primary{background-color:var(--ax-accent-red);color:#fff}html .btn--primary:hover{background-color:var(--ax-accent-red-dim)}.btn--primary:disabled{background-color:var(--ax-bg-secondary);color:var(--ax-text-secondary);cursor:default}.start-screen{align-items:center;justify-content:center;text-align:center;gap:var(--space-4)}.start-screen__title{color:var(--ax-accent-red)}.start-screen__subtitle{color:var(--ax-text-secondary);max-width:420px;margin-bottom:var(--space-4)}.question-screen{align-items:center;gap:var(--space-4)}.question-header{display:flex;justify-content:space-between;width:100%;max-width:480px;margin-top:var(--space-8);font-family:var(--font-display);font-weight:700;color:var(--ax-accent-red)}.question-image{width:100%;max-width:200px;height:140px;object-fit:contain;border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);background-color:var(--ax-bg-card)}.question-text{max-width:480px;text-align:center;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--ax-text-primary)}.answer-buttons{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:420px}.answer-btn{min-height:var(--touch-min);padding:var(--space-3) var(--space-6);border:2px solid var(--ax-accent-gold-dim);border-radius:var(--border-radius-md);background-color:var(--ax-bg-card);color:var(--ax-text-primary);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;cursor:pointer}.answer-btn:not(:disabled):hover{background-color:var(--ax-bg-card-hover)}.answer-btn--selected{border-color:var(--ax-accent-red);background-color:var(--ax-bg-card-hover);box-shadow:0 0 0 2px var(--ax-accent-red)}.answer-btn--correct{background-color:var(--ax-success);border-color:var(--ax-success);color:#fff}.answer-btn--wrong{background-color:var(--ax-error);border-color:var(--ax-error);color:#fff;opacity:.6}.answer-btn:disabled{cursor:default}.feedback-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;max-width:420px;padding:var(--space-4);background-color:var(--ax-bg-secondary);border-radius:var(--border-radius-md);text-align:center}.feedback-panel[hidden]{display:none}.feedback-panel__text{color:var(--ax-text-primary);font-weight:700}.feedback-panel__explanation{color:var(--ax-text-secondary);font-size:var(--text-sm)}.feedback-panel__source{font-size:var(--text-sm);font-weight:700}#dialog-quit-round{border:none;border-radius:var(--border-radius-lg);padding:var(--space-8);text-align:center;max-width:280px;width:90%;background-color:var(--ax-bg-card);color:var(--ax-text-primary)}#dialog-quit-round::backdrop{background-color:#0006}#dialog-quit-round p{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-6)}.dialog-quit__buttons{display:flex;gap:var(--space-4);justify-content:center}.btn-quit{min-width:80px;padding:var(--space-3) var(--space-6);border:none;border-radius:9999px;font-family:var(--font-display);font-weight:700;cursor:pointer}.btn-quit--confirm{background-color:var(--ax-error);color:#fff}.btn-quit--cancel{background-color:var(--ax-accent-gold);color:#fff}.summary-screen{align-items:center;justify-content:center;text-align:center;gap:var(--space-4)}.summary-screen__title{color:var(--ax-accent-red)}.summary-screen__score{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--ax-accent-gold-dim)}@media(min-width:600px){.answer-buttons{max-width:480px}.question-image{max-width:260px;height:220px}}@media(prefers-reduced-motion:reduce){.answer-btn,.btn,.btn-home{transition:none}}