/* ============================================================
   المرحلة الثانية — مكوّنات مشتركة (بنفس هوية «ليل وذهب»)
   ============================================================ */

/* — عزل اتجاه الأرقام والرموز — */
.t-num, .num, .pring__in b, .podium2__pts, .sc-pts { direction: ltr; unicode-bidi: isolate; }

/* — زر أيقونة مربّع — */
.iconbtn {
  width: 38px; height: 38px; border-radius: 12px; flex: none;
  display: grid; place-items: center; font-size: 17px;
  background: var(--glass); border: 1px solid var(--line); color: var(--text-2);
  transition: transform var(--t-fast) var(--ease), background var(--t-fast);
}
.iconbtn:active { transform: scale(.93); background: var(--glass-2); }
.iconbtn--gold { background: rgba(228,176,74,.13); border-color: rgba(228,176,74,.32); color: var(--gold-400); }

/* — المؤقّت الدائري الكبير — */
.pring { position: relative; display: grid; place-items: center; flex: none; }
.pring svg { position: absolute; inset: 0; transform: rotate(-90deg); }
.pring__trk { stroke: rgba(255,255,255,.09); }
.pring__bar {
  stroke: var(--gold-500);
  filter: drop-shadow(0 0 6px rgba(228,176,74,.45));
  transition: stroke-dashoffset .9s linear, stroke .3s;
}
.pring__in { display: flex; flex-direction: column; align-items: center; line-height: 1; }
.pring__in b { font-family: var(--font-display); font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; }
.pring__in span { font-size: 8.5px; color: var(--text-muted); margin-top: 3px; }
.pring.is-urgent .pring__bar { stroke: var(--coral-400); filter: drop-shadow(0 0 8px rgba(255,107,122,.55)); }
.pring.is-urgent .pring__in b { color: var(--coral-400); }

/* — شرائح الحكم على الإجابة — */
.vchip {
  display: inline-flex; align-items: center; gap: 4px; flex: none;
  height: 23px; padding: 0 8px; border-radius: var(--r-full);
  font-size: 10.5px; font-weight: 600; white-space: nowrap;
}
.vchip i { font-size: 12px; }
.vchip b { font-family: var(--font-display); font-size: 11px; font-weight: 700; }
.vchip--mint { background: rgba(63,214,168,.14); color: var(--mint-400); box-shadow: inset 0 0 0 1px rgba(63,214,168,.24); }
.vchip--sky { background: rgba(90,169,255,.14); color: var(--sky-400); box-shadow: inset 0 0 0 1px rgba(90,169,255,.24); }
.vchip--coral { background: rgba(255,107,122,.13); color: var(--coral-400); box-shadow: inset 0 0 0 1px rgba(255,107,122,.24); }
.vchip--violet { background: rgba(169,139,255,.15); color: var(--violet-400); box-shadow: inset 0 0 0 1px rgba(169,139,255,.26); }

/* — سطر شخص — */
.person { display: flex; align-items: center; gap: 9px; min-width: 0; }
.person__txt { display: flex; flex-direction: column; min-width: 0; }
.person__txt b { font-size: 12.5px; font-weight: 600; }
.person__txt span { font-size: 10px; color: var(--text-muted); margin-top: 1px; }

/* — ترويسة قسم داخل الشاشة — */
.sc-head { display: flex; align-items: center; justify-content: space-between; margin: 16px 0 8px; }
.sc-head__t { font-family: var(--font-display); font-size: 13px; font-weight: 600; color: var(--text-2); }
.sc-head__m { font-size: 11.5px; font-weight: 600; color: var(--gold-500); }

/* — منصة التتويج — */
.podium2 { display: flex; align-items: flex-end; gap: 7px; direction: rtl; }
.podium2__i { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; position: relative; }
.podium2__crown { position: absolute; top: -22px; font-size: 19px; color: var(--gold-400);
  filter: drop-shadow(0 3px 6px rgba(0,0,0,.6)); }
.podium2__name { font-size: 11.5px; font-weight: 600; max-width: 100%; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
.podium2__bar {
  width: 100%; border-radius: 15px 15px 7px 7px; padding: 10px 0 12px;
  display: flex; flex-direction: column; align-items: center; gap: 3px;
  border: 1px solid var(--line-strong); border-bottom: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02));
}
.podium2__i--1 .podium2__bar {
  height: 104px; border-color: rgba(228,176,74,.45);
  background: linear-gradient(180deg, rgba(228,176,74,.34), rgba(228,176,74,.05));
  box-shadow: 0 -10px 34px rgba(228,176,74,.22);
}
.podium2__i--2 .podium2__bar { height: 80px; }
.podium2__i--3 .podium2__bar { height: 62px; opacity: .92; }
.podium2__rank { font-family: var(--font-display); font-size: 19px; font-weight: 700; color: var(--gold-400); }
.podium2__pts { font-family: var(--font-display); font-size: 12.5px; font-weight: 700; }
.podium2__pts small { font-family: var(--font-body); font-size: 9px; font-weight: 400; color: var(--text-muted); }
/* — هياكل تحميل — */
.sk { display: flex; flex-direction: column; gap: 7px; }
.sk i { height: 9px; border-radius: 6px; background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.14), rgba(255,255,255,.06));
  background-size: 220% 100%; animation: skShine 1.3s linear infinite; }
@keyframes skShine { 0% { background-position: 120% 0 } 100% { background-position: -120% 0 } }

/* — تصحيحات صغيرة — */
.rv__foot .btn { font-size: 14.5px; padding: 0 14px; }
.st__frame .code-boxes { max-width: 100%; }
.st__frame .code-box { height: 46px; font-size: 19px; }
.jg .section { padding-bottom: 4px; }
.me__row .avatar { width: 38px; height: 38px; border-radius: 12px; font-size: 15px; }
.settings .me__row { margin-bottom: 7px; }
.offline { margin-bottom: 8px; }
.play .offline, .st__frame .offline { margin: 0 0 2px; }