/* «Ball of Satan» — ЗРИТЕЛЬ (ui/watch.js): no body, the whole club. The HUD shrinks to the «Эфир» score bug (clock,
   phase, altars, Satan) + the minimap + TAB; no own plate, no ability strip, no goals / arrows, no touch fight buttons.
   The bar: bottom centre (the score bug owns the top) — ЗРИТЕЛЬ · whom you follow · the delay · buttons. */
body.watching #efir .ef-lt,body.watching #efir .ef-strip,body.watching #efir .ef-big,body.watching #efir .ef-pme{display:none!important}
body.watching .hud.tl,body.watching #grab,body.watching .hint,body.watching #perkPanel,body.watching #nudge,body.watching #arenaSwitch,
body.watching #wpn,body.watching #tkHud,body.watching #kfb,body.watching #sideHint,body.watching #tasks,body.watching #dead,
body.watching #fireBtn,body.watching #spBtn,body.watching #smokeBtn,body.watching #sprBtn,body.watching #specBar,body.watching #specNav{display:none!important}
#watchBar{position:fixed;left:50%;bottom:calc(18px + var(--safe-b));transform:translateX(-50%);z-index:8;display:flex;align-items:center;gap:12px;
  max-width:calc(100vw - 24px);box-sizing:border-box;padding:8px 10px 8px 14px;background:rgba(7,5,11,.84);border:1px solid var(--line);
  font:500 12px/1.2 var(--mono);letter-spacing:.08em;color:var(--ink);text-transform:uppercase}
#watchBar[hidden]{display:none}
#watchBar .camtag{color:var(--amber);white-space:nowrap}
#watchBar .wb-who{display:flex;align-items:baseline;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#watchBar .wb-who b{font:600 16px/1 var(--disp);letter-spacing:.06em;color:#fff;overflow:hidden;text-overflow:ellipsis}
#watchBar .wb-side{font-size:10px;letter-spacing:.14em;color:var(--dim)}
#watchBar .wb-side.swat,#watchBar .wb-side.officer{color:var(--cyan)}
#watchBar .wb-side.possessed{color:var(--mag)}
#watchBar .wb-side.satan{color:var(--red)}
#watchBar .wb-dl{color:var(--dim);white-space:nowrap}
#watchBar .wb-btns{display:flex;gap:6px;margin-left:4px}
#watchBar .btn-g{min-height:34px;padding:0 12px;font-size:12px}
#watchBar .wb-prev,#watchBar .wb-next{display:none;min-width:34px;padding:0;font-size:18px}
#watchBar.fol .wb-prev,#watchBar.fol .wb-next{display:inline-flex;align-items:center;justify-content:center}
#watchBar kbd{margin-left:6px;font-size:10px;opacity:.7}
#watchBar .wb-exit{color:var(--amber)}
/* the board: whose side each row is */
#lbList .lb-side{font-style:normal;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
#lbList .lb-side.possessed{color:var(--mag)}
/* phone: the bar wraps into two rows, big taps */
body.touchp #watchBar{flex-wrap:wrap;justify-content:center;gap:6px 10px;bottom:calc(10px + var(--safe-b));width:calc(100vw - 20px)}
body.touchp #watchBar .wb-btns{width:100%;justify-content:center}
body.touchp #watchBar .btn-g{min-height:44px;flex:1}
body.touchp #watchBar .wb-prev,body.touchp #watchBar .wb-next{flex:0 0 48px}