/* Auto-extracted from page-daily-challenge.php (P1-5) */
/* Quick Challenge Cards */
        .quick-challenges {
            display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
            margin-top: 28px;
        }
        @media(max-width:768px){ .quick-challenges{grid-template-columns:1fr;} }

        .quick-card {
            background: white; border-radius: var(--abq-radius-xl);
            padding: 28px 24px; text-align: center;
            box-shadow: var(--abq-shadow-md);
            border: 2px solid transparent;
            transition: all 0.3s ease; cursor: pointer;
        }
        .quick-card:hover {
            transform: translateY(-4px); box-shadow: var(--abq-shadow-xl);
            border-color: var(--abq-primary-light);
        }
        .quick-card-icon { font-size: 3rem; margin-bottom: 12px; display:block; }
        .quick-card h3 { font-size: 1.15rem; font-weight: 800; color: var(--abq-gray-900); margin-bottom: 6px; }
        .quick-card p { font-size: 0.88rem; color: var(--abq-gray-500); margin-bottom: 16px; line-height:1.5; }
        .quick-btn {
            display:inline-flex; align-items:center; gap:6px;
            padding:10px 24px; border-radius:var(--abq-radius-full);
            font-weight:700; font-size:0.92rem; color:white;
            transition:all 0.3s ease;
        }
        .quick-btn.green { background:linear-gradient(135deg,#22c55e,#10b981); }
        .quick-btn.blue { background:linear-gradient(135deg,#3b82f6,#60a5fa); }
        .quick-btn.orange { background:linear-gradient(135deg,#f97316,#fb923c); }
        .quick-btn:hover{ transform:scale(1.05); }

        /* Mini quiz modal overlay */
        .mini-quiz-overlay {
            position: fixed; inset:0; z-index:10000;
            background:rgba(0,0,0,0.5); backdrop-filter:blur(4px);
            display:none; align-items:center; justify-content:center;
            padding:16px;
        }
        .mini-quiz-overlay.active { display:flex; }
        .mini-quiz-panel {
            background:white; border-radius:var(--abq-radius-xl);
            width:100%; max-width:520px; padding:32px;
            animation:slideUp 0.3s ease;
        }
        .quiz-close { float:right;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#9ca3af;line-height:1; }
        
        .mini-word-display { text-align:center;margin-bottom:24px; }
        .mini-word-main { font-size:2.2rem;font-weight:800;color:var(--abq-gray-900);margin-bottom:4px; }
        .mini-word-hint { font-size:0.88rem;color:#9ca3af; }

        .mini-options { display:flex;flex-direction:column;gap:10px;margin-bottom:24px; }
        .mini-opt {
            padding:14px 18px;border:2px solid #e5e7eb;border-radius:var(--abq-radius-md);
            font-weight:700;font-size:1rem;cursor:pointer;text-align:center;
            transition:all 0.3s ease;
        }
        .mini-opt:hover { border-color:var(--abq-primary);background:#f0fdf4; }
        .mini-opt.correct { border-color:var(--abq-primary);background:#dcfce7;color:#15803d; }
        .mini-opt.wrong { border-color:var(--abq-red);background:#fee2e2;color:#dc2626; }

        .listening-game-mini { text-align:center; padding:20px; }
        .listening-speaker {
            width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);
            display:inline-flex;align-items:center;justify-content:center;
            font-size:2.4rem;cursor:pointer;margin-bottom:20px;
            transition:all 0.3s ease;box-shadow:0 4px 12px rgba(59,130,246,0.25);
        }
        .listening-speaker:hover{ transform:scale(1.1); }
        .listening-options { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
        .listen-opt {
            padding:14px;border:2px solid #e5e7eb;border-radius:var(--abq-radius-md);
            font-weight:700;font-size:0.95rem;cursor:pointer;text-align:center;
            transition:all 0.3s ease;
        }
        .listen-opt:hover{border-color:var(--abq-blue);background:#eff6ff;}
        .listen-opt.correct{border-color:var(--abq-blue);background:#dbeafe;color:#1d4ed8;}
        .listen-opt.wrong{border-color:var(--abq-red);background:#fee2e2;}

        @keyframes slideUp { from{opacity:0;transform:translateY(20px);} to{opacity:1;transform:translateY(0);} }