/* ══════════════════════════════════════════════════════════════
   «لا تعيد كلامي» — غرفة الرقيب (٢٠٢٦/١٠/٢٧)
   استوديو بثّ ليلي: شاشة كبيرة بالكلمات المحظورة، لمبة «على الهواء» حمرا،
   وقت بأرقام كهرمانيّة، ورسائل اللاعبين بطاقات «على الهواء». اللي يقول كلمة
   محظورة: شريط أسود «طوط» فوق الكلمة وبطاقته تنقطع. البادئة cz-
   ══════════════════════════════════════════════════════════════ */
#stage.xg-on.xg-cz{padding:0!important}
.cz{
  --red:#ff3149; --amb:#ffb21c; --ok:#3ee283; --scr:#c9ecff; --pan:#14161d; --edge:#262a34;
  position:relative;gap:1.8cqh;padding:2.2cqh 2.4cqw;overflow:hidden;color:#f2f4f8;font-family:Cairo,system-ui,sans-serif;
  background:
    radial-gradient(70% 55% at 50% 30%,rgba(60,120,170,.16),transparent 70%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 2px,transparent 2px 7.5cqw),
    linear-gradient(180deg,#0c0e14,#06070a);
}
.cz-ic{width:1.1em;height:1.1em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.16em}

/* ── الرأس ── */
.cz-top{flex:0 0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:1.4cqw}
.cz-top > *{border-radius:1.6cqh;background:linear-gradient(180deg,#191c24,#0f1116);box-shadow:inset 0 0 0 1px var(--edge),0 .8cqh 2cqh rgba(0,0,0,.45)}
.cz-brand{display:flex;align-items:center;gap:1.4cqw;padding:1.2cqh 1.6cqw}
.cz-brand small{display:block;font-size:max(12px,1.9cqh);font-weight:800;color:#8e97a9}
.cz-brand b{display:block;font-size:max(18px,3.6cqh);font-weight:900;line-height:1.1;white-space:nowrap}
.cz-air{display:inline-flex;align-items:center;gap:.5em;padding:.5cqh 1.1cqw;border-radius:.8cqh;font-size:max(12px,2cqh);font-weight:900;
  color:#5a2129;background:#2a1216;box-shadow:inset 0 0 0 2px #4a1c23;white-space:nowrap;transition:all .25s}
.cz-air i{width:1.6cqh;height:1.6cqh;border-radius:50%;background:#5a2129}
.cz-air.on{color:#fff;background:var(--red);box-shadow:0 0 3cqh rgba(255,49,73,.55),inset 0 0 0 2px rgba(255,255,255,.25)}
.cz-air.on i{background:#fff;animation:czDot 1s steps(2) infinite}
@keyframes czDot{50%{opacity:.25}}
.cz-stats{display:flex;align-items:stretch;justify-content:center;gap:0;padding:0 .6cqw}
.cz-stats > span{flex:1;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:.6cqw;align-items:center;justify-content:center;
  padding:.9cqh 1.4cqw;border-inline-start:1px solid var(--edge)}
.cz-stats > span:first-child{border:0}
.cz-stats .cz-ic{grid-row:1/3;width:4cqh;height:4cqh;color:#7f8aa0}
.cz-stats small{font-size:max(11px,1.8cqh);font-weight:800;color:#8e97a9;white-space:nowrap}
.cz-stats b{font-size:max(18px,3.8cqh);line-height:1;font-weight:900;font-family:Oswald,Cairo,sans-serif}
.cz-stats i{display:none}
.cz-stats .cut b,.cz-stats .cut .cz-ic{color:var(--red)}
.cz-tc{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.6cqh 2cqw;min-width:14cqh}
.cz-tc small{font-size:max(11px,1.8cqh);font-weight:800;color:#8e97a9}
.cz-tc b{font-family:Oswald,Cairo,sans-serif;font-size:max(26px,6cqh);line-height:1;font-weight:700;color:var(--amb);text-shadow:0 0 2cqh rgba(255,178,28,.45);letter-spacing:.05em}
.cz-tc.urgent b{color:var(--red);text-shadow:0 0 2.4cqh rgba(255,49,73,.7);animation:czDot .5s steps(2) infinite}

/* ── الشاشة الكبيرة ── */
.cz-monitor{flex:0 0 auto;display:flex;flex-direction:column;gap:1.2cqh;padding:1.4cqh 1.4cqw 1.2cqh;border-radius:2.4cqh;
  background:linear-gradient(180deg,#1b1e26,#0e1015);box-shadow:inset 0 0 0 1px var(--edge),0 1.6cqh 3cqh rgba(0,0,0,.55)}
.cz-screen{position:relative;min-height:28cqh;border-radius:1.6cqh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2.4cqh 2.4cqw;
  background:radial-gradient(90% 120% at 50% 40%,#16384f,#0a1823 60%,#060c12);box-shadow:inset 0 0 6cqh rgba(0,0,0,.75),inset 0 0 0 2px rgba(150,210,255,.12)}
.cz-scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px);mix-blend-mode:screen}
.cz-screen.glitch{animation:czGlitch .45s steps(3)}
@keyframes czGlitch{0%{filter:none}30%{filter:hue-rotate(-40deg) saturate(2.4);transform:translateX(.4cqw)}60%{transform:translateX(-.4cqw);background-color:#3a0b12}100%{filter:none;transform:none}}
.cz-chalk{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.6cqh}
.cz-lbl{display:inline-flex;align-items:center;gap:.5em;padding:.4cqh 1.2cqw;border-radius:99px;font-size:max(12px,2.1cqh);font-weight:900;color:#ffd6db;background:rgba(255,49,73,.16);box-shadow:inset 0 0 0 1.5px rgba(255,49,73,.45)}
.cz-sent{margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:1.4cqh 1.2cqw}
.cz-w{position:relative;display:inline-flex;align-items:center;padding:.6cqh 1.4cqw;border-radius:1.2cqh;color:var(--scr);
  background:rgba(201,236,255,.06);box-shadow:inset 0 0 0 2px rgba(201,236,255,.25);animation:czIn .4s calc(var(--i) * 70ms) both cubic-bezier(.2,1.3,.4,1)}
@keyframes czIn{from{opacity:0;transform:translateY(1.4cqh) scale(.9)}}
.cz-w b{font-size:max(26px,7cqh);line-height:1.15;font-weight:900;text-shadow:0 0 2cqh rgba(150,210,255,.45)}
.cz-n{position:absolute;top:-1.4cqh;inset-inline-start:-1cqh;display:none;min-width:3.4cqh;height:3.4cqh;padding:0 .4em;border-radius:99px;place-items:center;
  font-style:normal;font-size:max(12px,2cqh);font-weight:900;color:#fff;background:var(--red);font-family:Oswald,Cairo,sans-serif;box-shadow:0 .4cqh 1cqh rgba(0,0,0,.5)}
.cz-w.used{color:#ffd2d8;background:rgba(255,49,73,.18);box-shadow:inset 0 0 0 2px rgba(255,49,73,.7)}
.cz-w.used b{text-shadow:0 0 2cqh rgba(255,49,73,.55)}
.cz-w.used .cz-n{display:grid}
.cz-w.hit{animation:czHit .5s cubic-bezier(.3,1.6,.4,1)}
@keyframes czHit{0%{transform:scale(1.18) rotate(-2deg);background:var(--red);color:#fff}100%{transform:none}}
.cz-rule{text-align:center;font-size:max(14px,2.6cqh);font-weight:800;color:#c8cfdc}
.cz-rule b{color:#fff}.cz-rule b.bad{color:var(--red)}

/* إدخال الستريمر (ملقّن) */
.cz-ask{display:flex;flex-direction:column;align-items:center;gap:1.4cqh;width:min(100%,110cqh)}
.cz-ask label{font-size:max(14px,2.6cqh);font-weight:900;color:var(--scr);display:inline-flex;align-items:center;gap:.5em}
.cz-ask input{width:100%;padding:1.4cqh 1.6cqw;border-radius:1.4cqh;border:2px solid rgba(201,236,255,.3);background:rgba(0,0,0,.45);color:#fff;
  font:900 max(20px,4.6cqh) Cairo,sans-serif;text-align:center;outline:none}
.cz-ask input:focus{border-color:var(--amb);box-shadow:0 0 0 .5cqh rgba(255,178,28,.18)}
.cz-ask input.bad{border-color:var(--red)}
.cz-ask div{display:flex;gap:1cqw;flex-wrap:wrap;justify-content:center}
.cz-go,.cz-rand{border:0;border-radius:1.2cqh;padding:1.1cqh 2.2cqw;font:900 max(14px,2.5cqh) Cairo,sans-serif;cursor:pointer}
.cz-go{background:linear-gradient(180deg,#ffcb52,var(--amb));color:#241600}
.cz-rand{background:rgba(255,255,255,.08);color:#e6ebf3;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18)}

/* ── رسائل اللاعبين ── */
.cz-feed{flex:1 1 auto;min-height:0;overflow:hidden;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;gap:1.2cqh 1.1cqw;align-content:start}
.cz-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who tag" "txt txt";gap:.6cqh .8cqw;
  padding:1.1cqh 1.2cqw 1.2cqh;border-radius:1.4cqh;background:linear-gradient(90deg,#161a22,#11141a);
  box-shadow:inset 0 0 0 1px var(--edge);border-inline-start:.5cqw solid var(--ok);animation:czCard .35s ease-out}
@keyframes czCard{from{opacity:0;transform:translateX(-1.2cqw)}}
.cz-who{grid-area:who;display:flex;align-items:center;gap:.6cqw;min-width:0}
.cz-who .av{width:min(3.8cqh,34px)!important;height:min(3.8cqh,34px)!important;flex:0 0 auto}
.cz-who b{font-size:max(12px,2.1cqh);font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cz-card p{grid-area:txt;margin:0;font-size:max(13px,2.4cqh);font-weight:800;line-height:1.45;color:#e9edf4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cz-tag{grid-area:tag;align-self:center;display:inline-flex;align-items:center;gap:.35em;padding:.2cqh .8cqw;border-radius:99px;font-style:normal;font-size:max(11px,1.7cqh);font-weight:900;white-space:nowrap}
.cz-tag.ok{color:#0a2a17;background:var(--ok)}
.cz-tag.cut{color:#fff;background:var(--red)}
.cz-card.out{border-inline-start-color:var(--red);background:linear-gradient(90deg,#2a1116,#15090c)}
.cz-card.out p{color:#c9b3b7}
.cz-bar{position:relative;display:inline-block;padding:0 .3em;border-radius:.2em;background:#000;color:var(--amb);vertical-align:baseline;box-shadow:0 0 0 2px #000}
.cz-bar s{visibility:hidden;text-decoration:none}
.cz-bar b{position:absolute;inset:0;display:grid;place-items:center;font-size:.9em;font-weight:900;letter-spacing:.06em}
.cz-kick{display:none}
.cz-feed.judging .cz-kick{grid-area:tag;display:inline-flex;align-items:center;gap:.35em;justify-self:end;border:0;border-radius:99px;padding:.3cqh 1cqw;
  font:900 max(11px,1.8cqh) Cairo,sans-serif;color:#fff;background:var(--red);cursor:pointer;box-shadow:0 0 1.4cqh rgba(255,49,73,.4)}
.cz-feed.judging .cz-card:not(.out) .cz-tag{display:none}

@container (max-aspect-ratio: 1/1){
  .cz-top{grid-template-columns:minmax(0,1fr) auto}
  .cz-stats{grid-column:1/-1;grid-row:2}
  .cz-feed{grid-template-columns:minmax(0,1fr)}
  .cz-w b{font-size:max(20px,4.6cqh)}
}
.cz-bar{margin:0 .15em}
.cz-empty{grid-column:1/-1;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2cqh 1.1cqw}
.cz-empty i{height:9cqh;border-radius:1.4cqh;background:linear-gradient(90deg,#12151c,#0e1116);box-shadow:inset 0 0 0 1px #1d2129;border-inline-start:.5cqw solid #1f2530}
.cz-empty b{position:absolute;inset:0;display:grid;place-items:center;font-size:max(14px,2.6cqh);font-weight:800;color:#6f7889}
/* وضع الحروف (٢٠٢٦/١٠/٢٨): الحروف المحظورة بلاطات مربّعة كبيرة */
.cz-lbl .cz-src{font-style:normal;color:#fff;font-weight:900;padding:0 .4em;border-radius:.4em;background:rgba(255,255,255,.12)}
.cz-lets{gap:1.6cqh 1.6cqw}
.cz-w.cz-l{justify-content:center;min-width:13cqh;aspect-ratio:1;padding:0;border-radius:1.6cqh;box-shadow:inset 0 0 0 3px rgba(150,210,255,.55)}
.cz-w.cz-l b{font-size:max(34px,10cqh)}