/* «حرب القلاع» — الصفحة الكاملة من seek.css (seek-active)، وهذا ما يخصّها.
   كلُّ الخطوط عريضةٌ كبيرة تُقرأ من البثّ المصغّر. */
.cw{position:relative;width:100%;height:100%;overflow:hidden;container-type:size;color:#fff;font-weight:800}
.cw-scene{position:absolute;inset:0}
.cw-scene canvas{width:100%!important;height:100%!important;display:block}
.cw-labels{position:absolute;inset:0;pointer-events:none;z-index:2}
.cw-tag{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:99px;white-space:nowrap;
  background:rgba(6,12,30,.78);border:3px solid var(--c);box-shadow:0 8px 20px rgba(0,0,0,.4);font-size:max(15px,2.6cqh);transition:opacity .2s}
.cw-tag b{display:grid;place-items:center;width:1.7em;height:1.7em;border-radius:50%;background:var(--c);color:#fff;font-size:1.15em;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.cw-tag.down{filter:grayscale(1) brightness(.7)}

/* الرأس */
.cw-hud{position:absolute;z-index:3;top:1.6cqh;left:1.6cqw;right:1.6cqw;display:flex;align-items:center;gap:1.6cqw;pointer-events:none}
.cw-round,.cw-clock{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:2cqh;background:rgba(6,12,30,.78);border:2px solid rgba(255,255,255,.18);backdrop-filter:blur(6px)}
.cw-round{padding:1cqh 1.6cqw;font-size:max(12px,1.9cqh);color:#ffd98a}
.cw-round b{font-size:2em;line-height:1;color:#fff}
.cw-phase{flex:1;text-align:center;text-shadow:0 3px 14px rgba(0,0,0,.6)}
.cw-phase small{display:block;font-size:max(13px,2.2cqh);color:#ffd98a}
.cw-phase b{display:block;font-size:max(24px,5.6cqh);line-height:1.1}
.cw-clock{width:max(60px,10cqh);aspect-ratio:1;border-radius:50%}
.cw-clock b{font-size:max(22px,4.6cqh)}

/* القبائل */
.cw-teams{position:absolute;z-index:3;top:15cqh;inset-inline-start:1.4cqw;display:flex;flex-direction:column;gap:1cqh;width:min(30cqw,300px);pointer-events:none}
.cw-team{padding:1cqh 1.1cqw;border-radius:1.8cqh;background:rgba(6,12,30,.8);border:2px solid color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 6px 18px rgba(0,0,0,.35);backdrop-filter:blur(6px)}
.cw-team.down{filter:grayscale(1);opacity:.55}
.cw-th{display:flex;align-items:center;gap:.6em;font-size:max(14px,2.3cqh)}
.cw-th b{display:grid;place-items:center;width:1.6em;height:1.6em;border-radius:.5em;background:var(--c);color:#fff}
.cw-th span{flex:1}
.cw-th em{font-style:normal;font-size:.72em;color:rgba(255,255,255,.7)}
.cw-hp{position:relative;height:max(14px,2.3cqh);margin-top:.7cqh;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.cw-hp i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 70%,#000),var(--c));transition:width .4s}
.cw-hp span{position:absolute;inset:0;display:grid;place-items:center;font-size:max(11px,1.7cqh);text-shadow:0 1px 3px rgba(0,0,0,.7)}
.cw-tx{display:flex;gap:.5em;margin-top:.5cqh;min-height:0;font-size:max(12px,1.8cqh)}
.cw-tx:empty{display:none}
.cw-sh{padding:.1em .6em;border-radius:99px;background:rgba(120,220,255,.25);color:#bdf0ff}
.cw-to{padding:.1em .6em;border-radius:99px;background:color-mix(in srgb,var(--t) 40%,rgba(0,0,0,.4));color:#fff}

/* إعلانٌ كبير في الوسط */
.cw-big{position:absolute;z-index:4;inset:0;display:grid;place-items:center;align-content:center;text-align:center;pointer-events:none;
  font-size:max(34px,9cqh);line-height:1.1;text-shadow:0 6px 30px rgba(0,0,0,.7),0 0 2px #000}
.cw-big[hidden]{display:none!important}
.cw-big small{display:block;font-size:.4em;color:#ffd98a;margin-bottom:.2em}
.cw-big.pop{animation:cwPop .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes cwPop{from{transform:scale(.6);opacity:0}}

/* الذيل: ماذا تكتب الآن */
.cw-help{position:absolute;z-index:3;left:50%;bottom:2cqh;transform:translateX(-50%);max-width:92cqw;padding:1.2cqh 2.4cqw;border-radius:99px;text-align:center;
  background:rgba(6,12,30,.82);border:2px solid rgba(255,217,138,.5);font-size:max(15px,2.8cqh);box-shadow:0 8px 24px rgba(0,0,0,.4);pointer-events:none}
.cw-help:empty{display:none}
.cw-help b{color:#ffd98a}

/* الانضمام */
.cw-lobby{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px;text-align:center;font-weight:800}
.cw-lobby h2{margin:0;font-size:30px;font-weight:900}
.cw-lobby p{margin:0;font-size:16px;color:var(--dim,#b8d3f0)}
.cw-lobby p b{color:#ffd98a}
.cw-lteams{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;max-width:980px}
.cw-lteam{border-radius:18px;padding:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 26%,rgba(6,12,30,.8)),rgba(6,12,30,.85));border:2px solid color-mix(in srgb,var(--c) 60%,transparent);min-height:160px}
.cw-lhead{display:flex;align-items:center;gap:8px;font-size:20px}
.cw-lhead b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--c);color:#fff;font-size:22px}
.cw-lhead span{flex:1;text-align:start}
.cw-lhead em{font-style:normal;font-size:24px;font-weight:900}
.cw-lmen{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px;justify-content:center}
.cw-go{font-size:18px;padding:12px 26px}
@media(max-width:700px){.cw-lteams{grid-template-columns:1fr 1fr}.cw-teams{width:44cqw}}
.cw-in{padding:.1em .6em;border-radius:99px;background:rgba(255,217,138,.18);color:#ffd98a}