/* ══ «حروف» v3 (٢٠٢٦/١٠/٢٦، المالك: «واجهة سؤال مو بدائيّة · اختر الخليّة فوق · بلا اسم على الخليّة · بلا إيموجيات · الفرق أوضح») ══
   فوق huroof.css (اللوحة والألوان نفسها). */
.hr2 .hr-ic{width:1em;height:1em;flex:none}
.hr2 .hr-badge{width:1em;height:1em;flex:none;filter:drop-shadow(0 .15em .25em rgba(0,0,0,.4))}
.hr2 .hr-badge.g{fill:#2fbf71;stroke:#bdf5d3;stroke-width:1.6}
.hr2 .hr-badge.r{fill:#e2474f;stroke:#ffc7ca;stroke-width:1.6}

/* الشريط فوق: الجولة · النداء (اختر الخليّة / الحرف) · الوقت */
.hr2 .hr-top{position:relative;z-index:6;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.4cqw;padding:1.4cqh 1.6cqw 0}
.hr2 .hr-round{display:flex;flex-direction:column;align-items:center;min-width:8cqh;padding:.6cqh 1.2cqh;border-radius:1.6cqh;background:rgba(10,8,26,.82);border:2px solid rgba(255,255,255,.18)}
.hr2 .hr-round small{font-size:max(11px,1.6cqh);font-weight:800;color:#c9d3e6}
.hr2 .hr-round b{font:700 max(20px,4cqh)/1 Oswald,Cairo,sans-serif;color:#fff}
.hr2 .hr-call{justify-self:center;display:flex;align-items:center;gap:1.2cqh;padding:1cqh 2.6cqh;border-radius:99px;background:rgba(10,8,26,.86);border:2px solid rgba(255,255,255,.2);box-shadow:0 1cqh 3cqh rgba(0,0,0,.4);max-width:100%}
.hr2 .hr-call b{display:block;font-size:max(18px,3.4cqh);font-weight:900;line-height:1.15;color:#fff}
.hr2 .hr-call small{display:block;font-size:max(12px,1.8cqh);font-weight:800;color:#c9d3e6}
.hr2 .hr-call > .hr-ic{font-size:max(26px,5cqh);color:#ffd451}
.hr2 .hr-call.pick{border-color:#ffd451;background:linear-gradient(180deg,rgba(60,40,0,.94),rgba(20,12,0,.94));animation:hrCall 1.4s ease-in-out infinite}
.hr2 .hr-call.pick b{color:#ffe48a}
.hr2 .hr-call .hr-ch{font-size:max(24px,4.4cqh)}
.hr2 .hr-call.win.g{border-color:#2fbf71}.hr2 .hr-call.win.r{border-color:#e2474f}
.hr2 .hr-call.win .hr-badge{font-size:max(26px,5cqh)}
@keyframes hrCall{0%,100%{box-shadow:0 0 0 0 rgba(255,212,81,.55),0 1cqh 3cqh rgba(0,0,0,.4)}50%{box-shadow:0 0 0 1.2cqh rgba(255,212,81,0),0 1cqh 3cqh rgba(0,0,0,.4)}}

/* الفرق: لوحة واضحة بلون الفريق */
.hr2 .hr-team{width:18cqw;gap:1.2cqh;padding:1.6cqh 1.2cqw;border-width:0;background:linear-gradient(180deg,rgba(10,8,26,.94),rgba(10,8,26,.84));box-shadow:0 0 0 3px var(--tc),0 1.4cqh 4cqh rgba(0,0,0,.45)}
.hr2 .hr-team.g{--tc:#2fbf71}.hr2 .hr-team.r{--tc:#e2474f}
.hr2 .hr-t-head{display:flex;align-items:center;gap:1cqh;padding:.8cqh 1.2cqh;border-radius:1.4cqh;background:var(--tc)}
.hr2 .hr-t-head .hr-badge{font-size:max(26px,5.2cqh);fill:rgba(255,255,255,.95);stroke:none}
.hr2 .hr-t-head small{display:block;font-size:max(11px,1.6cqh);font-weight:800;color:rgba(255,255,255,.85)}
.hr2 .hr-t-head b{display:block;font-size:max(20px,3.6cqh);font-weight:900;color:#fff;line-height:1.05}
.hr2 .hr-cnt b{font:700 max(36px,8.4cqh)/1 Oswald,Cairo,sans-serif;color:var(--tc)}
.hr2 .hr-team .hr-dir{display:flex;align-items:center;justify-content:center;gap:.6em;color:#fff;font-size:max(13px,2cqh)}
.hr2 .hr-team .hr-dir .hr-ic{font-size:1.4em;color:var(--tc)}
.hr2 .hr-faces{display:flex;flex-wrap:wrap;justify-content:center;gap:.6cqh;min-height:0;overflow:hidden}
.hr2 .hr-faces i{display:block;border-radius:50%;box-shadow:0 0 0 2px var(--tc)}
.hr2 .hr-faces em{font-style:normal;font-weight:900;font-size:max(12px,1.8cqh);color:#fff;align-self:center}
.hr2 .hr-team .hr-n{font-size:max(13px,2cqh);font-weight:900;color:#fff}
.hr2 .hr-team .hr-sw{font-size:max(11px,1.7cqh);color:#c9d3e6}

/* الخليّة: الحرف بس */
.hr2 .hr-cell b{font-size:calc(var(--hw) * .52)}

/* بطاقة السؤال فوق اللوحة */
.hr2 .hr-qwrap{position:absolute;inset:0;z-index:5;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .25s}
.hr2 .hr-qwrap.on{opacity:1}
.hr2 .hr-qwrap.on::before{content:"";position:absolute;inset:0 19cqw;background:radial-gradient(closest-side,rgba(8,6,20,.66),rgba(8,6,20,0));pointer-events:none}
.hr2 .hr-q{position:relative;display:flex;align-items:center;gap:2.4cqh;width:min(58cqw,980px);padding:2.6cqh 3cqh;border-radius:3cqh;background:linear-gradient(180deg,#ffffff,#f1edf7);color:#1d1240;
  box-shadow:0 0 0 .6cqh #6a3ea1,0 3cqh 7cqh rgba(0,0,0,.55);animation:hrQin .45s cubic-bezier(.3,1.4,.5,1)}
@keyframes hrQin{from{transform:translateY(4cqh) scale(.9);opacity:0}to{transform:none;opacity:1}}
.hr2 .hr-q-l{position:relative;flex:none;width:15cqh;height:15cqh;display:grid;place-items:center}
.hr2 .hr-q-l svg{position:absolute;inset:0;width:100%;height:100%;fill:#ffd451;stroke:#a8670c;stroke-width:1.2;filter:drop-shadow(0 .6cqh 1cqh rgba(0,0,0,.25))}
.hr2 .hr-q-l b{position:relative;font-size:8.4cqh;font-weight:900;color:#2b1d00;line-height:1}
.hr2 .hr-q-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:1cqh}
.hr2 .hr-q-b small{font-size:max(13px,2.1cqh);font-weight:900;color:#6a3ea1}
.hr2 .hr-q-b small em{font-style:normal;color:#c27a0a}
.hr2 .hr-q-b p{margin:0;font-size:max(22px,4.6cqh);font-weight:900;line-height:1.3}
.hr2 .hr-q-bar{height:1cqh;border-radius:99px;background:#e2dcee;overflow:hidden}
.hr2 .hr-q-bar i{display:block;height:100%;background:linear-gradient(90deg,#6a3ea1,#b27bff);transform-origin:right;transition:transform 1s linear}
.hr2 .hr-q-res{display:flex;align-items:center;gap:1.2cqh;padding:1cqh 1.6cqh;border-radius:1.6cqh;background:var(--tc);color:#fff;animation:hrQin .35s ease}
.hr2 .hr-q-res .hr-ic{font-size:max(22px,3.8cqh)}
.hr2 .hr-q-res b{font-size:max(20px,3.6cqh);font-weight:900}
.hr2 .hr-q-res span{font-size:max(14px,2.3cqh);font-weight:900;margin-inline-start:auto}
.hr2 .hr-q-res.miss{background:#4a3d66}
.hr2 .hr-q-res.miss span{margin:0}
.hr2 .hr-q-res.miss b{margin-inline-start:auto;font-size:max(16px,2.8cqh)}
.hr2 .hr-q.won .hr-q-bar,.hr2 .hr-q.miss .hr-q-bar{display:none}
.hr2 .hr-q.won.g{box-shadow:0 0 0 .6cqh #2fbf71,0 3cqh 7cqh rgba(0,0,0,.55)}
.hr2 .hr-q.won.r{box-shadow:0 0 0 .6cqh #e2474f,0 3cqh 7cqh rgba(0,0,0,.55)}

/* شاشة فوز الفريق — صفحة كاملة (xg) بلون الفريق الفايز (٢٠٢٦/١٠/٢٧) */
.xg.hr-win{position:relative;overflow:hidden;align-items:center;justify-content:center;gap:2.6cqh;padding:4cqh 4cqw;
  background:radial-gradient(70% 60% at 50% 18%,color-mix(in srgb,var(--tc) 42%,transparent),transparent 72%),radial-gradient(120% 90% at 50% 120%,color-mix(in srgb,var(--tc) 18%,transparent),transparent 60%),#0b0a1e}
.hr-win > *{position:relative;z-index:1}
.hr-win-rays{position:absolute!important;z-index:0!important;left:50%;top:22%;width:220cqh;height:220cqh;margin:-110cqh 0 0 -110cqh;border-radius:50%;opacity:.35;pointer-events:none;
  background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--tc) 40%,transparent) 0 5deg,transparent 5deg 18deg);animation:hrWinSpin 40s linear infinite;
  -webkit-mask-image:radial-gradient(circle,#000 0,transparent 62%);mask-image:radial-gradient(circle,#000 0,transparent 62%)}
@keyframes hrWinSpin{to{transform:rotate(360deg)}}
.hr-win-head{flex:0 0 auto;display:flex;align-items:center;gap:3cqh;padding:2cqh 4cqh;border-radius:3.4cqh;background:rgba(6,6,20,.62);
  box-shadow:0 0 0 .5cqh var(--tc),0 0 8cqh color-mix(in srgb,var(--tc) 55%,transparent),0 3cqh 7cqh rgba(0,0,0,.5);animation:hrWinIn .8s cubic-bezier(.2,1.4,.4,1) both}
@keyframes hrWinIn{from{opacity:0;transform:scale(.6)}}
.hr-win-cup{display:grid;place-items:center;width:13cqh;height:13cqh;border-radius:50%;background:radial-gradient(#ffe48a,#ffb91f);color:#3a2400;box-shadow:0 0 5cqh #ffc23a99}
.hr-win-cup .hr-ic{width:7.5cqh;height:7.5cqh}
.hr-win-t small{display:block;font-size:max(14px,2.6cqh);font-weight:800;color:#d5dcef}
.hr-win-t b{display:block;font-size:max(30px,8.4cqh);font-weight:900;line-height:1.05;color:var(--tc);text-shadow:0 0 4cqh color-mix(in srgb,var(--tc) 60%,transparent)}
.hr-win-sc{display:grid;grid-template-columns:auto auto auto;align-items:center;column-gap:1.4cqh;padding-inline-start:3cqh;border-inline-start:2px solid rgba(255,255,255,.18)}
.hr-win-sc b{font:700 max(34px,9cqh)/1 Oswald,Cairo,sans-serif;color:#fff}
.hr-win-sc b.lo{font-size:max(22px,5cqh);color:var(--lc);opacity:.85}
.hr-win-sc span{font-size:max(13px,2.2cqh);font-weight:800;color:#c9d3e6}
.hr-win-sc small{grid-column:1/-1;text-align:center;font-size:max(12px,2cqh);font-weight:800;color:#c9d3e6}
.hr-win-grid{flex:0 1 auto;min-height:0;width:100%;max-width:150cqh;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:1.6cqh;overflow:hidden}
.hr-win-grid .jl-p{animation:hrWinIn .6s cubic-bezier(.2,1.3,.4,1) both;box-shadow:0 0 0 .35cqh var(--tc),0 1.6cqh 4cqh rgba(0,0,0,.5)}
.hr-win-grid.d2 .jl-p{width:44cqh}.hr-win-grid.d3 .jl-p{width:34cqh}.hr-win-grid.d4 .jl-p{width:26cqh}.hr-win-grid.d5 .jl-p{width:19cqh}
.hr-win-pts{margin:0;flex:0 0 auto;padding:1cqh 3cqh;border-radius:99px;background:rgba(0,0,0,.4);font-size:max(16px,3cqh);font-weight:900;color:#ffe48a}
.hr-win-lose{flex:0 0 auto;display:flex;align-items:center;gap:1.6cqh;flex-wrap:wrap;justify-content:center;max-width:100%;padding:1cqh 2.4cqh;border-radius:2cqh;background:rgba(0,0,0,.3);opacity:.8}
.hr-win-lose small{font-size:max(13px,2.2cqh);font-weight:900;color:var(--lc)}
.hr-win-lose span{display:flex;flex-wrap:wrap;gap:1cqh 1.6cqh;justify-content:center}
.hr-win-lose i{font-style:normal;display:flex;align-items:center;gap:.4em;font-size:max(12px,2cqh);font-weight:800;color:#dfe4f3}
@media (prefers-reduced-motion:reduce){.hr-win-rays{animation:none}}

/* ══ انضمام حروف بالفريقين (٢٠٢٦/١٠/٢٧) — نفس شاشة فرق سين جيم بألوان حروف ══ */
.hr-tl .hr-w{font-style:normal;padding:0 .2em;border-radius:.3em}
.hr-tl .hr-w.g{color:#6be3a0;text-shadow:0 0 18px rgba(47,191,113,.7)}
.hr-tl .hr-w.r{color:#ff8a90;text-shadow:0 0 18px rgba(255,93,100,.7)}
.hr-tl .jl-core small,.hr-tl .lb-word small{font-size:.5em;opacity:.8;font-weight:800}
.hr-tj{display:flex;gap:14px;width:min(1100px,96%);margin:8px auto;align-items:stretch}
.hr-tjt{--tc:#2fbf71;flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:18px;
  background:linear-gradient(160deg,color-mix(in srgb,var(--tc) 26%,var(--panel,#161a3a)),var(--panel,#161a3a));border:3px solid color-mix(in srgb,var(--tc) 70%,transparent);
  box-shadow:0 0 26px color-mix(in srgb,var(--tc) 35%,transparent)}
.hr-tjt.r{--tc:#e2474f}
.hr-tjt header{display:flex;align-items:center;gap:10px}.hr-tjt header b{flex:1}.hr-tjt header .hr-badge{width:34px;height:34px;flex:0 0 auto}
.hr-tjt header b{font-size:26px;font-weight:900;color:#fff}
.hr-tjt header em{font-style:normal;font-weight:900;font-size:26px;min-width:44px;text-align:center;padding:2px 10px;border-radius:12px;background:var(--tc);color:#fff}
.hr-tjt>p{margin:0;font-size:16px;font-weight:800;color:var(--dim,#c9cde6)}
.hr-tjt>p b{color:#fff;font-size:20px}
.hr-tjl{display:flex;flex-wrap:wrap;gap:6px;min-height:44px;align-content:flex-start}
.hr-tjp{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:99px;background:rgba(0,0,0,.28);border:2px solid color-mix(in srgb,var(--tc) 55%,transparent);animation:hrTjIn .35s cubic-bezier(.2,1.5,.4,1)}
.hr-tjp b{font-size:17px;font-weight:900;color:#fff;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hr-tjp.more{padding:6px 12px;font-weight:900;color:#fff}
.hr-tje{font-style:normal;font-weight:800;opacity:.6;color:#fff;padding:8px}
@keyframes hrTjIn{from{transform:scale(.5);opacity:0}}

.hr-tl .jl-wall{position:relative}
.hr-tl .jl-wall .hr-tj{position:absolute;inset:calc(var(--howh,0px) + 14px) 14px 14px;width:auto;margin:0;gap:16px}
.hr-tl .jl-wall .hr-tjt{padding:14px 16px;gap:10px;overflow:hidden}
.hr-tl .jl-wall .hr-tjt header b{font-size:34px}
.hr-tl .jl-wall .hr-tjt header em{font-size:32px;min-width:56px}
.hr-tl .jl-wall .hr-tjt>p{font-size:20px}.hr-tl .jl-wall .hr-tjt>p b{font-size:26px}
.hr-tl .jl-wall .hr-tjl{gap:8px;overflow:hidden}
.hr-tl .jl-wall .hr-tjp b{font-size:21px;max-width:190px}
.hr-tl .jl-core b{font-size:clamp(20px,3.6vh,36px)!important;display:flex;flex-direction:column;align-items:center;line-height:1.08}
.hr-tl .jl-core b small{font-size:.5em}

/* بطاقات الانضمام بالبنر داخل لوحة كلّ فريق (٢٠٢٦/١٠/١١) */
.hr-tl .hr-tjl.jl-grid{flex:1;min-height:0;overflow:hidden;display:grid;align-content:start;grid-template-columns:repeat(auto-fill,minmax(var(--cw),1fr));gap:8px;padding:2px}
.hr-tl .hr-tjl.jl-grid.d2{--cw:100%}
.hr-tl .hr-tjl.jl-grid.d3{--cw:calc(50% - 4px)}
.hr-tl .hr-tjl.jl-grid.d4{--cw:calc(33.3% - 6px)}
.hr-tl .hr-tjl .jl-p{border:2px solid color-mix(in srgb,var(--tc) 60%,transparent)}
.jl-6.j6-teams .j6-body > .hr-tj{grid-column:1/-1;min-height:0;height:100%;width:100%;max-width:none;margin:0}
.hr-tjt .hr-badge path{fill:var(--tc);stroke:#fff;stroke-width:1.5}