/* «خمّن الكلمة» — السبّورة (٢٠٢٦/١٠/١٦ بطلب المالك). شكل فقط. */
.xg-hg .xg{background:radial-gradient(80% 70% at 50% 30%,#3a2c22 0%,#21170f 60%,#120c07 100%)}
.xg-hg .xg-title b{color:#fff;text-shadow:0 .08em 0 #000}
.xg-hg .xg-title small{color:#f3e2c2;font-weight:900}

/* السبّورة بإطار خشب ومجرى طباشير */
.hgb-board{flex:1;min-height:0;display:flex;flex-direction:column;gap:2.4cqh;padding:2.6cqh 3cqw 2cqh;border-radius:1.6cqh;position:relative;
  background:radial-gradient(120% 90% at 30% 20%,#2f5a45 0%,#1f4434 55%,#16342a 100%);
  box-shadow:0 0 0 1.4cqh #7a4a26,0 0 0 1.9cqh #4a2c14,inset 0 0 6cqh rgba(0,0,0,.45),0 2.6cqh 5cqh rgba(0,0,0,.55);margin:1.4cqh}
.hgb-board::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.35;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.03) 0 1.2cqh,transparent 1.2cqh 3cqh)}
.hgb-board::after{content:'';position:absolute;left:8%;right:8%;bottom:-2.6cqh;height:1.2cqh;border-radius:.4cqh;background:#5a361b;box-shadow:inset 0 .3cqh 0 rgba(255,255,255,.15)}
.hgb-board > *{position:relative}
.hgb-board, .hgb-board *{font-family:inherit}

.hgb-top{display:flex;align-items:center;justify-content:space-between;gap:2cqw}
.hgb-cat{font-size:max(18px,3.8cqh);font-weight:900;color:#fff8d8;text-shadow:0 0 .2em rgba(255,255,255,.35)}
.hgb-st{font-size:max(15px,3cqh);font-weight:900;color:#d9f0dd}
.hgb-st b{color:#ffe27a;font-size:1.3em}
.hgb-life{display:flex;gap:.6cqw}
.hgb-life i{font-style:normal;font-size:max(26px,5.6cqh);line-height:1;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.55)}
.hgb-life i.on{color:#ff8fa3;-webkit-text-stroke:0;text-shadow:0 0 .2em rgba(255,143,163,.5)}

/* الكلمة: خانات بخطّ طباشير تحتها */
.hgb-word{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;gap:1.4cqw;direction:rtl;flex-wrap:wrap}
.hgb-word span{display:grid;place-items:end center;width:clamp(36px,11cqh,110px);height:clamp(44px,14cqh,130px);border-bottom:.7cqh solid rgba(255,255,255,.85);border-radius:0 0 .4cqh .4cqh}
.hgb-word span.sp{border:0;width:3cqw}
.hgb-word span b{font-size:clamp(30px,11cqh,104px);line-height:1.05;font-weight:900;color:#fffdf0;text-shadow:0 0 .12em rgba(255,255,255,.45)}
.hgb-word span.rev b{animation:hgbChalk .45s ease-out}
@keyframes hgbChalk{0%{opacity:0;transform:translateY(-1.4cqh) scale(1.2)}100%{opacity:1;transform:none}}

/* صفّ الحروف */
.hgb-abc{display:flex;flex-wrap:wrap;justify-content:center;gap:.8cqh .6cqw;direction:rtl}
.hgb-abc i{position:relative;font-style:normal;display:grid;place-items:center;width:clamp(28px,6.4cqh,56px);height:clamp(28px,6.4cqh,56px);border-radius:1cqh;
  font-size:clamp(16px,3.8cqh,34px);font-weight:900;color:#eaf6ec;border:2px dashed rgba(255,255,255,.28);transition:transform .2s}
.hgb-abc i.vote{border-style:solid;border-color:#ffe27a;color:#ffe27a}
.hgb-abc i.lead{border-style:solid;border-color:#ffe27a;background:rgba(255,226,122,.18);color:#fff;transform:scale(1.15);box-shadow:0 0 1.6cqh rgba(255,226,122,.45)}
.hgb-abc i u{position:absolute;top:-1.2cqh;left:-1cqh;min-width:2.6cqh;height:2.6cqh;padding:0 .4em;border-radius:999px;display:grid;place-items:center;
  font-size:max(10px,1.8cqh);text-decoration:none;color:#2a1b00;background:#ffe27a}
.hgb-abc i.hit{border:2px solid #7dffb0;color:#7dffb0;background:rgba(125,255,176,.12)}
.hgb-abc i.no{border-color:transparent;color:rgba(255,255,255,.25)}
.hgb-abc i.no::after{content:'';position:absolute;left:12%;right:12%;top:50%;height:.45cqh;background:#ff8fa3;transform:rotate(-30deg);border-radius:999px}
/* أكبر للكلمة، والحروف الـ٢٨ بسطر واحد */
.hgb-word span{width:clamp(40px,14cqh,140px);height:clamp(50px,17cqh,160px)}
.hgb-word span b{font-size:clamp(34px,14cqh,130px)}
.hgb-abc{flex-wrap:nowrap;gap:.4cqw}
.hgb-abc i{width:min(6.4cqh,3.05cqw);height:min(6.4cqh,3.05cqw);font-size:min(3.8cqh,1.9cqw)}
@container (max-aspect-ratio: 1/1){.hgb-abc{flex-wrap:wrap}.hgb-abc i{width:6cqw;height:6cqw;font-size:3.6cqw}}
/* الخانة على قدّ طول الكلمة: الكلمات الطويلة ما تطلع حروفها برّا خاناتها */
.hgb-word{--sw:min(14cqh,calc(80cqw / var(--n,6)));gap:calc(var(--sw) * .14)}
.hgb-word span{width:var(--sw);height:calc(var(--sw) * 1.2)}
.hgb-word span b{font-size:calc(var(--sw) * .78)}