.arb-sent-tool{position:relative;overflow:hidden;}

.arb-sent-progress{margin-bottom:20px;}
.arb-sent-progress-bar{height:10px;background:var(--arb-border);border-radius:10px;overflow:hidden;}
.arb-sent-progress-fill{height:100%;width:0%;border-radius:10px;
    background:linear-gradient(90deg,var(--arb-accent),#F5C842);transition:width .3s ease;}

/* ---------- اختيار المجموعة ---------- */
.arb-sent-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;}
.arb-sent-cat{
    background:var(--arb-cream);border:2px solid var(--arb-border);border-radius:16px;
    padding:18px 10px;cursor:pointer;text-align:center;transition:all .15s ease;
    display:flex;flex-direction:column;gap:4px;align-items:center;
}
.arb-sent-cat:hover{transform:translateY(-4px);border-color:var(--arb-accent);box-shadow:var(--arb-shadow-md);}
.arb-sent-cat-ic{font-size:34px;line-height:1;}
.arb-sent-cat-name{font-weight:800;color:var(--arb-txt);font-size:15px;}
.arb-sent-cat-count{font-size:12px;color:var(--arb-txt-light);}

/* ---------- HUD ---------- */
.arb-sent-hud{
    display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
    background:var(--arb-soft);border-radius:12px;padding:10px 16px;margin-bottom:18px;
    font-size:14px;color:var(--arb-txt-mid);font-weight:700;
}
.arb-sent-hud strong{color:var(--arb-accent);font-size:17px;}

/* ---------- الكارت ---------- */
.arb-sent-card{
    background:linear-gradient(160deg,var(--arb-cream),#fff);
    border:3px solid var(--arb-border);border-radius:22px;padding:28px 20px 24px;
    text-align:center;position:relative;
}
.arb-sent-icon{font-size:60px;line-height:1;margin-bottom:8px;}
.arb-sent-arabic{
    font-family:'Amiri',serif;font-size:36px;color:var(--arb-txt);line-height:1.8;
    direction:rtl;margin-bottom:6px;
}
.arb-sent-replay{
    background:var(--arb-white);border:2px solid var(--arb-border);border-radius:50%;
    width:42px;height:42px;color:var(--arb-accent);cursor:pointer;font-size:16px;margin-bottom:14px;
}
.arb-sent-replay:hover{background:var(--arb-accent);color:#fff;}

.arb-sent-question{font-size:13px;color:var(--arb-txt-light);font-weight:700;margin-bottom:8px;}
.arb-sent-meaning{
    font-size:23px;font-weight:800;color:var(--arb-navy);
    background:var(--arb-white);border:2px dashed var(--arb-border);
    border-radius:14px;padding:14px 12px;
}

/* ---------- أزرار الإجابة ---------- */
.arb-sent-answers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;}
.arb-sent-btn{
    border:none;border-radius:16px;padding:20px 10px;font-size:20px;font-weight:800;
    cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;
    transition:transform .12s ease,filter .12s ease;box-shadow:var(--arb-shadow-md);
}
.arb-sent-btn:hover{transform:translateY(-3px);filter:brightness(1.07);}
.arb-sent-btn:active{transform:scale(.96);}
.arb-sent-btn-ic{font-size:26px;}
.arb-sent-btn-true{background:linear-gradient(135deg,#1A7A55,#25a372);}
.arb-sent-btn-false{background:linear-gradient(135deg,#C0392B,#e05545);}

/* ---------- التغذية الراجعة ---------- */
.arb-sent-feedback{
    min-height:58px;margin-top:16px;text-align:center;font-size:19px;font-weight:800;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
}
.arb-sent-feedback small{font-weight:600;font-size:14px;color:var(--arb-txt-mid);}
.arb-sent-feedback.good{color:var(--arb-green);animation:arb-pop .35s ease;}
.arb-sent-feedback.bad{color:#C0392B;animation:arb-shake .35s ease;}
.arb-sent-fb-emoji{font-size:30px;}

@keyframes arb-pop{0%{transform:scale(.6);opacity:0;}60%{transform:scale(1.15);}100%{transform:scale(1);opacity:1;}}
@keyframes arb-shake{0%,100%{transform:translateX(0);}25%{transform:translateX(-7px);}75%{transform:translateX(7px);}}

/* ---------- انفجار الإيموجي ---------- */
.arb-sent-burst{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5;}
.arb-sent-burst-item{
    position:absolute;bottom:20%;font-size:30px;animation:arb-fly 1.3s ease-out forwards;
}
@keyframes arb-fly{
    0%{transform:translateY(0) scale(.5) rotate(0deg);opacity:0;}
    20%{opacity:1;}
    100%{transform:translateY(-230px) scale(1.25) rotate(25deg);opacity:0;}
}

/* ---------- شاشة النتيجة ---------- */
.arb-sent-finish{text-align:center;padding:26px 10px;}
.arb-sent-stars{font-size:52px;letter-spacing:6px;margin-bottom:10px;animation:arb-pop .5s ease;}
.arb-sent-result-msg{font-size:23px;font-weight:800;color:var(--arb-txt);margin-bottom:20px;}
.arb-sent-result-nums{display:flex;justify-content:center;gap:34px;margin-bottom:24px;}
.arb-sent-result-nums span{display:block;font-size:30px;font-weight:800;color:var(--arb-accent);}
.arb-sent-result-nums small{font-size:12px;color:var(--arb-txt-light);}
.arb-sent-again{
    background:var(--arb-accent);color:#fff;border:none;padding:15px 34px;border-radius:14px;
    font-weight:800;font-size:16px;cursor:pointer;display:inline-flex;gap:10px;align-items:center;
}
.arb-sent-again:hover{filter:brightness(1.08);}

@media(max-width:480px){
    .arb-sent-arabic{font-size:27px;}
    .arb-sent-meaning{font-size:18px;}
    .arb-sent-icon{font-size:46px;}
    .arb-sent-btn{font-size:17px;padding:17px 6px;}
    .arb-sent-cats{grid-template-columns:repeat(2,1fr);}
}
