/* ═════════════════════════════════════════════════════════════
   ليالي الديوانية 🌙 — ورقة الأنماط الرسمية (نسخة نظيفة من الصفر)
   الهوية المعتمدة: أسود دافئ + ذهب مطفي للهيكل + أزرق هادئ للمسات
   ═════════════════════════════════════════════════════════════ */

/* ── 1) الأسس واللوحة اللونية ─────────────────────────────── */
:root{
  --bg:#f5efe2;
  --panel:#fffdf7;
  --panel2:#f6f0e0;
  --inner:#faf5e9;
  --line:#d9cdb2;
  --line2:#c3b48e;
  --line3:#a8946a;
  --tx:#2b2416;
  --tx2:#5c4f36;
  --tx3:#8a7a58;
  --tx4:#4a4030;
  --blue:#2f6db5;
  --blue2:#255c9c;
  --blue-ink:#ffffff;
  --blue-tint:rgba(47,109,181,.10);
  --grn:#1da35e;
  --grn2:#127a45;
  --grn-ink:#ffffff;
  --grn-tint:rgba(29,163,94,.10);
  --red:#d93a40;
  --red2:#b8272d;
  --red-tint:rgba(217,58,64,.08);
  --r-lg:20px; --r-md:14px; --r-sm:12px;
  --shadow:0 1px 3px rgba(70,55,20,.10),0 4px 14px rgba(70,55,20,.06);
}
html{font-size:112%}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{
  background:var(--bg);
  color:var(--tx);
  font-family:'Tajawal',sans-serif;
  min-height:100vh;
}
.stars{display:none}
button{font-family:'Changa',sans-serif;cursor:pointer;transition:.15s;border:none}
button:active{transform:translateY(2px)}
b{font-weight:800}

/* ── 2) الشاشات والهيكل العام ─────────────────────────────── */
.screen{display:none;padding:18px 14px 44px;max-width:900px;margin:0 auto}
.screen.active{display:block;animation:fadeIn .3s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.wrap{max-width:900px;margin:0 auto}

.logo{text-align:center;margin-bottom:16px}
.logo h1{
  font-family:'Amiri',serif;font-weight:700;
  font-size:clamp(2rem,6vw,3.2rem);color:var(--tx);letter-spacing:.5px;
}
.logo p{color:var(--tx3);font-size:.95rem;margin-top:4px;line-height:1.9}

.btn{
  display:inline-block;width:100%;min-height:52px;border-radius:var(--r-sm);
  background:var(--blue);color:var(--blue-ink);
  font-weight:800;font-size:1.05rem;padding:13px 18px;
}
.btn.ghost{
  background:transparent;color:var(--tx3);
  border:1px dashed var(--line2);font-size:.95rem;min-height:46px;
}
.btn.ghost:hover{color:var(--tx2);border-color:var(--line3)}

label,.lbl{display:block;color:var(--tx3);font-size:.85rem;margin:12px 0 6px;font-family:'Changa';font-weight:700;text-align:right}
input{
  width:100%;background:var(--inner);border:1px solid var(--line2);
  border-radius:var(--r-sm);color:var(--tx);padding:12px 14px;
  font-family:'Tajawal';font-size:1rem;outline:none;transition:.15s;text-align:right;
}
input:focus{border-color:var(--blue)}
input::placeholder{color:#b3a37c}

.chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.chip{
  background:var(--panel2);border:1px solid var(--line2);color:var(--tx2);
  border-radius:999px;padding:9px 20px;font-family:'Changa';font-weight:700;font-size:.95rem;
}
.chip.sel{background:var(--blue);color:var(--blue-ink);border-color:var(--blue)}

.card{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:22px 18px;max-width:520px;margin:0 auto;box-shadow:var(--shadow);
}
.card .chips{margin-top:6px}
.card .btn{margin-top:20px}
.card .btn.ghost{margin-top:10px}
.card label:first-of-type{margin-top:0}

/* صف إدخال الفريقين بشاشة البداية */
.team-row{display:flex;gap:10px;align-items:center;margin-bottom:4px}
.team-dot{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:1.1rem;background:var(--inner);border:1px solid var(--line2)}
.team-row input{margin:0}

/* ── 3) لوحة النتيجة والفريقان ────────────────────────────── */
.scoreboard{display:flex;gap:12px;max-width:640px;margin:0 auto 14px}
.team-box{
  flex:1;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);
  border-top:3px solid transparent;border-radius:16px;
  padding:12px 8px;text-align:center;position:relative;transition:.25s;
}
.box-a{border-top-color:var(--red)}
.box-b{border-top-color:var(--grn)}
.box-a.turn{border-color:var(--red)}
.box-b.turn{border-color:var(--grn)}
.team-name{color:var(--tx2);font-family:'Changa';font-weight:700;font-size:1.1rem}
.score{font-family:'Changa';font-weight:800;font-size:2.35rem;line-height:1.3}
.box-a .score{color:#c93036}
.box-b .score{color:#158a4e}
.score.pop{animation:pop .4s ease}
@keyframes pop{40%{transform:scale(1.35)}}
.turn-flag{
  position:absolute;top:-12px;right:50%;transform:translateX(50%);
  background:var(--blue);color:var(--blue-ink);border-radius:999px;
  padding:3px 14px;font-family:'Changa';font-weight:800;font-size:.75rem;
}
.round-info{
  text-align:center;color:var(--blue2);font-family:'Changa';font-weight:700;
  font-size:1rem;margin-bottom:8px;letter-spacing:.5px;
}

.sess-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0 0 22px}
.sess-chip{
  background:var(--panel);border:1px solid var(--line);color:var(--tx3);
  border-radius:999px;padding:5px 13px;font-family:'Changa';font-weight:700;font-size:.8rem;
}
.sess-chip b{color:var(--blue2)}
.sess-btn{cursor:pointer;user-select:none}
.sess-btn:hover{border-color:var(--blue);color:var(--blue2)}
.sess-chip.judge-on{border-color:var(--grn);color:#127a45}

/* ── 4) بوابة انتظار الحَكَم ──────────────────────────────── */
.judge-gate{
  background:var(--panel);border:2px dashed var(--blue);border-radius:var(--r-lg);
  padding:30px 16px;text-align:center;max-width:680px;margin:8px auto 22px;
}
.jg-icon{font-size:2.6rem;margin-bottom:10px}
.jg-t{font-family:'Changa';font-weight:800;font-size:1.2rem;color:var(--blue2);margin-bottom:8px}
.jg-s{color:var(--tx3);font-size:.92rem;line-height:2;margin-bottom:12px}
.judge-gate .btn.ghost{max-width:340px;margin-top:6px}

/* ── 5) لوحة الكروت ───────────────────────────────────────── */
.draw-area h2{
  text-align:center;font-family:'Changa';font-weight:800;
  font-size:clamp(1.3rem,4vw,1.7rem);color:var(--tx);margin-bottom:16px;
}
.deck{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(146px,1fr));gap:12px;
  max-width:680px;margin:0 auto 22px;
}
.pick{
  min-height:112px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);
  border-radius:16px;color:var(--tx4);padding:12px 6px;
  font-weight:700;font-size:1rem;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  transition:.2s;
}
.pick:hover{transform:translateY(-3px);border-color:var(--blue)}
.pick .emo{font-size:1.7rem}
.pick small{font-size:.78rem;color:var(--tx3);font-weight:400;line-height:1.6}
.pick:disabled{opacity:.18;cursor:default;transform:none}

/* ── 6) كرت اللعب: الهيكل المشترك ─────────────────────────── */
.play-card{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:18px 16px;max-width:680px;margin:0 auto;box-shadow:var(--shadow);
}
.card-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-bottom:14px;
}
.badge{
  background:var(--blue);color:var(--blue-ink);border-radius:999px;
  padding:8px 18px;font-family:'Changa';font-weight:800;font-size:1.02rem;
}
.timer{position:relative;width:74px;height:74px;flex-shrink:0}
.timer svg{width:74px;height:74px;transform:rotate(-90deg)}
.timer circle{fill:none;stroke-width:8}
.timer circle:first-child{stroke:#e8dfc8}
#tRing{stroke:var(--blue);transition:stroke-dashoffset 1s linear}
.timer.danger #tRing{stroke:var(--red)}
.t-num{
  position:absolute;inset:0;display:grid;place-items:center;
  font-family:'Changa';font-weight:800;font-size:1.15rem;color:var(--tx);
}
.timer.danger .t-num{color:#b8272d}

.qtext{font-size:clamp(1.2rem,4vw,1.55rem);font-weight:700;line-height:2;color:var(--tx)}
.q-opts{
  margin-top:12px;background:var(--panel2);border:1px dashed var(--line2);
  border-radius:var(--r-md);padding:13px 15px;font-weight:700;
  font-size:1.1rem;color:var(--tx2);line-height:2;
}

.judge{display:none;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.win-btn{min-height:56px;border-radius:var(--r-sm);background:var(--grn);color:var(--grn-ink);font-weight:800;font-size:1.1rem;padding:12px 8px}
.lose-btn{min-height:56px;border-radius:var(--r-sm);background:transparent;color:#b8272d;border:1px solid var(--red);font-weight:800;font-size:1.1rem;padding:12px 8px}

.answer-zone{margin-top:12px}
.reveal{
  width:100%;min-height:44px;border:1px solid var(--blue);border-radius:var(--r-sm);
  background:transparent;color:var(--blue2);font-weight:800;font-size:.92rem;
}
.answer{display:none}
.answer.show{
  display:block;margin-top:10px;
  background:var(--grn-tint);border:1px solid var(--grn);border-radius:var(--r-md);
  padding:14px;font-family:'Changa';font-weight:800;font-size:1.05rem;
  color:#0e6b3c;line-height:2;text-align:center;animation:fadeIn .25s;
}
.answer .stick-box{margin-top:10px}

/* ── 7) الكروت المعتمدة كرتًا كرتًا ───────────────────────── */

/* 😀 الرأس المنقسم */
.hint-pill{
  display:inline-block;background:var(--blue-tint);border:1px solid var(--blue);
  color:var(--blue2);border-radius:999px;padding:5px 16px;
  font-family:'Changa';font-weight:700;font-size:.85rem;margin-bottom:10px;
}
.emoji-line{
  font-size:clamp(2.1rem,8vw,2.7rem);letter-spacing:10px;line-height:1.6;
  text-align:center;padding:20px 10px;background:var(--inner);
  border:1px solid var(--line);border-radius:16px;margin-bottom:14px;
}

/* 🎭🚫 بطاقة المهمة */
.inst-panel{
  text-align:center;background:var(--inner);border:1px solid var(--line);
  border-radius:16px;padding:20px 14px;margin-bottom:14px;
}
.inst-panel .big{display:block;font-size:2.6rem;margin-bottom:8px}
.inst-panel .main{color:var(--tx4);font-size:1.15rem;font-weight:800;font-family:'Changa'}
.inst-panel .sub{display:block;color:var(--tx3);font-size:.98rem;font-weight:400;margin-top:5px;line-height:1.9}
#actStart{
  display:none;width:100%;min-height:52px;border-radius:var(--r-sm);
  background:var(--blue);color:var(--blue-ink);
  font-weight:800;font-size:1.05rem;margin-top:14px;
}

/* 💰 العداد المركزي */
.auc-topic{text-align:center;color:var(--tx);font-family:'Changa';font-weight:800;font-size:1.2rem;margin-bottom:2px}
.auc-cap{
  display:inline-block;margin-inline-start:8px;vertical-align:middle;
  color:var(--tx3);font-size:.75rem;border:1px solid var(--line);
  border-radius:999px;padding:3px 10px;font-family:'Changa';
}
.auc-sub{text-align:center;color:var(--tx3);font-size:.85rem;line-height:1.9;margin-bottom:12px}
.auction{display:none;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.auction .a-title{grid-column:1/-1;display:none}
.bid-now{
  grid-column:1/-1;display:flex;flex-direction:column;gap:2px;
  background:var(--inner);border:1px solid var(--line);border-radius:18px;
  padding:16px;text-align:center;margin-bottom:3px;
}
.bn-l{color:var(--tx3);font-size:.9rem;font-family:'Changa';font-weight:700}
.bn-num{color:var(--blue2);font-size:3.2rem;font-weight:800;font-family:'Changa';line-height:1.15}
.bn-by{color:var(--tx);font-family:'Changa';font-weight:800;font-size:1.35rem;line-height:1.6}
.au-a{min-height:50px;border-radius:var(--r-sm);background:transparent;color:#b8272d;border:1px solid var(--red);font-weight:800;font-size:.95rem}
.au-b{min-height:50px;border-radius:var(--r-sm);background:transparent;color:#127a45;border:1px solid var(--grn);font-weight:800;font-size:.95rem}
.au-n{grid-column:1/-1;min-height:48px;border-radius:var(--r-sm);background:var(--blue);color:var(--blue-ink);font-weight:800;font-size:.98rem}

/* 🧩 رقائق مبعثرة */
.order-words{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;
  background:var(--inner);border:1px solid var(--line);border-radius:16px;
  padding:24px 12px;margin-bottom:14px;
}
.order-words span{
  background:var(--panel2);border:1px solid var(--line3);color:var(--tx4);
  border-radius:10px;padding:8px 14px;font-family:'Changa';font-weight:700;font-size:1rem;
}
.order-words span:nth-child(5n+1){transform:rotate(-4deg)}
.order-words span:nth-child(5n+2){transform:rotate(3deg)}
.order-words span:nth-child(5n+3){transform:rotate(-2deg)}
.order-words span:nth-child(5n+4){transform:rotate(5deg)}
.order-words span:nth-child(5n+5){transform:rotate(-3deg)}

/* 🔤🐎 العمودان */
.g-wrap{display:flex;gap:10px;align-items:stretch;margin-bottom:14px}
.g-letter{
  flex-shrink:0;width:64px;min-height:64px;border-radius:var(--r-md);
  background:var(--inner);border:2px solid var(--blue);
  display:grid;place-items:center;color:var(--blue2);
  font-size:2.1rem;font-family:'Changa';font-weight:800;
}
.g-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.g-cell{
  background:var(--inner);border:1px solid var(--line);border-radius:10px;
  padding:10px 11px;color:var(--tx4);font-size:.95rem;line-height:1.7;
  text-align:right;font-weight:700;
}
.g-cell b{color:var(--blue2);margin-inline-end:4px;font-family:'Changa'}
.g-note{flex:1;display:flex;align-items:center;color:var(--tx3);font-size:.92rem;font-family:'Changa';font-weight:700;line-height:1.9}
.jamad-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px}
.jamad-grid div{
  background:var(--inner);border:1px solid var(--line2);border-radius:10px;
  padding:10px 4px;text-align:center;color:var(--tx2);
  font-family:'Changa';font-weight:700;font-size:.82rem;
}
.letter-judge{display:none;margin-top:14px}
.lj-t{text-align:center;color:var(--tx3);font-size:.85rem;font-family:'Changa';font-weight:700;margin-bottom:10px}
.lj-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.lj-chips button{
  width:42px;height:42px;border-radius:50%;
  background:var(--grn);color:var(--grn-ink);
  font-weight:800;font-size:1rem;
}
.lj-chips button:first-child{background:var(--panel2);color:var(--tx2);border:1px solid var(--line2)}

/* 📊 اللوحة المزدوجة */
.feud-pot{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px}
.feud-x{display:flex;gap:5px}
.fx{
  width:24px;height:24px;border-radius:7px;border:1.5px solid #e4d4c2;
  display:grid;place-items:center;color:transparent;font-size:.72rem;font-weight:800;
}
.fx.on{background:var(--red-tint);border-color:var(--red);color:#b8272d;animation:pop .3s}
.pot-chip{
  background:var(--inner);border:1px solid var(--line);border-radius:10px;
  padding:5px 12px;font-size:.78rem;color:var(--tx3);font-family:'Changa';font-weight:700;
}
.pot-chip b{color:var(--blue2);font-size:1.05rem}
.feud-q{
  text-align:center;color:var(--tx);font-family:'Changa';font-weight:800;
  font-size:1.18rem;line-height:1.9;margin-bottom:12px;
}
.feud-board{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.feud-board button{
  min-height:50px;border-radius:var(--r-sm);
  background:var(--inner);border:1px solid var(--line2);
  color:var(--blue2);font-weight:800;font-size:1.35rem;
}
.feud-board button.open{
  background:var(--grn-tint);border:1px solid var(--grn);color:#0e6b3c;
  display:flex;justify-content:space-between;align-items:center;
  padding:0 12px;font-size:.85rem;animation:flip3d .45s ease;
}
.feud-board button.open b{color:#127a45}
@keyframes flip3d{from{transform:rotateX(-90deg);opacity:.2}to{transform:none;opacity:1}}
.feud-ctl{display:none;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.f-strike{min-height:48px;border-radius:var(--r-sm);background:var(--red);color:#fff;font-weight:800;font-size:.95rem}
.f-end{min-height:48px;border-radius:var(--r-sm);background:var(--panel2);color:var(--tx2);border:1px solid var(--line2);font-weight:800;font-size:.95rem}
.f-steal-ok{min-height:48px;border-radius:var(--r-sm);background:var(--grn);color:var(--grn-ink);font-weight:800;font-size:.9rem}
.f-steal-no{min-height:48px;border-radius:var(--r-sm);background:var(--panel2);color:var(--tx2);border:1px solid var(--line2);font-weight:800;font-size:.9rem}

/* ⚡ لوحة القيادة */
.rapid{display:none}
.r-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px}
.rs-cell{background:var(--inner);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 6px;text-align:center}
.rs-l{display:block;color:var(--tx3);font-size:.68rem;font-family:'Changa';font-weight:700}
.rs-v{display:block;color:var(--tx);font-size:1.7rem;font-family:'Changa';font-weight:800;line-height:1.3}
.rs-v.ok{color:#127a45}
.rs-cell:nth-child(2) .rs-v{color:var(--blue2)}
#spdQBox{
  background:var(--inner);border:1px solid var(--line);border-radius:16px;
  padding:22px 14px;text-align:center;color:var(--tx);
  font-weight:700;font-size:1.15rem;line-height:1.9;margin-bottom:2px;
}
.r-ans{color:#127a45;font-family:'Changa';font-weight:700;font-size:.9rem;text-align:center;margin-top:8px;min-height:1.2em}
.r-btns{display:flex;gap:9px;margin-top:14px}
.r-ok{flex:1;min-height:54px;border-radius:var(--r-sm);background:var(--grn);color:var(--grn-ink);font-weight:800;font-size:1.05rem}
.r-pass{flex:1;min-height:54px;border-radius:var(--r-sm);background:var(--panel2);color:var(--tx2);border:1px solid var(--line2);font-weight:800;font-size:1.05rem}

/* 🔢 ساحة المواجهة */
.near-unit{
  display:inline-block;margin-top:8px;background:var(--inner);
  border:1px solid var(--line);border-radius:999px;padding:4px 14px;
  font-size:.8rem;color:var(--tx3);font-family:'Changa';font-weight:700;
}
.near-judge{display:none;grid-template-columns:1fr auto 1fr;gap:9px;align-items:stretch;margin-top:14px}
.nj-card{border-radius:var(--r-md);padding:14px 6px;text-align:center;min-height:76px}
.nj-a{border:1.5px solid var(--red);background:var(--red-tint);color:#b8272d}
.nj-b{border:1.5px solid var(--grn);background:var(--grn-tint);color:#127a45}
.nj-name{display:block;font-size:.95rem;font-family:'Changa';font-weight:800}
.nj-sub{display:block;font-size:.7rem;opacity:.75;margin-top:6px}
.nj-vs{align-self:center;color:var(--tx3);font-size:1.2rem}
.nj-tie{
  grid-column:1/-1;min-height:44px;border-radius:var(--r-sm);
  background:var(--blue);color:var(--blue-ink);font-weight:800;font-size:.92rem;
}

/* 🕵️ سلم الجائزة */
.who-ctl{display:none}
.prize-ladder{display:flex;gap:6px;margin-bottom:12px}
.pl-cell{
  flex:1;border-radius:10px;padding:7px 4px;text-align:center;
  font-family:'Changa';font-weight:800;font-size:1rem;
  background:var(--panel2);border:1px solid var(--line);color:var(--tx3);
}
.pl-cell.done{color:var(--line2);text-decoration:line-through}
.pl-cell.now{background:var(--blue-tint);border:1.5px solid var(--blue);color:var(--blue2);font-size:1.1rem}
.hints-list{
  background:var(--inner);border:1px solid var(--line);border-radius:var(--r-md);
  padding:12px 14px;text-align:right;margin-bottom:12px;
}
.hints-list div{color:var(--tx4);font-size:1.02rem;line-height:2;padding:2px 0}
.hints-list b{color:var(--blue2);font-family:'Changa';margin-inline-end:6px}
.hint-btn{
  width:100%;min-height:44px;border:1px solid var(--blue);border-radius:var(--r-sm);
  background:transparent;color:var(--blue2);font-weight:800;font-size:.92rem;
}
.hint-btn:disabled{opacity:.35;cursor:default}

/* 🧠 المصباح */
.z-head{text-align:center;margin-bottom:12px}
.z-bulb{font-size:2.5rem;line-height:1.3}
.z-kind{
  display:inline-block;background:var(--blue-tint);border:1px solid var(--blue);
  color:var(--blue2);border-radius:999px;padding:4px 14px;
  font-size:.8rem;font-family:'Changa';font-weight:700;margin-top:2px;
}
.z-panel{
  background:var(--inner);border:1px solid var(--line);border-radius:16px;
  padding:22px 16px;text-align:center;color:var(--tx);
  font-size:1.2rem;line-height:2.2;font-weight:700;margin-bottom:14px;
}
.stick-box{
  background:var(--panel2);border:2px dashed var(--line2);border-radius:16px;
  padding:16px 10px;text-align:center;margin-bottom:14px;
}
.stick-box svg{max-width:100%}

/* 🏴‍☠️ الخطف */
.steal-offer,.steal-verdict{display:none;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.so-t{grid-column:1/-1;text-align:center;color:var(--tx2);font-family:'Changa';font-weight:800;font-size:.98rem;line-height:1.9}
.so-yes{min-height:50px;border-radius:var(--r-sm);background:transparent;border:1px solid var(--blue);color:var(--blue2);font-weight:800;font-size:.95rem}
.so-pass{min-height:50px;border-radius:var(--r-sm);background:var(--panel2);color:var(--tx2);border:1px solid var(--line2);font-weight:800;font-size:.95rem}
.sv-ok{min-height:50px;border-radius:var(--r-sm);background:var(--grn);color:var(--grn-ink);font-weight:800;font-size:.9rem}
.sv-no{min-height:50px;border-radius:var(--r-sm);background:transparent;color:#b8272d;border:1px solid var(--red);font-weight:800;font-size:.9rem}

/* عناصر خاملة من نسخ سابقة */
.speed-judge{display:none!important}
.lucky-bar{display:none!important}

.mini-end{
  display:block;width:auto;margin:16px auto 0;padding:9px 22px;
  background:transparent;border:1px dashed var(--line2);border-radius:999px;
  color:var(--tx3);font-weight:700;font-size:.82rem;
}
.mini-end:hover{color:#b8272d;border-color:var(--red)}

/* ── 8) الفلاش ────────────────────────────────────────────── */
.flash{position:fixed;inset:0;display:none;place-items:center;z-index:10;background:rgba(48,39,20,.45);backdrop-filter:blur(3px)}
.flash.show{display:grid}
#flashTxt,.flash div{
  background:var(--panel);border:1px solid var(--blue);border-radius:18px;
  padding:18px 30px;font-family:'Changa';font-weight:800;
  font-size:clamp(1.4rem,6vw,2.2rem);color:var(--tx);text-align:center;
  animation:pop .35s;max-width:90vw;line-height:1.8;
}
.confetti-top{position:fixed;pointer-events:none;z-index:20}

/* ── 9) شاشة النهاية ──────────────────────────────────────── */
.final{text-align:center}
.trophy{font-size:3.4rem;margin-bottom:6px;color:var(--tx)}
#winnerTitle{font-family:'Amiri',serif;font-size:clamp(1.8rem,6vw,2.6rem);color:var(--blue2);margin-bottom:10px}
#finalRes{color:var(--tx2);font-family:'Changa';font-weight:700;font-size:1.15rem;line-height:2.2;margin-bottom:18px}
.res{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;max-width:420px;margin:0 auto 16px}

/* ── 10) صفحة الحَكَم ─────────────────────────────────────── */
.pair-row{display:flex;gap:8px;margin-bottom:12px}
.pair-row input{flex:1;text-align:center;letter-spacing:2px;font-family:'Changa';font-weight:700}
.pair-row button{
  flex-shrink:0;min-width:96px;border-radius:var(--r-sm);
  background:var(--blue);color:var(--blue-ink);font-weight:800;font-size:.95rem;
}
.pair-state{
  background:var(--inner);border:1px solid var(--line);border-radius:var(--r-sm);
  padding:11px;text-align:center;color:var(--tx3);
  font-family:'Changa';font-weight:700;font-size:.88rem;margin-bottom:14px;line-height:1.8;
}
.pair-state.on{border-color:var(--grn);color:#127a45}
.jstage{margin-bottom:14px}
.jwait{color:var(--tx3);font-family:'Changa';font-weight:700;padding:10px 0;font-size:1rem;line-height:1.9}
.jw-turn{font-family:'Changa';font-weight:800;font-size:1.15rem;color:var(--blue2);margin-bottom:6px}
.jw-score{font-family:'Changa';font-weight:700;color:var(--tx2);margin-bottom:4px}
.jw-hint{font-size:.85rem;color:var(--tx3);margin-bottom:12px}
.j-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.j-pick{
  min-height:80px;border-radius:var(--r-md);
  background:var(--panel);border:1px solid var(--line);color:var(--tx4);
  font-weight:700;font-size:.8rem;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
}
.j-pick span{font-size:1.5rem}
.j-pick:disabled{opacity:.18;cursor:default}
.jcard{text-align:right}
.jc-badge{
  display:inline-block;background:var(--blue);color:var(--blue-ink);
  border-radius:999px;padding:6px 16px;font-family:'Changa';font-weight:800;
  font-size:.95rem;margin-bottom:12px;
}
.jc-q{font-family:'Changa';font-weight:800;font-size:1.28rem;color:var(--tx);line-height:1.95;white-space:pre-line;margin-bottom:12px}
.jc-a{
  background:var(--grn-tint);border:1px solid var(--grn);border-radius:var(--r-md);
  padding:15px;font-family:'Changa';font-weight:800;font-size:1.15rem;
  color:#0e6b3c;line-height:1.95;white-space:pre-line;margin-bottom:14px;
}
.jc-ctrls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.jbtn{min-height:54px;padding:13px 9px;border-radius:13px;font-weight:800;font-size:1.03rem}
.jbtn.grn{background:var(--grn);color:var(--grn-ink)}
.jbtn.red{background:var(--red);color:#fff}
.jbtn.gld{background:var(--blue);color:var(--blue-ink)}
.jbtn.neu{background:var(--panel2);color:var(--tx2);border:1px solid var(--line2)}
.jbtn.mini{padding:12px 0}

/* ── 11) وضع قيادة الحَكَم الحصرية ────────────────────────── */
body.judge-driven #normJudge,
body.judge-driven #letterJudge,
body.judge-driven #nearJudge,
body.judge-driven #stealOffer,
body.judge-driven #stealVerdict,
body.judge-driven #feudCtl,
body.judge-driven #feudStealBox,
body.judge-driven #revealBtn,
body.judge-driven #actStart,
body.judge-driven #hintBtn,
body.judge-driven .r-btns,
body.judge-driven #bidA,
body.judge-driven #bidB,
body.judge-driven .au-n{display:none!important}
body.judge-driven #feudBoard button{pointer-events:none}


/* ── 12) استجابة الجوال ───────────────────────────────────── */
@media(max-width:520px){
  .screen{padding:12px 10px 32px}
  .deck{grid-template-columns:repeat(3,1fr);gap:8px}
  .pick{min-height:90px;font-size:.8rem;border-radius:14px}
  .pick .emo{font-size:1.4rem}
  .pick small{display:none}
  .team-box{padding:10px 6px}
  .score{font-size:1.85rem}
  .timer,.timer svg{width:60px;height:60px}
  .t-num{font-size:.98rem}
  .play-card{padding:16px 12px}
  .bn-num{font-size:2.6rem}
  .rs-v{font-size:1.3rem}
  .g-cell{font-size:.76rem}
  .feud-board button{font-size:1.2rem;min-height:48px}
  .feud-board button.open{font-size:.82rem}
  .lj-chips button{width:40px;height:40px}
  .jamad-grid{grid-template-columns:repeat(2,1fr)}
  .jamad-grid div:last-child{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* تباعد أزرار أسفل شاشة اللعب */
#scrGame>.btn.ghost{display:block;max-width:680px;margin:6px auto 0}


/* ═══ عناصر التحديث الكبير ═══ */
/* مزايدة برقم مباشر */
.bid-direct{grid-column:1/-1;display:flex;gap:8px}
.bid-direct input{flex:1;min-width:0;text-align:center;font-family:'Changa';font-weight:800;font-size:1.05rem}
.bid-direct button{flex-shrink:0;min-width:86px;border-radius:var(--r-sm);font-weight:800;font-size:.85rem;padding:0 10px}
.bid-direct .bd-a{background:transparent;border:1px solid var(--red);color:#b8272d}
.bid-direct .bd-b{background:transparent;border:1px solid var(--grn);color:#127a45}

/* احتساب نتيجة المزاد */
.auc-result{flex-direction:column;gap:10px;margin-top:14px}
.ar-t{text-align:center;color:var(--tx2);font-family:'Changa';font-weight:800;font-size:.95rem;line-height:1.9}
.ar-row{display:flex;gap:8px}
.ar-row input{flex:1;min-width:0;text-align:center;font-family:'Changa';font-weight:800;font-size:1.2rem}
.ar-row button{flex-shrink:0;min-width:120px;border-radius:var(--r-sm);background:var(--blue);color:#fff;font-weight:800;font-size:.98rem}

/* ستارة السر */
.secret-veil{position:fixed;inset:0;display:none;place-items:center;z-index:30;background:rgba(20,16,8,.96);padding:20px}
.sv-inner{width:100%;max-width:430px;text-align:center}
.sv-hint{color:#e8dcc0;font-family:'Changa';font-weight:700;font-size:1rem;line-height:2;margin-bottom:16px}
.sv-hint b{color:#ffd97a}
.sv-box{background:#241d0e;border:2px dashed #8a7444;border-radius:18px;min-height:150px;display:grid;place-items:center;padding:20px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none}
.sv-box span{color:#fff;font-family:'Changa';font-weight:800;font-size:1.5rem;line-height:2;white-space:pre-line}
.sv-close{margin-top:16px;min-height:48px;width:100%;border-radius:var(--r-sm);background:#1da35e;color:#fff;font-weight:800;font-size:1rem}
.secret-show{margin-top:12px;background:#2b2416;color:#ffd97a}

/* صف تصحيح النقاط */
.adj-row{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin:0 0 14px}
.adj-row .adj-l{font-family:'Changa';font-weight:800;color:var(--tx2);font-size:.9rem}
.adj-row .adj-sep{color:var(--line2)}
.adj-row button{width:46px;height:38px;border-radius:10px;background:var(--panel);border:1px solid var(--line2);color:var(--tx4);font-weight:800;font-size:.95rem}

/* تصحيح صفحة الحَكَم */
.j-adj{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:12px;background:var(--inner);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px}
.j-adj span{font-family:'Changa';font-weight:700;color:var(--tx3);font-size:.8rem}
.j-adj button{min-width:58px;height:38px;border-radius:10px;background:var(--panel);border:1px solid var(--line2);color:var(--tx4);font-weight:800;font-size:.85rem}

/* حقل إدخال الحَكَم الرقمي */
.j-inp{grid-column:1/-1}
.j-inp input{width:100%;text-align:center;font-family:'Changa';font-weight:800;font-size:1.2rem}

/* إخفاءات وضع قيادة الحَكَم للعناصر الجديدة */
body.judge-driven .bid-direct,
body.judge-driven .auc-result,
body.judge-driven .adj-row,
body.judge-driven .secret-show{display:none!important}


/* 🪶 من الأولين */
.mn-opts{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.mn-row{display:flex;gap:10px;align-items:center;background:var(--inner);border:1px solid var(--line);border-radius:12px;padding:13px 14px;color:var(--tx4);font-size:1.05rem;font-weight:700;line-height:1.8;text-align:right}
.mn-l{flex-shrink:0;width:30px;height:30px;border-radius:9px;background:var(--blue-tint);border:1px solid var(--blue);color:var(--blue2);display:grid;place-items:center;font-family:'Changa';font-weight:800}
.ch-hint{text-align:center;color:var(--tx3);font-size:.85rem;font-family:'Changa';font-weight:700;line-height:1.9;margin-bottom:10px}
.ch-rows{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}
.ch-row{display:flex;gap:10px;align-items:center;background:var(--inner);border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--tx4);font-size:1.05rem;font-weight:700;text-align:right}
.ch-n{flex-shrink:0;width:28px;height:28px;border-radius:9px;background:var(--panel2);border:1px solid var(--line2);color:var(--tx2);display:grid;place-items:center;font-family:'Changa';font-weight:800;font-size:.9rem}


/* 🧿 الفراسة */
.mem-count{text-align:center;font-family:'Changa';font-weight:800;color:var(--tx2);font-size:1rem;margin-bottom:12px}
.mem-count b{color:var(--blue);font-size:1.4rem}
.mem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:var(--inner);border:1px solid var(--line);border-radius:16px;padding:18px 10px;margin-bottom:14px}
.mem-grid span{font-size:2.7rem;text-align:center}
.cip-slots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:4px 0 12px}
.slot{width:38px;height:50px;border-radius:9px;background:var(--inner);border:1.5px solid var(--line2);display:grid;place-items:center;font-family:'Changa';font-weight:800;font-size:1.5rem;color:var(--tx)}
.slot.on{border-color:var(--grn);background:var(--grn-tint);color:#127a45;animation:pop .3s}
.slot.gap{width:16px;background:transparent;border:none}
.cip-tries{text-align:center;font-family:'Changa';font-weight:700;color:var(--tx3);font-size:.85rem;margin-bottom:12px;display:flex;gap:6px;justify-content:center;align-items:center}
.cip-dot{width:14px;height:14px;border-radius:50%;background:var(--grn);display:inline-block}
.cip-dot.off{background:var(--red-tint);border:1.5px solid var(--red)}
.cip-kb{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px}
.cip-kb button{min-height:42px;border-radius:10px;background:var(--panel);border:1px solid var(--line2);color:var(--tx4);font-weight:800;font-size:1.05rem}
.cip-kb button:disabled{opacity:.25}
body.judge-driven .cip-kb{display:none!important}


/* 🔥 دور الثأر */
.rev-chip{display:inline-block;background:rgba(217,58,64,.10);border:1.5px solid var(--red);color:#b8272d;border-radius:999px;padding:6px 18px;font-family:'Changa';font-weight:800;font-size:.9rem;margin-bottom:14px;animation:pop .4s}


/* 🎲 زر الدبل */
.dbl-btn{display:block;margin:0 auto 16px;padding:11px 26px;border-radius:999px;background:transparent;border:2px dashed var(--blue);color:var(--blue);font-family:'Changa';font-weight:800;font-size:1rem}
.dbl-btn.armed{background:var(--blue);color:#fff;border-style:solid;animation:pop .35s}
body.judge-driven .dbl-btn{display:none!important}


/* 💣 القنبلة الموقوتة */
.bomb-box{text-align:center;background:var(--inner);border:2px dashed var(--red);border-radius:18px;padding:22px 14px;margin-bottom:6px}
.bomb-emo{font-size:3.4rem;animation:bombTick 1s infinite}
@keyframes bombTick{50%{transform:scale(1.12) rotate(-4deg)}}
.bomb-topic{font-family:'Changa';font-weight:800;font-size:1.3rem;color:var(--tx);margin:8px 0 4px}
.bomb-holder{font-family:'Changa';font-weight:700;font-size:1.1rem;color:var(--tx2)}
.bomb-holder b{color:#b8272d;font-size:1.25rem}
.bomb-sub{color:var(--tx3);font-size:.9rem;margin-top:6px}
.bomb-box.tossed .bomb-emo{animation:toss .5s}
@keyframes toss{40%{transform:translateX(-40px) rotate(-30deg) scale(1.2)}}
.bomb-box.boom{background:rgba(217,58,64,.15);border-style:solid}
.bomb-box.boom .bomb-emo{animation:boomShake .5s}
@keyframes boomShake{20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}

/* 📸 خمّن الصورة */
.ph-wrap{text-align:center;background:var(--inner);border:1px solid var(--line);border-radius:18px;padding:12px;margin-bottom:12px}
#phCanvas{max-width:100%;border-radius:12px;image-rendering:pixelated}
.ph-ladder{display:flex;gap:6px;margin-bottom:4px}
.ph-ladder .pl-cell{flex:1}
body.judge-driven .ph-wrap+*+button{display:none!important}


/* 🧩 كلمة السر */
.sw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.sw-cell{background:var(--inner);border:1.5px solid var(--line2);border-radius:12px;padding:12px 6px;text-align:center;font-family:'Changa';font-weight:800;font-size:1rem;color:var(--tx4)}
.sw-cell.hit{border-color:var(--grn);background:var(--grn-tint);color:#127a45;animation:pop .35s}

/* 🎰 شبكة القيم */
.qg-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.qg-btn{min-height:88px;border-radius:16px;font-family:'Changa';font-weight:800;font-size:1.05rem;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;background:var(--panel);box-shadow:var(--shadow)}
.qg-btn b{font-size:1.6rem}
.qg-e{border:2px solid var(--grn);color:#127a45}
.qg-m{border:2px solid var(--line3);color:var(--tx4)}
.qg-h{border:2px solid var(--red);color:#b8272d}
body.judge-driven .qg-row{display:none!important}

/* ⛓️ السلسلة */
.chain-box{text-align:center;background:var(--inner);border:2px dashed var(--blue);border-radius:18px;padding:22px 14px;margin-bottom:6px}
.chain-emo{font-size:3rem}
.chain-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.chain-fail{background:transparent;border:1px solid var(--red);color:#b8272d}
body.judge-driven .chain-btns{display:none!important}


/* ✏️ لوحة تصحيح الحَكَم المطورة */
.j-adj{display:flex;flex-direction:column;gap:8px;background:var(--inner);border:1px solid var(--line);border-radius:var(--r-md);padding:10px;margin-bottom:12px}
.ja-row{display:flex;gap:8px;align-items:stretch}
.ja-b{width:56px;min-height:48px;border-radius:12px;font-family:'Changa';font-weight:800;font-size:1.5rem}
.ja-m{background:transparent;border:1.5px solid var(--red);color:#b8272d}
.ja-p{background:var(--grn);border:none;color:#fff}
.ja-mid{flex:1;display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:0 14px}
.ja-mid span{font-family:'Changa';font-weight:700;color:var(--tx2);font-size:.95rem}
.ja-mid b{font-family:'Changa';font-weight:800;color:var(--tx);font-size:1.35rem}

.sw-target{text-align:center;background:var(--blue-tint);border:1.5px solid var(--blue);border-radius:12px;padding:11px;font-family:'Changa';font-weight:800;font-size:1.05rem;color:var(--blue2);margin-bottom:10px;line-height:1.8}