/* «Ball of Satan» — the search before the round (ui/search.js), style «Эфир»: REC, «ПОИСК ИГРОКОВ» + the clock, the sides
   as pips (cyan спецназ / magenta одержимые), «сторона полна» with the other side / «авто», a short «Как играть», «Отмена». */
#mmSearch{position:fixed;inset:0;z-index:46;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:auto;color:var(--ink);
  padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));
  background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(255,51,85,.10),transparent 70%),rgba(7,5,11,.94)}
#mmSearch[hidden]{display:none}
.mm-box{position:relative;display:flex;flex-direction:column;gap:clamp(12px,2.2vh,20px);width:min(640px,100%);margin:auto;padding:clamp(18px,3vh,28px) clamp(18px,3vw,32px);
  background:rgba(9,7,14,.97);box-shadow:inset 3px 0 0 var(--red);--cc:var(--red)}
.mm-k{display:flex;align-items:center;gap:14px}
.mm-k .lbl{color:var(--dim)}
.mm-h{margin:0;display:flex;align-items:baseline;justify-content:space-between;gap:16px;font:700 clamp(30px,5vw,48px)/1 var(--disp);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.mm-clock{font:600 clamp(30px,5vw,48px)/1 var(--disp);color:var(--amber);font-variant-numeric:tabular-nums}
.mm-sides{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;align-items:center}
.mm-side{--sc:var(--cyan);display:flex;align-items:center;gap:12px;padding:12px 14px;border:var(--bw) solid var(--line);background:rgba(7,5,11,.6)}
.mm-side[data-side=possessed]{--sc:var(--mag)}
.mm-side .lbl{color:var(--sc);min-width:0;flex:1}
.mm-side b{font:600 22px/1 var(--disp);color:#fff}
.mm-pips{display:flex;gap:4px}
.mm-pips>*{width:16px;height:8px;background:rgba(236,230,242,.14)}
.mm-pips>b{background:var(--sc);box-shadow:0 0 6px var(--sc)}
.mm-auto{grid-column:1 / -1;color:var(--dim)}
.mm-auto:empty{display:none}
.mm-full{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.mm-full .tape{background:var(--red);color:#fff}
.mm-alt{display:flex;gap:10px;flex-wrap:wrap}
.mm-alt .btn-a{font-size:22px;min-height:48px}
.mm-alt .btn-g{min-height:48px}
.mm-note{margin:0;color:var(--ink2);font:italic 400 15px/1.45 var(--serif)}
.mm-how{border-top:1px solid var(--line);padding-top:12px}
.mm-how .lbl{color:var(--amber)}
.mm-how ul{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.mm-how li{position:relative;padding-left:18px;font-size:13.5px;line-height:1.45}
.mm-how li::before{content:"";position:absolute;left:0;top:.7em;width:9px;height:1.5px;background:var(--cyan)}
.mm-foot{display:flex;justify-content:flex-end}
.mm-foot .btn-g{min-height:48px;gap:10px}
.mm-foot kbd{font-size:10px}
@media (max-width:760px){ .mm-sides{grid-template-columns:1fr} .mm-foot .btn-g{width:100%;justify-content:center} .mm-foot kbd{display:none} }
@media (max-height:520px){ .mm-box{gap:8px;padding:12px 18px} .mm-h,.mm-clock{font-size:26px} .mm-how li{font-size:12px} .mm-note{font-size:13px} }