/*
 * Araboo Daily Challenge — surface styles. Scoped under #araboo-daily-root.
 * LMS palette (teal #0E6B65 / #355157, orange #E97A4F). Self-contained;
 * no Phosphor dependency (emoji + CSS only).
 * Update log: 0.1.0 (2026-07-02).
 */
#araboo-daily-root.araboo-daily{max-width:820px;margin:0 auto;padding:8px 16px 40px;font-family:"Inter",system-ui,sans-serif;color:#22312f;}
#araboo-daily-root .ad-loading{padding:40px 0;text-align:center;color:#5e7a7e;}
#araboo-daily-root .ad-err{background:#fdecea;color:#b3261e;border:1px solid #f5c6c2;border-radius:10px;padding:10px 14px;margin-bottom:12px;font-weight:600;}

/* Header + streak */
#araboo-daily-root .ad-head{margin:6px 0 18px;}
#araboo-daily-root .ad-head-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;}
#araboo-daily-root .ad-title{margin:0;font-size:24px;font-weight:800;color:#0E6B65;letter-spacing:-.01em;}
#araboo-daily-root .ad-sub{margin:4px 0 0;font-size:14px;color:#5e7a7e;}
#araboo-daily-root .ad-stats{display:flex;gap:10px;align-items:stretch;}
#araboo-daily-root .ad-stat{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e3eceb;border-radius:12px;padding:8px 12px;box-shadow:0 6px 18px -14px rgba(14,107,101,.5);}
#araboo-daily-root .ad-stat--flame{background:#fff7ed;border-color:#f6d9c6;}
#araboo-daily-root .ad-stat-ic{font-size:17px;line-height:1;}
#araboo-daily-root .ad-stat-n{font-size:18px;font-weight:800;color:#22312f;}
#araboo-daily-root .ad-stat-l{font-size:11px;font-weight:600;color:#8aa0a2;text-transform:uppercase;letter-spacing:.04em;}

#araboo-daily-root .ad-ribbon{background:#e9f5f0;border:1px solid #bfe0d5;color:#0E6B65;border-radius:10px;padding:10px 14px;margin-bottom:16px;font-size:14px;font-weight:600;}

/* Questions */
#araboo-daily-root .ad-list{display:flex;flex-direction:column;gap:12px;}
#araboo-daily-root .ad-q{display:flex;gap:14px;background:#fff;border:1px solid #e3eceb;border-radius:14px;padding:16px 18px;transition:border-color .15s,box-shadow .15s;}
#araboo-daily-root .ad-q-n{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#eef4f3;color:#0E6B65;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px;}
#araboo-daily-root .ad-q-body{flex:1;min-width:0;}
#araboo-daily-root .ad-q-stmt{font-family:"Noto Sans Arabic","Tajawal",sans-serif;font-size:22px;line-height:1.8;color:#22312f;margin-bottom:12px;}
#araboo-daily-root .ad-tfs{display:flex;gap:10px;}
#araboo-daily-root .ad-tf{flex:0 0 auto;min-width:96px;padding:9px 16px;border-radius:10px;border:1.5px solid #d7e3e1;background:#fff;color:#355157;font-weight:700;font-size:14px;cursor:pointer;transition:all .12s;}
#araboo-daily-root .ad-tf:hover:not(:disabled){border-color:#0E6B65;}
#araboo-daily-root .ad-tf.is-on.ad-tf--t{background:#0E6B65;border-color:#0E6B65;color:#fff;}
#araboo-daily-root .ad-tf.is-on.ad-tf--f{background:#E97A4F;border-color:#E97A4F;color:#fff;}
#araboo-daily-root .ad-tf:disabled{opacity:.75;cursor:default;}
#araboo-daily-root .ad-q.is-correct{border-color:#8ccdb4;box-shadow:0 0 0 1px #8ccdb4 inset;}
#araboo-daily-root .ad-q.is-wrong{border-color:#f0b7a4;box-shadow:0 0 0 1px #f0b7a4 inset;}
#araboo-daily-root .ad-q-why{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;margin-top:10px;padding-top:10px;border-top:1px dashed #e3eceb;}
#araboo-daily-root .ad-q-badge{font-weight:800;font-size:13px;}
#araboo-daily-root .ad-q.is-correct .ad-q-badge{color:#0E6B65;}
#araboo-daily-root .ad-q.is-wrong .ad-q-badge{color:#c04a24;}
#araboo-daily-root .ad-q-whytext{font-size:13px;color:#5e7a7e;}

/* Actions / score */
#araboo-daily-root .ad-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0 8px;}
#araboo-daily-root .ad-btn{border:none;border-radius:12px;padding:12px 22px;font-weight:800;font-size:15px;cursor:pointer;transition:transform .1s,box-shadow .2s,opacity .2s;}
#araboo-daily-root .ad-btn--primary{background:#0E6B65;color:#fff;box-shadow:0 10px 24px -12px rgba(14,107,101,.7);}
#araboo-daily-root .ad-btn--primary:hover:not(:disabled){transform:translateY(-2px);}
#araboo-daily-root .ad-btn:disabled{opacity:.5;cursor:default;box-shadow:none;}
#araboo-daily-root .ad-score{display:flex;align-items:baseline;gap:8px;}
#araboo-daily-root .ad-score-big{font-size:26px;font-weight:900;color:#0E6B65;}
#araboo-daily-root .ad-score-l{font-size:13px;color:#8aa0a2;text-transform:uppercase;letter-spacing:.04em;font-weight:700;}
#araboo-daily-root .ad-award{background:#fff7ed;color:#c04a24;border:1px solid #f6d9c6;border-radius:999px;padding:6px 14px;font-weight:800;font-size:14px;}
#araboo-daily-root .ad-award--muted{background:#eef4f3;color:#5e7a7e;border-color:#e3eceb;}
#araboo-daily-root .ad-login{margin-top:18px;background:#eef4f3;border:1px solid #e3eceb;border-radius:10px;padding:12px 14px;color:#355157;font-size:14px;}

/* League */
#araboo-daily-root .ad-league{margin-top:28px;background:#fff;border:1px solid #e3eceb;border-radius:16px;padding:18px 20px;box-shadow:0 10px 30px -20px rgba(14,107,101,.6);}
#araboo-daily-root .ad-league-h{margin:0 0 14px;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#355157;}
#araboo-daily-root .ad-rows{display:flex;flex-direction:column;gap:2px;}
#araboo-daily-root .ad-row{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;}
#araboo-daily-root .ad-row:nth-child(odd){background:#f7faf9;}
#araboo-daily-root .ad-row.is-me{background:#e9f5f0;box-shadow:0 0 0 1px #bfe0d5 inset;}
#araboo-daily-root .ad-row-rank{flex:0 0 26px;font-weight:800;color:#8aa0a2;text-align:center;}
#araboo-daily-root .ad-row.is-me .ad-row-rank{color:#0E6B65;}
#araboo-daily-root .ad-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:#22312f;}
#araboo-daily-root .ad-row-pts{flex:0 0 auto;font-weight:800;color:#0E6B65;}
#araboo-daily-root .ad-row--me-out{margin-top:6px;border-top:1px dashed #e3eceb;border-radius:0 0 10px 10px;}
#araboo-daily-root .ad-league-solo{display:flex;align-items:baseline;gap:10px;}
#araboo-daily-root .ad-league-solo-n{font-size:30px;font-weight:900;color:#0E6B65;}
#araboo-daily-root .ad-league-solo-l{font-size:13px;color:#8aa0a2;text-transform:uppercase;letter-spacing:.04em;font-weight:700;}
#araboo-daily-root .ad-league-note{margin:10px 0 0;font-size:13px;color:#8aa0a2;}

@media(max-width:560px){
	#araboo-daily-root .ad-head-top{flex-direction:column;}
	#araboo-daily-root .ad-q-stmt{font-size:20px;}
	#araboo-daily-root .ad-tf{flex:1;min-width:0;}
}