/* «لوّن الكلمة» (wordle.js) — داخل «المسرح الكامل» xg، المقاسات بوحدات الحاوية */
.wd{--wg:#2fc46d;--wy:#e9b730;--wx:rgba(255,255,255,.08)}
.wd .xg-title small em{font-style:normal;color:var(--gold)}
.wd-k{font-style:normal;padding:0 .45em;border-radius:.35em;font-weight:900}
.wd-k.g{background:var(--wg);color:#04210f}.wd-k.y{background:var(--wy);color:#2b1d00}.wd-k.x{background:var(--wx);color:#c9d3e6}
.wd-stage{flex:1 1 auto;min-height:0;display:flex;gap:2cqw}
.wd-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2cqh}
.wd-side{flex:0 0 22cqw;display:flex;flex-direction:column;gap:1cqh;padding:1.6cqh 1.2cqw;border-radius:2cqh;background:var(--card);border:2px solid var(--edge);min-height:0;overflow:hidden}
.wd-side h3{margin:0;font-size:max(15px,2.6cqh);font-weight:900;color:var(--gold)}
.wd-side ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8cqh}
.wd-side li{display:flex;align-items:center;gap:.6em;font-size:max(14px,2.3cqh);font-weight:900;padding:.5cqh .6cqw;border-radius:1.2cqh;background:rgba(255,255,255,.05)}
.wd-side li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-side li b{color:var(--gold)}
.wd-side li.lead{background:color-mix(in srgb,var(--gold) 18%,transparent)}
.wd-side li.empty{font-size:max(13px,2cqh);color:#c9d3e6;background:none}

/* المربّعات */
.wd-row{display:flex;gap:.9cqh;direction:rtl}
.wd-t{--s:7.4cqh;width:var(--s);height:var(--s);display:grid;place-items:center;border-radius:1.2cqh;font-style:normal;
  font-size:calc(var(--s) * .56);font-weight:900;line-height:1;color:#fff;background:var(--wx);border:2px solid rgba(255,255,255,.14)}
.wd-t.g{background:var(--wg);border-color:var(--wg);color:#04210f}
.wd-t.y{background:var(--wy);border-color:var(--wy);color:#2b1d00}
.wd-t.x{background:var(--wx);border-color:transparent;color:rgba(255,255,255,.45)}
.wd-t.e{background:transparent;border:2px dashed rgba(255,255,255,.28)}
.wd-top{display:flex;flex-direction:column;align-items:center;gap:.8cqh}
.wd-top small{font-size:max(13px,2.1cqh);font-weight:900;color:var(--gold)}
.wd-known .wd-t{--s:10.5cqh}

/* المحاولات: الأحدث فوق */
.wd-list{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:1cqh;overflow:hidden}
.wd-g{display:flex;align-items:center;gap:1.4cqw;padding:.6cqh 1cqw;border-radius:1.6cqh}
.wd-g.new{background:rgba(255,255,255,.05);animation:wdIn .35s ease-out}
.wd-g.win{background:color-mix(in srgb,var(--wg) 22%,transparent);outline:2px solid var(--wg)}
.wd-g .wd-t{--s:7.2cqh}
.wd-who{display:flex;align-items:center;gap:.5em;min-width:16cqw;max-width:22cqw;font-size:max(15px,3cqh)}
.wd-who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-who .av{width:max(26px,4.4cqh);height:max(26px,4.4cqh)}
.wd-empty{margin-top:4cqh;font-size:max(16px,3cqh);font-weight:900;color:#c9d3e6}
.wd-empty b{color:var(--gold)}
@keyframes wdIn{from{transform:translateY(-1.4cqh);opacity:0}}

/* لوحة الحروف */
.wd-keys{display:flex;flex-direction:column;align-items:center;gap:.7cqh;flex:0 0 auto}
.wd-keys div{display:flex;gap:.6cqh;direction:rtl}
.wd-keys i{width:6cqh;height:6.4cqh;display:grid;place-items:center;border-radius:.9cqh;font-style:normal;font-size:max(15px,3.4cqh);font-weight:900;
  background:rgba(255,255,255,.14);color:#fff}
.wd-keys i.g{background:var(--wg);color:#04210f}
.wd-keys i.y{background:var(--wy);color:#2b1d00}
.wd-keys i.x{background:rgba(255,255,255,.04);color:rgba(255,255,255,.28)}

/* اختيار الكلمة (شاشة الستريمر — الحقل مخفيّ بالنجوم) */
.wd-pick{margin:auto;width:min(620px,90%);display:flex;flex-direction:column;align-items:center;gap:1.6cqh;padding:3cqh 3cqw;border-radius:2.4cqh;background:var(--card);border:2px solid var(--edge)}
.wd-pick h4{margin:0;font-size:max(17px,3cqh);font-weight:900}
.wd-pick-row{display:flex;gap:1cqw;width:100%}
.wd-pick input{flex:1;min-width:0;font:inherit;font-size:max(20px,4cqh);font-weight:900;text-align:center;letter-spacing:.3em;padding:1.2cqh 1cqw;border-radius:1.6cqh;
  color:#fff;background:rgba(0,0,0,.35);border:2px solid var(--edge)}
.wd-go{font:inherit;font-weight:900;font-size:max(16px,2.8cqh);padding:0 2cqw;border:0;border-radius:1.6cqh;cursor:pointer;color:#04210f;background:var(--wg)}
.wd-err{margin:0;min-height:1.2em;color:#ff9aa8;font-weight:800}
.wd-or{width:100%;display:flex;align-items:center;gap:1cqw;color:#c9d3e6;font-weight:800}
.wd-or::before,.wd-or::after{content:"";flex:1;height:1px;background:var(--edge)}
.wd-lens{display:flex;gap:1cqw;flex-wrap:wrap;justify-content:center}
.wd-lens button{font:inherit;font-weight:900;font-size:max(15px,2.5cqh);padding:1cqh 1.8cqw;border-radius:1.4cqh;cursor:pointer;color:#fff;background:rgba(255,255,255,.08);border:2px solid var(--edge)}
.wd-lens button:hover{background:rgba(255,255,255,.16)}
.wd-auto{color:#c9d3e6;font-weight:700}