:root{--color-primary:#2d5016;--color-primary-light:#4a7c23;--color-bg:#faf9f6;--color-surface:#fff;--color-text:#1a1a1a;--color-text-muted:#666;--color-correct:#2e7d32;--color-incorrect:#c62828;--color-border:#e0e0e0;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,sans-serif;line-height:1.5}.cuneiform{font-family:Noto Sans Cuneiform,serif;font-size:2.5rem}button{cursor:pointer;border-radius:var(--radius);border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s,transform .1s}button:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-light)}.btn-option{background:var(--color-surface);border:2px solid var(--color-border);text-align:left;width:100%;padding:.75rem 1rem}.btn-option:hover{border-color:var(--color-primary)}.btn-option.correct{border-color:var(--color-correct);background:#e8f5e9}.btn-option.incorrect{border-color:var(--color-incorrect);background:#ffebee}.btn-option.selected{border-color:var(--color-primary);background:#e8f0e0}.btn-option.matched{border-color:var(--color-correct);opacity:.7;pointer-events:none;background:#e8f5e9}