/* ══════════════════════════════════════════════════════════════
   الروليت — شاشة «مين ينطرد؟» v2 «الكرسي الساخن» (٢٠٢٦/١٠/٠٤ طلب المالك)
   صاحبُ الدور في الأعلى وحوله حلقةُ الوقت تنقص، والأرقامُ بطلةُ الشاشة:
   كبيرةٌ على كلّ بطاقة لأنّها ما يكتبه المتابع في الشات. آخرُ ٥ ثوانٍ
   تحمرّ الحوافّ وتنبض. الحركةُ كلّها transform/opacity — لا filter ولا
   background-position على عناصر كبيرة (قاعدة الأداء).
   الأصناف rx-* وحدها، فلا يتداخل مع الشكل القديم rp-* (PICK_V2 في roulette.js).
   ══════════════════════════════════════════════════════════════ */
.rt-pick.on.v2{
  --left:1;
  --hot:#ff4d5e;
  padding:clamp(10px,2vh,22px) clamp(14px,3vw,48px) clamp(10px,1.8vh,18px);
  gap:clamp(8px,1.6vh,16px);
  backdrop-filter:none;-webkit-backdrop-filter:none;
  background:
    radial-gradient(80% 60% at 50% -10%, color-mix(in srgb,var(--p3) 30%,transparent), transparent 70%),
    linear-gradient(180deg,#0a0c22 0%,#070818 60%,#0b0614 100%);
  container-type:size;
}
.rt-pick.on.v2::before,.rt-pick.on.v2::after{display:none}

/* ── الجوّ: ضوءان يسبحان ببطء + حافّةٌ حمراء تشتدّ مع نقص الوقت ── */
.rx-fx{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.rx-fx i{position:absolute;display:block;border-radius:50%}
.rx-l1{width:70vmax;height:70vmax;left:-25vmax;top:-30vmax;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--p2) 34%,transparent),transparent);
  animation:rxDrift 18s ease-in-out infinite alternate}
.rx-l2{width:60vmax;height:60vmax;right:-22vmax;bottom:-28vmax;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--hot) 26%,transparent),transparent);
  animation:rxDrift 22s ease-in-out infinite alternate-reverse}
@keyframes rxDrift{to{transform:translate3d(6vmax,4vmax,0) scale(1.08)}}
.rx-fx .rx-vg{inset:0;border-radius:0;
  box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--hot) 0%,transparent),inset 0 0 18vmin rgba(0,0,0,.55);
  opacity:1;transition:box-shadow .5s}
.rt-pick.v2.hurry .rx-fx .rx-vg{box-shadow:inset 0 0 0 4px var(--hot),inset 0 0 22vmin color-mix(in srgb,var(--hot) 45%,transparent);animation:rxPulse .9s ease-in-out infinite}
.rt-pick.v2.crit .rx-fx .rx-vg{animation-duration:.5s}
@keyframes rxPulse{50%{opacity:.55}}

/* ── الكرسي الساخن ── */
.rx-hot{
  position:relative;flex:0 0 auto;align-self:center;display:flex;align-items:center;gap:clamp(12px,2vw,28px);
  min-width:min(760px,92cqw);max-width:96cqw;padding:clamp(8px,1.4vh,14px) clamp(16px,2.4vw,34px);
  border-radius:clamp(18px,2.6vh,30px);overflow:hidden;isolation:isolate;
  background:linear-gradient(135deg,color-mix(in srgb,var(--pb-acc) 22%,#141734),#0e1028);
  border:2px solid color-mix(in srgb,var(--pb-acc) 55%,transparent);
  box-shadow:0 16px 50px rgba(0,0,0,.5),0 0 40px color-mix(in srgb,var(--pb-acc) 25%,transparent);
  animation:rxHotIn .55s cubic-bezier(.2,1.4,.4,1);
}
@keyframes rxHotIn{from{opacity:0;transform:translateY(-20px) scale(.94)}}
.rx-hbg{position:absolute;inset:0;z-index:-1}
.rx-hot.has-banner .rx-hbg{background:linear-gradient(90deg,rgba(10,12,34,.92) 0%,rgba(10,12,34,.55) 55%,rgba(10,12,34,.2)),var(--own-img) center var(--own-y,50%)/cover}
.rx-hot.owner{border-color:var(--star)}

/* حلقةُ الوقت حول الصورة */
.rx-ring{--sz:clamp(78px,13cqh,132px);position:relative;flex:0 0 auto;width:var(--sz);height:var(--sz);display:grid;place-items:center}
.rx-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.rx-ring circle{fill:none;stroke-width:8}
.rx-ring .bg{stroke:rgba(255,255,255,.12)}
.rx-ring .fg{stroke:var(--star);stroke-linecap:round;stroke-dashoffset:calc(var(--C) * (1 - var(--left)));transition:stroke-dashoffset 1s linear,stroke .3s;
  filter:drop-shadow(0 0 6px color-mix(in srgb,var(--star) 70%,transparent))}
.rt-pick.v2.hurry .rx-ring .fg{stroke:var(--hot)}
.rx-ring .av.xl{width:calc(var(--sz) - 22px)!important;height:calc(var(--sz) - 22px)!important;font-size:calc(var(--sz) * .36)!important}
.rx-seat{position:absolute;bottom:-4px;inset-inline-end:-6px;min-width:36px;height:36px;padding:0 8px;border-radius:12px;display:grid;place-items:center;
  font-weight:900;font-size:20px;color:#1b1300;background:var(--star);box-shadow:0 4px 12px rgba(0,0,0,.45)}

.rx-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.rx-who small{font-weight:900;font-size:clamp(13px,2cqh,18px);color:color-mix(in srgb,var(--star) 85%,#fff);letter-spacing:.3px}
.rx-who small em{font-style:normal;color:#fff;opacity:.85}
.rx-who b{font-weight:900;font-size:clamp(30px,7.2cqh,68px);line-height:1.1;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  text-shadow:0 4px 20px rgba(0,0,0,.5)}
.rx-who i{font-style:normal;font-weight:800;font-size:clamp(12px,1.8cqh,16px);color:#aab3e0;direction:ltr;text-align:end}

.rx-sec{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;padding-inline-start:clamp(12px,2vw,26px);border-inline-start:2px solid rgba(255,255,255,.12)}
.rx-sec b{font-weight:900;font-size:clamp(46px,11cqh,104px);line-height:1;color:var(--star);font-variant-numeric:tabular-nums;text-shadow:0 0 24px color-mix(in srgb,var(--star) 45%,transparent)}
.rx-sec small{font-weight:900;font-size:clamp(12px,1.8cqh,16px);color:#c8cdee}
.rx-sec.off small{font-size:clamp(14px,2.2cqh,20px)}
.rt-pick.v2.hurry .rx-sec b{color:var(--hot);text-shadow:0 0 26px color-mix(in srgb,var(--hot) 70%,transparent)}
.rx-sec b.tick{animation:rxTick .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes rxTick{0%{transform:scale(1.35)}100%{transform:scale(1)}}

/* ── التعليمة: سطرٌ كبير يُقرأ من البثّ المصغّر ── */
.rx-task{flex:0 0 auto;align-self:center;display:flex;align-items:center;gap:12px;padding:clamp(6px,1.2vh,12px) clamp(16px,2.2vw,28px);
  border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--hot) 30%,#1a1030),color-mix(in srgb,var(--hot) 14%,#141230));
  border:1.5px solid color-mix(in srgb,var(--hot) 55%,transparent);box-shadow:0 8px 26px rgba(0,0,0,.35)}
.rx-task b{font-weight:900;font-size:clamp(18px,3.6cqh,34px);color:#fff}
.rx-task small{font-weight:900;font-size:clamp(13px,2.2cqh,20px);color:#ffd3d8;padding:3px 12px;border-radius:999px;background:rgba(0,0,0,.25)}
.rx-chat{display:grid;place-items:center;animation:rxBob 1.4s ease-in-out infinite}
@keyframes rxBob{50%{transform:translateY(-3px) scale(1.08)}}
.rx-task.good{background:linear-gradient(90deg,color-mix(in srgb,var(--good,#3ed598) 30%,#0f2228),#10202a);border-color:color-mix(in srgb,var(--good,#3ed598) 55%,transparent)}
.rx-task.good small{color:#c9ffe6}

/* ── شبكةُ اللاعبين: تملأ ما بقي، والرقمُ أكبرُ ما في البطاقة ── */
.rx-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);
  gap:clamp(6px,1.2cqh,14px);align-content:stretch;max-height:100%}
.rx-grid.d1,.rx-grid.d2{width:100%;margin-inline:auto;grid-auto-rows:minmax(0,min(150px,22cqh));align-content:center}
.rx-grid.d1{max-width:1300px}
.rx-c{position:relative;min-width:0;min-height:0;display:flex;align-items:center;gap:clamp(8px,1vw,16px);padding:clamp(6px,1cqh,12px) clamp(10px,1.2vw,18px);
  border-radius:clamp(14px,2cqh,22px);overflow:hidden;isolation:isolate;
  background:linear-gradient(135deg,color-mix(in srgb,var(--pb-acc) 20%,#171a3a),#10122a);
  border:1.5px solid color-mix(in srgb,var(--pb-acc) 45%,transparent);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
  animation:rxCardIn .45s cubic-bezier(.2,1.3,.4,1) both;animation-delay:calc(var(--i) * 35ms)}
@keyframes rxCardIn{from{opacity:0;transform:translateY(16px) scale(.92)}}
.rx-cb{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,14,36,.9) 30%,rgba(12,14,36,.45)),var(--cb) center/cover}
/* الرقم: مربّعٌ مضيء بلون اللاعب — أوّلُ ما تقع عليه العين */
.rx-n{flex:0 0 auto;display:grid;place-items:center;min-width:1.6em;height:1.45em;padding:0 .18em;border-radius:.32em;
  font-weight:900;font-size:clamp(28px,6.4cqh,64px);line-height:1;font-variant-numeric:tabular-nums;color:#0b0d24;
  background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--pb-acc) 45%,#fff));
  box-shadow:0 .1em 0 color-mix(in srgb,var(--pb-acc) 60%,#000),0 0 22px color-mix(in srgb,var(--pb-acc) 40%,transparent)}
.rx-p{flex:1;min-width:0;display:flex;align-items:center;gap:clamp(6px,.8vw,12px)}
.rx-p .av{flex:0 0 auto;width:clamp(34px,6cqh,60px)!important;height:clamp(34px,6cqh,60px)!important;font-size:clamp(16px,2.8cqh,28px)!important}
.rx-p b{min-width:0;font-weight:900;font-size:clamp(16px,3.4cqh,34px);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rx-c u{position:absolute;top:6px;inset-inline-start:8px;text-decoration:none;font-weight:900;font-size:12px;padding:2px 9px;border-radius:999px;color:#1b1300;background:var(--star)}
/* الكثيف: البطاقةُ عموديّة — الرقمُ فوق والاسم تحته */
.rx-grid.d3 .rx-c,.rx-grid.d4 .rx-c{flex-direction:column;justify-content:center;gap:4px;padding:6px}
.rx-grid.d3 .rx-p,.rx-grid.d4 .rx-p{flex:0 0 auto;max-width:100%;justify-content:center}
.rx-grid.d3 .rx-p .av,.rx-grid.d4 .rx-p .av{display:none}
.rx-grid.d3 .rx-n{font-size:clamp(22px,4.6cqh,44px)}
.rx-grid.d4 .rx-n{font-size:clamp(18px,3.6cqh,34px)}
.rx-grid.d3 .rx-p b{font-size:clamp(13px,2.3cqh,22px)}
.rx-grid.d4 .rx-p b{font-size:clamp(12px,1.9cqh,18px)}

/* صاحبُ الدور نفسُه: باهت — لا يطرد نفسه إلا بقصد */
.rx-c.me{opacity:.45;filter:saturate(.5)}
.rx-c.no{opacity:.4;filter:grayscale(1)}
/* المختار: هدفٌ أحمر ورجفة — لحظة قبل شاشة الطرد */
.rx-c.hit{border-color:var(--hot);box-shadow:0 0 0 3px var(--hot),0 0 40px color-mix(in srgb,var(--hot) 60%,transparent);animation:rxHit .5s cubic-bezier(.3,1.6,.5,1),rxShake .4s .5s 2}
@keyframes rxHit{from{transform:scale(1.12)}}
@keyframes rxShake{25%{transform:translateX(-4px) rotate(-1deg)}75%{transform:translateX(4px) rotate(1deg)}}
.rx-c.hit .rx-n{background:linear-gradient(180deg,#fff,#ffb3bb);box-shadow:0 .1em 0 #8a0f1d,0 0 26px var(--hot)}
.rx-aim{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 28%,color-mix(in srgb,var(--hot) 25%,transparent) 29% 31%,transparent 32%),
    linear-gradient(var(--hot),var(--hot)) center/2px 100% no-repeat,
    linear-gradient(var(--hot),var(--hot)) center/100% 2px no-repeat;
  opacity:.35;animation:rxAim .5s ease-out}
@keyframes rxAim{from{transform:scale(2);opacity:0}}
/* إنعاش: أخضر */
.rx-c.rv{border-color:color-mix(in srgb,var(--good,#3ed598) 50%,transparent)}

/* ✕ للستريمر: صغيرةٌ لا تزاحم — تظهر عند المرور */
.rx-c .rp-x{position:absolute;top:4px;inset-inline-end:4px;width:24px;height:24px;border-radius:8px;border:0;cursor:pointer;
  font:900 12px/1 'Tajawal',sans-serif;color:#fff;background:rgba(0,0,0,.45);opacity:0;transition:opacity .15s}
.rx-c:hover .rp-x{opacity:1}
.rx-c .rp-x:hover{background:var(--hot)}

/* ── أدوات الستريمر: صغيرةٌ في الأسفل ── */
.rx-foot{flex:0 0 auto;display:flex;justify-content:center;gap:10px}
.rx-act{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:12px;cursor:pointer;
  font:900 14px 'Tajawal',sans-serif;color:#e8eaff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.rx-act:hover{background:rgba(255,255,255,.14)}
.rx-act.danger{color:#ffd3d8;border-color:color-mix(in srgb,var(--hot) 45%,transparent)}

@media (prefers-reduced-motion:reduce){.rx-l1,.rx-l2,.rx-chat,.rt-pick.v2.hurry .rx-fx .rx-vg{animation:none}}

.rx-grid.rx-again .rx-c:not(.hit){animation:none}


/* ══════════════════════════════════════════════════════════════
   v3 «اختيار الهدف» (٢٠٢٦/١٠/٢٦ — اختاره المالك من ٣ اتّجاهات بـ_concepts/kick3)
   يمين: صاحب الدور (بنره فوق، صورته، اسمه، شريط الوقت، «ضدّ» والهدف).
   يسار: «اختار هدفك» + بطاقات بنر مايلة بأرقام Oswald كبيرة — أكبر مقاس يدخل (fit3 بـroulette.js).
   الأصناف rtg-* وحدها. الحركة transform/opacity بس. شاشة الطرد rko-* ما تنلمس.
   ══════════════════════════════════════════════════════════════ */
.rt-pick.on.v3{
  --left:1;--hot:#ff4d5e;--hot2:#ff8a5c;--gold:#ffc94a;--good:#3fdc8a;
  display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,29vw,560px);grid-template-rows:minmax(0,1fr) auto;
  gap:clamp(10px,1.6vh,20px) clamp(14px,2vw,36px);
  padding:clamp(14px,3vh,34px) clamp(14px,2.6vw,52px) clamp(10px,1.6vh,18px);
  backdrop-filter:none;-webkit-backdrop-filter:none;background:#06081a;color:#fff;font-family:Cairo,system-ui,sans-serif;font-weight:800;
}
.rt-pick.on.v3::before,.rt-pick.on.v3::after{display:none}
.rt-pick.v3 .rtg-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(115deg,#0c1140 0%,#070818 50%,#1a0716 100%);transition:opacity .4s}
.rt-pick.v3 .rtg-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#2a0612 0%,#070818 50%,#300814 100%);opacity:0;transition:opacity .5s}
.rt-pick.v3.hurry .rtg-bg::after{opacity:1}
.rt-pick.v3 .rtg-bg i{position:absolute;width:140%;height:16%;left:-20%;background:linear-gradient(90deg,transparent,rgba(120,150,255,.08),transparent);transform:rotate(-14deg)}
.rt-pick.v3 .rtg-bg i:nth-child(1){top:12%;animation:rtgSl 9s linear infinite}
.rt-pick.v3 .rtg-bg i:nth-child(2){top:48%;animation:rtgSl 12s linear -4s infinite}
.rt-pick.v3 .rtg-bg i:nth-child(3){top:80%;animation:rtgSl 10s linear -7s infinite}
@keyframes rtgSl{from{translate:-30% 0}to{translate:30% 0}}

/* ── صاحب الدور ── */
.rt-pick.v3 .rtg-side{grid-column:2;grid-row:1;position:relative;isolation:isolate;min-height:0;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.3vh,16px);
  padding:clamp(14px,2.6vh,30px) clamp(12px,1.6vw,28px);border-radius:clamp(14px,2.2vh,26px);overflow:hidden;
  background:#0a0d2c;box-shadow:0 0 0 4px var(--gold),0 20px 50px rgba(0,0,0,.6)}
.rt-pick.v3.rv .rtg-side{box-shadow:0 0 0 4px var(--good),0 20px 50px rgba(0,0,0,.6)}
.rt-pick.v3 .rtg-side > .rtg-bn{position:absolute;inset:0 0 auto 0;aspect-ratio:600/220;z-index:-2;background:linear-gradient(120deg,color-mix(in srgb,var(--pb-acc) 60%,#000),#120b2c)}
.rt-pick.v3 .rtg-side.has-banner > .rtg-bn{background:var(--own-img) center var(--own-y,50%)/cover no-repeat}
.rt-pick.v3 .rtg-side::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,8,26,.2) 0%,rgba(6,8,26,.88) 26%,#0a0d2c 100%)}
.rt-pick.v3 .rtg-lbl{align-self:stretch;text-align:center;font-size:clamp(13px,2vh,22px);font-weight:900;color:var(--gold);letter-spacing:.12em;text-shadow:0 2px 8px #000}
.rt-pick.v3.rv .rtg-lbl{color:var(--good)}
.rt-pick.v3 .rtg-lbl em{font-style:normal;letter-spacing:0;color:#fff}
.rt-pick.v3 .rtg-av .av{width:clamp(84px,15vh,190px);height:clamp(84px,15vh,190px);font-size:clamp(34px,6vh,80px);box-shadow:0 0 0 5px var(--gold),0 10px 30px rgba(0,0,0,.6)}
.rt-pick.v3.rv .rtg-av .av{box-shadow:0 0 0 5px var(--good),0 10px 30px rgba(0,0,0,.6)}
.rt-pick.v3 .rtg-nm{max-width:100%;font-size:clamp(22px,4.6vh,54px);font-weight:900;line-height:1.1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rt-pick.v3 .rtg-at{margin-top:calc(-1 * clamp(4px,1vh,12px));font-style:normal;font-size:clamp(12px,1.8vh,20px);color:rgba(255,255,255,.7);direction:ltr}
.rt-pick.v3 .rtg-dbl{padding:4px 14px;border-radius:99px;background:rgba(255,77,94,.18);box-shadow:inset 0 0 0 2px rgba(255,77,94,.6);font-size:clamp(12px,1.8vh,20px);font-weight:900}
.rt-pick.v3 .rtg-timer{position:relative;width:100%;height:clamp(40px,6vh,64px);flex:none;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;display:grid;place-items:center}
.rt-pick.v3 .rtg-timer > i{position:absolute;inset:0 auto 0 0;width:100%;transform-origin:left center;transform:scaleX(var(--left));transition:transform .9s linear;background:linear-gradient(90deg,var(--gold),#ffe28a)}
.rt-pick.v3.hurry .rtg-timer > i{background:linear-gradient(90deg,var(--hot),var(--hot2))}
.rt-pick.v3 .rtg-timer b{position:relative;display:flex;align-items:baseline;gap:6px;font:700 clamp(24px,4vh,46px) Oswald,Cairo,sans-serif;color:#0b0d26}
.rt-pick.v3 .rtg-timer small{font:900 clamp(12px,1.8vh,20px) Cairo,sans-serif}
.rt-pick.v3.hurry .rtg-timer b{color:#fff}
.rt-pick.v3.crit .rtg-timer{animation:rtgBeat .5s ease-in-out infinite}
@keyframes rtgBeat{50%{transform:scale(1.04)}}
.rt-pick.v3 .rtg-timer.off{background:rgba(255,255,255,.06)}
.rt-pick.v3 .rtg-timer.off b{font:900 clamp(14px,2vh,22px) Cairo,sans-serif;color:rgba(255,255,255,.75)}
.rt-pick.v3 .rtg-vs{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1vh,12px)}
.rt-pick.v3 .rtg-vs > span{font:italic 900 clamp(26px,4.6vh,54px) Cairo,sans-serif;color:var(--hot);line-height:1}
.rt-pick.v3.rv .rtg-vs > span{color:var(--good)}
.rt-pick.v3 .rtg-tgt{position:relative;isolation:isolate;width:100%;aspect-ratio:600/220;border-radius:clamp(10px,1.4vh,16px);overflow:hidden;display:flex;align-items:center;gap:clamp(8px,1vw,16px);padding:0 clamp(10px,1.2vw,22px)}
.rt-pick.v3 .rtg-q{width:100%;height:100%;display:grid;place-items:center;border-radius:inherit;border:3px dashed rgba(255,255,255,.3);font-size:clamp(34px,7vh,80px);color:rgba(255,255,255,.35)}
.rt-pick.v3 .rtg-tgt.on{box-shadow:0 0 0 4px var(--hot),0 0 40px var(--hot);animation:rtgTgt .45s cubic-bezier(.2,1.4,.4,1) both}
.rt-pick.v3.rv .rtg-tgt.on{box-shadow:0 0 0 4px var(--good),0 0 40px var(--good)}
@keyframes rtgTgt{from{transform:translateX(-30%);opacity:0}}
.rt-pick.v3 .rtg-tgt .av{width:clamp(48px,7vh,84px);height:clamp(48px,7vh,84px);flex:none;box-shadow:0 0 0 3px #fff}
.rt-pick.v3 .rtg-tgt b{min-width:0;font-size:clamp(18px,3.2vh,38px);font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 8px #000}

/* ── الرأس والشبكة ── */
.rt-pick.v3 .rtg-main{grid-column:1;grid-row:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:clamp(10px,2vh,24px)}
.rt-pick.v3 .rtg-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.rt-pick.v3 .rtg-head > b{font-size:clamp(30px,5.6vh,68px);font-weight:900;font-style:italic;line-height:1.05;text-shadow:0 4px 18px rgba(0,0,0,.6)}
.rt-pick.v3 .rtg-ask{display:flex;align-items:center;gap:10px;padding:clamp(6px,1vh,12px) clamp(14px,1.6vw,26px);border-radius:99px;background:rgba(255,77,94,.16);box-shadow:inset 0 0 0 2px rgba(255,77,94,.55)}
.rt-pick.v3.rv .rtg-ask{background:rgba(63,220,138,.14);box-shadow:inset 0 0 0 2px rgba(63,220,138,.55)}
.rt-pick.v3 .rtg-ask svg{width:clamp(18px,2.6vh,30px);height:auto;color:var(--hot);flex:none}
.rt-pick.v3.rv .rtg-ask svg{color:var(--good)}
.rt-pick.v3 .rtg-ask b{font-size:clamp(15px,2.5vh,30px);font-weight:900}
.rt-pick.v3 .rtg-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--c,3),var(--w,1fr));justify-content:center;align-content:center;gap:var(--gy,14px) var(--gx,14px);padding:4px 1%}
.rt-pick.v3 .rtg-c{position:relative;isolation:isolate;width:var(--w,auto);aspect-ratio:600/220;border-radius:clamp(8px,1.2vh,14px);overflow:hidden;transform:skewX(-8deg);display:flex;align-items:center;container-type:size;
  background:linear-gradient(120deg,color-mix(in srgb,var(--pb-acc) 55%,#10132e),#0e1030);
  box-shadow:0 0 0 2px rgba(255,255,255,.35),0 10px 20px rgba(0,0,0,.5);animation:rtgIn .45s var(--d,0s) both cubic-bezier(.2,.9,.3,1.2)}
.rt-pick.v3 .rtg-grid.again .rtg-c{animation:none}
@keyframes rtgIn{from{opacity:0;transform:skewX(-8deg) translateY(30px)}}
.rt-pick.v3 .rtg-cb{position:absolute;inset:-2px -12%;z-index:-2;transform:skewX(8deg)}
.rt-pick.v3 .has-bnr > .rtg-cb{background:var(--cb) center var(--own-y,50%)/cover no-repeat}
.rt-pick.v3 .rtg-c::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,rgba(0,0,0,.12) 40%,rgba(0,0,0,.78))}
.rt-pick.v3 .rtg-n{position:absolute;inset-inline-end:3%;bottom:-6%;font:700 64cqh/1 Oswald,Cairo,sans-serif;color:#fff;transform:skewX(8deg);text-shadow:0 4px 14px rgba(0,0,0,.9);-webkit-text-stroke:2px rgba(0,0,0,.35)}
.rt-pick.v3 .rtg-who{display:flex;align-items:center;gap:4cqw;padding:0 5cqw;transform:skewX(8deg);min-width:0;max-width:72%}
.rt-pick.v3 .rtg-who .av{width:40cqh;height:40cqh;flex:none;font-size:18cqh;box-shadow:0 0 0 3px #fff,0 6px 14px rgba(0,0,0,.5)}
.rt-pick.v3 .rtg-who > b{min-width:0;font-size:clamp(13px,15cqh,40px);font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 8px #000}
.rt-pick.v3 .rtg-c > u{position:absolute;top:6%;inset-inline-start:4%;transform:skewX(8deg);padding:2px 10px;border-radius:99px;background:var(--gold);color:#111;text-decoration:none;font-size:clamp(10px,11cqh,18px);font-weight:900}
.rt-pick.v3 .rtg-c.me{opacity:.45;filter:grayscale(.5)}
.rt-pick.v3 .rtg-c.no{opacity:.4}
.rt-pick.v3 .rtg-x{position:absolute;inset:0;pointer-events:none}
.rt-pick.v3 .rtg-c.hit{box-shadow:0 0 0 5px var(--hot),0 0 40px var(--hot);z-index:2;opacity:1;filter:none}
.rt-pick.v3 .rtg-grid.rv .rtg-c.hit{box-shadow:0 0 0 5px var(--good),0 0 40px var(--good)}
.rt-pick.v3 .rtg-c.hit .rtg-x{background:radial-gradient(circle at 50% 50%,transparent 26%,rgba(255,77,94,.35) 27%,transparent 31%),linear-gradient(var(--hot),var(--hot)) 50% 50%/2px 70% no-repeat,linear-gradient(var(--hot),var(--hot)) 50% 50%/40% 2px no-repeat;animation:rtgAim .5s cubic-bezier(.2,1.5,.4,1) both}
.rt-pick.v3 .rtg-grid.rv .rtg-c.hit .rtg-x{display:none}
@keyframes rtgAim{from{transform:scale(2.2);opacity:0}}
.rt-pick.v3 .rtg-c.hit .rtg-n{color:var(--hot);-webkit-text-stroke:2px #fff}
.rt-pick.v3 .rtg-grid.rv .rtg-c.hit .rtg-n{color:var(--good)}
.rt-pick.v3 .rtg-c .rp-x{position:absolute;top:6%;inset-inline-end:3%;transform:skewX(8deg);opacity:0;transition:opacity .15s;z-index:3}
.rt-pick.v3 .rtg-c:hover .rp-x{opacity:1}
.rt-pick.v3 .rtg-grid .empty{grid-column:1/-1;display:grid;place-items:center;gap:10px;font-size:clamp(16px,2.6vh,28px)}
/* المخفي: العلم مكان الصورة والدولة مكان الاسم */
.rt-pick.v3 .rtg-fl{display:block;width:56cqh;aspect-ratio:3/2;flex:none;border-radius:6px;overflow:hidden;box-shadow:0 0 0 3px #fff,0 6px 14px rgba(0,0,0,.5)}
.rt-pick.v3 .rtg-fl img{width:100%;height:100%;object-fit:cover;display:block}
.rt-pick.v3 .rtg-tgt .rtg-fl{width:clamp(64px,9vh,110px)}

/* ── أزرار الستريمر ── */
.rt-pick.v3 .rtg-foot{grid-column:1/-1;grid-row:2;display:flex;gap:10px;justify-content:flex-start}

/* ── الطولي والجوال: صاحب الدور فوق، والشبكة تحت ── */
@media (max-aspect-ratio:1/1){
  .rt-pick.on.v3{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}
  .rt-pick.v3 .rtg-side{grid-column:1;grid-row:1;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:12px}
  .rt-pick.v3 .rtg-main{grid-row:2}
  .rt-pick.v3 .rtg-foot{grid-row:3}
  .rt-pick.v3 .rtg-av .av{width:72px;height:72px}
  .rt-pick.v3 .rtg-vs{margin-top:0;width:auto;flex-direction:row}
  .rt-pick.v3 .rtg-tgt{width:min(60vw,280px)}
}
@media (prefers-reduced-motion:reduce){.rt-pick.v3 .rtg-bg i,.rt-pick.v3 .rtg-c,.rt-pick.v3.crit .rtg-timer{animation:none}}
.rt-pick.v3 .rtg-tgt.on{background:linear-gradient(120deg,color-mix(in srgb,var(--pb-acc) 55%,#10132e),#0e1030)}
.rt-pick.v3 .rtg-tgt .rtg-cb{inset:0;transform:none}
.rt-pick.v3 .rtg-tgt.on::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,rgba(0,0,0,.7),transparent)}
/* درع الخانة الذهبيّة (٢٠٢٦/١٠/٢٦) */
.rtg-c .rtg-sh{position:absolute;top:6px;inset-inline-start:6px;z-index:3;display:flex;align-items:center;gap:4px;padding:3px 9px 3px 7px;border-radius:99px;
  background:linear-gradient(180deg,#ffe39a,#ffc94a);color:#2a1800;font:900 13px/1 Cairo,sans-serif;font-style:normal;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.rtg-c .rtg-sh svg{width:13px;height:13px}