/* ═══ تقاسم أو تفرّد — «الخزنة» (البادئة vt3-) — فوق المشهد 3D بـ.bc-vt ═══
   هويّتها: خزنة بنك — فولاذ كحلي ونحاس ذهبي، أخضر تقاسم وأحمر تفرّد، أرقام شاشة. */
.bc-vt{--vt-g:#2fd06a;--vt-r:#e8283a;--vt-au:#ffc23a;--vt-pn:#0b1018e6;--vt-ln:#ffffff1a}
.vt3{position:absolute;inset:0;color:#eef1f6;font-weight:800;font-family:Cairo,Tajawal,Tahoma,sans-serif}
.vt3 .num{font-family:Oswald,Cairo,sans-serif;font-weight:700;font-style:normal;direction:ltr;unicode-bidi:isolate}
.vt3-top{position:absolute;top:calc(22px*var(--u));right:calc(26px*var(--u));display:flex;height:calc(58px*var(--u));border-radius:calc(8px*var(--u));overflow:hidden;box-shadow:0 10px 30px #000b;border:1px solid #d9a63a66}
.vt3-top>*{display:flex;align-items:center;gap:.35em;padding:0 calc(18px*var(--u));white-space:nowrap}
.vt3-top b{background:linear-gradient(180deg,#f3c45a,#b98420);color:#1a1206;font-size:calc(25px*var(--u));font-weight:900}
.vt3-top span{background:var(--vt-pn);font-size:calc(18px*var(--u));color:#aab3c2}.vt3-top span i{font-size:calc(27px*var(--u));color:var(--vt-au)}
.vt3-clock{position:absolute;top:calc(22px*var(--u));left:calc(26px*var(--u));width:calc(120px*var(--u));height:calc(120px*var(--u));border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
 background:radial-gradient(circle,#101722 60%,#05080d);border:calc(4px*var(--u)) solid #d9a63a;box-shadow:0 0 0 calc(6px*var(--u)) #0007,0 10px 30px #000b}
.vt3-clock b{font-size:calc(52px*var(--u));line-height:1;color:var(--vt-au)}.vt3-clock small{font-size:calc(14px*var(--u));color:#8b95a6}
.vt3-clock.warn{border-color:var(--vt-r)}.vt3-clock.warn b{color:#ff5a66;animation:vt3P .5s infinite alternate}
@keyframes vt3P{to{opacity:.5}}

/* بطاقات اللاعبين فوق منصّاتهم: A يمين وB يسار */
.vt3-p{position:absolute;top:calc(200px*var(--u));width:calc(430px*var(--u));display:flex;flex-direction:column;gap:calc(10px*var(--u));padding:calc(16px*var(--u));
 background:var(--vt-pn);border:1px solid var(--vt-ln);border-radius:calc(16px*var(--u));box-shadow:0 18px 50px #000b;backdrop-filter:blur(6px);transition:box-shadow .3s,border-color .3s}
.vt3-p.a{right:calc(26px*var(--u))}.vt3-p.b{left:calc(26px*var(--u))}
.vt3-pc{display:flex;align-items:center;gap:calc(14px*var(--u))}
.vt3-pc .av{width:calc(96px*var(--u))!important;height:calc(96px*var(--u))!important;flex-shrink:0}
.vt3-pc>div{display:flex;flex-direction:column;gap:calc(6px*var(--u));min-width:0}
.vt3-pc b{font-size:calc(34px*var(--u));font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vt3-rep{font-style:normal;font-size:calc(16px*var(--u));color:#9aa4b4;align-self:flex-start;padding:.15em .7em;border-radius:99px;background:#ffffff0d}
.vt3-rep.good{color:#7ff0a8;background:#2fd06a22}.vt3-rep.evil{color:#ff8a94;background:#e8283a22}
.vt3-pill{text-align:center;padding:calc(10px*var(--u));border-radius:calc(10px*var(--u));font-size:calc(26px*var(--u));font-weight:900;background:#ffffff0b;border:1px dashed #ffffff30;color:#9aa4b4}
.vt3-p.ready .vt3-pill{background:#ffc23a1f;border:1px solid var(--vt-au);color:var(--vt-au)}
.vt3-p.share{border-color:var(--vt-g);box-shadow:0 0 0 calc(3px*var(--u)) var(--vt-g),0 0 calc(40px*var(--u)) #2fd06a66}
.vt3-p.share .vt3-pill{background:var(--vt-g);border:0;color:#04220f}
.vt3-p.steal{border-color:var(--vt-r);box-shadow:0 0 0 calc(3px*var(--u)) var(--vt-r),0 0 calc(40px*var(--u)) #e8283a66}
.vt3-p.steal .vt3-pill{background:var(--vt-r);border:0;color:#fff}
.vt3-gain{align-self:center;font-size:calc(62px*var(--u));line-height:1;animation:vt3In .5s cubic-bezier(.2,1.6,.4,1)}
.vt3-gain.pos{color:#7ff0a8;text-shadow:0 0 24px #2fd06a}.vt3-gain.neg{color:#ff6a74;text-shadow:0 0 24px #e8283a}.vt3-gain.zero{color:#8b95a6}
@keyframes vt3In{from{transform:scale(.3);opacity:0}}
.vt3-bank{font-size:calc(17px*var(--u));color:#9aa4b4;text-align:center}.vt3-bank b{font-size:calc(24px*var(--u));color:#eef1f6}

/* القواعد تحت بالنصّ */
.vt3-rules{position:absolute;bottom:calc(var(--bc-pb,0px) + 128px*var(--u));left:50%;transform:translateX(-50%);display:flex;gap:calc(10px*var(--u));align-items:stretch;flex-wrap:wrap;justify-content:center;width:calc(1200px*var(--u))}
.vt3-rules>div{display:flex;align-items:center;gap:.45em;padding:calc(10px*var(--u)) calc(16px*var(--u));border-radius:calc(10px*var(--u));background:var(--vt-pn);border:1px solid var(--vt-ln);font-size:calc(20px*var(--u))}
.vt3-rules>div b{font-size:calc(26px*var(--u));color:var(--vt-au)}
.vt3-rules i{width:.8em;height:.8em;border-radius:50%;display:block}
.vt3-rules .g i{background:var(--vt-g)}.vt3-rules .r i{background:var(--vt-r)}.vt3-rules .x i{background:linear-gradient(90deg,var(--vt-r) 50%,#7a0d18 50%)}
.vt3-rules .k{background:#d9a63a22;border-color:#d9a63a77;font-size:calc(22px*var(--u))}
.vt3-rules em{font-style:normal;padding:0 .35em;border-radius:6px}.vt3-rules em.g{background:var(--vt-g);color:#04220f}.vt3-rules em.r{background:var(--vt-r);color:#fff}
.vt3-tag{position:absolute;top:calc(226px*var(--u));left:50%;transform:translateX(-50%);max-width:calc(900px*var(--u));text-align:center;font-size:calc(26px*var(--u));font-weight:900;
 padding:calc(10px*var(--u)) calc(24px*var(--u));border-radius:calc(12px*var(--u));background:#05080dcc;border:1px solid #d9a63a55;text-shadow:0 2px 8px #000}
.vt3-tag b{color:var(--vt-au)}

/* الترتيب: شريط تحت */
.vt3-board{position:absolute;left:calc(26px*var(--u));right:calc(26px*var(--u));bottom:calc(var(--bc-pb,0px) + 22px*var(--u));height:calc(84px*var(--u));display:flex;align-items:center;gap:calc(14px*var(--u));
 padding:0 calc(18px*var(--u));background:var(--vt-pn);border:1px solid var(--vt-ln);border-radius:calc(14px*var(--u));overflow:hidden}
.vt3-board>small{font-size:calc(19px*var(--u));color:var(--vt-au);white-space:nowrap}
.vt3-board>div{display:flex;gap:calc(10px*var(--u));overflow:hidden;flex:1}
.vt3-board>div>div{display:flex;align-items:center;gap:calc(8px*var(--u));padding:calc(6px*var(--u)) calc(12px*var(--u));border-radius:calc(10px*var(--u));background:#ffffff08;white-space:nowrap}
.vt3-board>div>div.now{background:#d9a63a26;box-shadow:inset 0 0 0 1px #d9a63a88}
.vt3-board em{font-size:calc(18px*var(--u));color:#8b95a6}.vt3-board .av{width:calc(36px*var(--u));height:calc(36px*var(--u))}
.vt3-board span{font-size:calc(18px*var(--u));max-width:calc(130px*var(--u));overflow:hidden;text-overflow:ellipsis}
.vt3-board b{font-size:calc(22px*var(--u));color:#eef1f6}.vt3-board b.neg{color:#ff6a74}

@media (max-aspect-ratio:1/1){
 .vt3-top{top:calc(70px*var(--u))}
 .vt3-clock{top:calc(70px*var(--u));width:calc(100px*var(--u));height:calc(100px*var(--u))}.vt3-clock b{font-size:calc(42px*var(--u))}
 .vt3-rules{bottom:auto;top:calc(190px*var(--u));width:calc(100% - 40px*var(--u))}
 .vt3-rules>div{font-size:calc(18px*var(--u));padding:calc(7px*var(--u)) calc(12px*var(--u))}.vt3-rules>div b{font-size:calc(22px*var(--u))}
 .vt3-tag{top:calc(312px*var(--u));font-size:calc(22px*var(--u));max-width:calc(100% - 40px*var(--u));padding:calc(8px*var(--u)) calc(16px*var(--u))}
 .vt3-p{top:auto;bottom:calc(var(--bc-pb,0px) + 104px*var(--u));width:calc(48% - 30px*var(--u));padding:calc(10px*var(--u));gap:calc(6px*var(--u))}
 .vt3-pc .av{width:calc(64px*var(--u))!important;height:calc(64px*var(--u))!important}
 .vt3-pc b{font-size:calc(24px*var(--u))}.vt3-pill{font-size:calc(20px*var(--u));padding:calc(6px*var(--u))}
 .vt3-gain{font-size:calc(44px*var(--u))}
}