/* صيد الليل — «بثّ رياضي» (الموسم ٣). النظام العامّ بـs3-broadcast.css، وهنا: أرقام العوّامات وصيد كلّ مكان */
.bc-fs{--bc-acc:#1a6fd8;--bc-acc2:#5ad1ff}
.fs-marks{position:absolute;inset:0}
.fs-mk{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;will-change:transform}
.fs-mk>b{width:calc(46px*var(--u));height:calc(46px*var(--u));border-radius:50%;display:grid;place-items:center;background:#08122ee6;font-size:calc(28px*var(--u));box-shadow:0 0 0 2px #ffd08a,0 0 22px #ffb04a88}
.fs-mk>em{margin-top:calc(-10px*var(--u));padding:0 8px;border-radius:99px;background:var(--bc-acc);font-style:normal;font-size:calc(16px*var(--u));order:2}
.fs-mk:not(.has)>em{visibility:hidden}
.fs-mk.has>b{box-shadow:0 0 0 3px var(--bc-acc2),0 0 28px #5ad1ffaa}
.fs-got{order:-1;margin-bottom:calc(8px*var(--u));padding:calc(6px*var(--u)) calc(14px*var(--u));border-radius:calc(10px*var(--u));text-align:center;display:none;white-space:nowrap}
.fs-mk.fish .fs-got,.fs-mk.empty .fs-got{display:block;animation:bcPop .5s cubic-bezier(.2,1.6,.4,1)}
.fs-mk.fish .fs-got{background:#0f3a24ee;box-shadow:0 0 0 2px #3ddc84}
.fs-mk.empty .fs-got{background:#2a1418e6;box-shadow:0 0 0 2px #ff7a8a}
.fs-got b{display:block;font-size:calc(22px*var(--u))}
.fs-got span{display:block;font-size:calc(20px*var(--u));color:#ffd24a}
.fs-got small{display:block;font-size:calc(15px*var(--u));color:#bcd0ff}
@media (max-width:820px){.fs-mk>b{width:30px;height:30px;font-size:17px}.fs-got b{font-size:14px}.fs-got span{font-size:13px}}

/* ═══ (٢٠٢٦/١١/١١) «غوص اللؤلؤ» — علامات الأعماق ولمحة النهّام فوق المشهد 3D (البادئة pl3-) ═══ */
.bc-pl{--bc-acc:#0b6f96;--bc-acc2:#5ad1ff}
.pl3-marks{position:absolute;inset:0;pointer-events:none}
.pl3-mk{position:absolute;left:0;top:0;display:flex;align-items:center;gap:calc(8px*var(--u));padding:calc(4px*var(--u)) calc(14px*var(--u)) calc(4px*var(--u)) calc(4px*var(--u));border-radius:999px;will-change:transform;
 background:#04243acc;border:calc(2px*var(--u)) solid #5ad1ff66;box-shadow:0 8px 22px #0008;white-space:nowrap}
.pl3-mk b{width:calc(38px*var(--u));height:calc(38px*var(--u));border-radius:50%;display:grid;place-items:center;background:#5ad1ff;color:#032033;font-size:calc(24px*var(--u))}
.pl3-mk span{font-size:calc(20px*var(--u));font-weight:900;color:#fff}
.pl3-mk em{font-style:normal;font-size:calc(17px*var(--u));color:#ffe9b8}
.pl3-mk u{text-decoration:none;min-width:1.6em;text-align:center;font-size:calc(18px*var(--u));padding:0 calc(8px*var(--u));border-radius:999px;background:#ffffff1a;color:#cfeefc}
.pl3-mk.has{border-color:#5ad1ff;box-shadow:0 0 calc(20px*var(--u)) #5ad1ff66}
.pl3-mk.shark{border-color:#ff4d5e;background:#3a0f18dd;box-shadow:0 0 calc(24px*var(--u)) #ff4d5e88}.pl3-mk.shark b{background:#ff4d5e;color:#fff}
.pl3-hint{position:absolute;top:calc(160px*var(--u));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:calc(14px*var(--u));padding:calc(10px*var(--u)) calc(22px*var(--u));border-radius:calc(16px*var(--u));
 background:#04243aee;border:calc(3px*var(--u)) solid #ffcc4d;box-shadow:0 14px 36px #000a;opacity:0;transition:opacity .4s}
.pl3-hint.in{opacity:1;animation:pl3In .5s cubic-bezier(.2,1.4,.4,1)}@keyframes pl3In{from{transform:translate(-50%,-16px)}}
.pl3-hint i{width:calc(46px*var(--u));height:calc(46px*var(--u));border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe6a0,#c98a2a);flex:none;box-shadow:0 0 0 calc(3px*var(--u)) #ffcc4d55}
.pl3-hint small{display:block;font-size:calc(16px*var(--u));color:#ffcc4d;font-weight:900}
.pl3-hint b{font-size:calc(28px*var(--u));font-weight:900;color:#fff}
@media (max-aspect-ratio:1/1){.pl3-mk span,.pl3-mk em{display:none}.pl3-hint{top:calc(230px*var(--u));width:calc(100% - 40px*var(--u))}.pl3-hint b{font-size:calc(22px*var(--u))}}
