/* أدوات البثّ — قائمة التشغيل · جولة سريعة · ملخّص البثّ (stream-tools.js) */
.st-bar{display:flex;align-items:center;gap:10px;margin:0 4px 18px;padding:9px 14px;border-radius:14px;
  background:rgba(82,204,255,.06);border:1px solid var(--line,rgba(150,225,255,.18));flex-wrap:wrap}
.st-h{flex:none;font-size:15px;font-weight:900;color:var(--star)}
.st-b{flex:none;font:inherit;font-size:14px;font-weight:800;color:var(--txt,#fff);cursor:pointer;
  padding:6px 14px;border-radius:999px;border:1px solid var(--line,rgba(150,225,255,.2));background:rgba(255,255,255,.07);
  transition:background .15s,transform .15s}
.st-b:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}
.st-b i{font-style:normal;font-size:12px;font-weight:900;margin-inline-start:4px;padding:1px 7px;border-radius:999px;
  background:var(--star);color:#1a1300}
.st-on{margin-inline-start:auto;font-size:13px;font-weight:800;color:var(--p1)}

/* النوافذ */
.st-ov{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:16px;
  background:rgba(4,10,24,.72)}
.st-card{position:relative;width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;
  padding:22px 24px 20px;border-radius:22px;background:var(--panel,#13203f);border:1px solid var(--line,rgba(150,225,255,.2));
  box-shadow:0 30px 80px rgba(0,0,0,.5)}
.st-card h2{margin:0 0 6px;font-size:26px;font-weight:900}
.st-sub{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--dim-2,#b9c6e8);line-height:1.6}
.st-x{position:absolute;top:12px;inset-inline-end:12px;width:36px;height:36px;border-radius:50%;cursor:pointer;
  font:inherit;font-weight:900;color:var(--txt,#fff);background:rgba(255,255,255,.08);border:1px solid var(--line,rgba(255,255,255,.15))}
.st-act{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px}

/* قائمة التشغيل */
.st-q{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.st-q li{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.07);
  border:1px solid var(--line,rgba(255,255,255,.12))}
.st-q li.st-empty{justify-content:center;font-weight:700;color:var(--dim-2,#b9c6e8);border-style:dashed}
.st-n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:900;
  background:var(--p1);color:#04122b}
.st-q b{font-size:18px;font-weight:900}
.st-qb{margin-inline-start:auto;display:flex;gap:6px}
.st-qb button{width:32px;height:32px;border-radius:10px;cursor:pointer;font:inherit;font-weight:900;color:var(--txt,#fff);
  background:rgba(255,255,255,.08);border:1px solid var(--line,rgba(255,255,255,.14))}
.st-qb button:disabled{opacity:.3;cursor:default}
.st-all{display:flex;flex-wrap:wrap;gap:8px;max-height:260px;overflow:auto;padding:4px}
.st-g{font:inherit;font-size:14px;font-weight:800;color:var(--txt,#fff);cursor:pointer;padding:7px 13px;border-radius:12px;
  background:rgba(255,255,255,.06);border:1px solid var(--line,rgba(255,255,255,.14))}
.st-g.in{background:var(--p1);color:#04122b;border-color:transparent}
.st-g:disabled{opacity:.35;cursor:default}

/* الملخّص */
.st-sum canvas{display:block;width:min(100%,400px);aspect-ratio:1080/1350;margin:0 auto;border-radius:16px;
  box-shadow:0 12px 40px rgba(0,0,0,.45)}

/* العدّ بين ألعاب القائمة — فوق شاشة الفوز */
.st-cd{position:fixed;z-index:8800;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;
  padding:12px 16px;border-radius:20px;background:rgba(8,16,38,.92);border:2px solid var(--p1);
  box-shadow:0 14px 44px rgba(0,0,0,.5);animation:stIn .35s ease-out}
.st-cd.held{border-color:var(--dim-2,#888)}
.st-cdn{flex:none;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:32px;font-weight:900;
  background:var(--p1);color:#04122b}
.st-cd.held .st-cdn{background:rgba(255,255,255,.2);color:#fff}
.st-cdt{display:grid;gap:2px}
.st-cdt small{font-size:13px;font-weight:800;color:var(--dim-2,#b9c6e8)}
.st-cdt b,.st-cd>b{font-size:22px;font-weight:900;color:#fff}
.st-cdb{display:flex;gap:6px}
.st-cdb button{font:inherit;font-size:14px;font-weight:800;color:#fff;cursor:pointer;padding:8px 12px;border-radius:12px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.st-cdb button:first-child{background:var(--p1);color:#04122b;border-color:transparent}
@keyframes stIn{from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}
html.perf-lite .st-cd{animation:none}
@media (max-width:760px){.st-cd{flex-wrap:wrap;justify-content:center;width:calc(100% - 24px)}}

/* الأيقونات الخطّيّة (بدل الإيموجي) */
.st-ic{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round}
.st-b{display:inline-flex;align-items:center;gap:7px}
.st-b .st-ic{color:var(--p1)}
.st-card h2{display:flex;align-items:center;gap:10px}
.st-card h2 .st-ic{width:28px;height:28px;color:var(--p1)}
.st-x{display:grid;place-items:center}
.st-x .st-ic,.st-qb .st-ic{width:16px;height:16px}
.st-qb button{display:grid;place-items:center}
.st-on{display:inline-flex;align-items:center;gap:6px}
.st-on .st-ic{fill:currentColor}
.btn .st-ic{margin-inline-end:4px}
[data-go] .st-ic,[data-now] .st-ic{fill:currentColor}
.st-cdb button{display:inline-flex;align-items:center;gap:6px}
.st-cdb [data-cx]{padding:8px}
.st-cd>b{white-space:nowrap}
.st-done .st-ic{width:34px;height:34px;stroke-width:3}
.st-cd .st-done{width:52px;height:52px}