/* ============================================================
   INDÍTÓS SÚGÓ (js/sugo.js) — az első indításkor 3 rövid lépés a képernyő TETEJÉN. Csak tokenek.
   2026-10-05: alulról felülre került – alul a játékok fő gombjai vannak (Bűnös/Ártatlan, válaszgombok, témasáv);
   a bal felső Menü gomb alatt kezdődik, magától eltűnik.
   ============================================================ */
#sugo { position:fixed; left:50%; transform:translateX(-50%); top:calc(62px + env(safe-area-inset-top));
  z-index:calc(var(--z-hud) + 2); width:min(94vw, 560px); pointer-events:none; }
#sugo.hidden { display:none; }
.sugoBox { display:flex; align-items:flex-start; gap:var(--sp-2); padding:10px 12px; text-align:left; pointer-events:auto; }
.sugoBee { flex:0 0 auto; width:48px; height:48px; } .sugoBee img { width:100%; height:100%; object-fit:contain; }
.sugoBox > div { flex:1; min-width:0; }
.sugoBox b { display:block; font:400 var(--fs-m)/1.1 var(--display); margin-bottom:4px; }
.sugoSteps { list-style:none; margin:0; padding:0; display:grid; gap:4px; font-size:var(--fs-s); }
.sugoSteps li { display:flex; gap:6px; align-items:baseline; }
.sugoN { flex:0 0 auto; display:inline-grid; place-items:center; width:19px; height:19px; border-radius:50%;
  background:var(--accent); border:2px solid var(--line); font:400 12px/1 var(--display); }
.sugoBox .ds-btn-sm { flex:0 0 auto; cursor:pointer; align-self:center; }
@media (max-width:480px){ .sugoBee { width:38px; height:38px; } .sugoSteps { font-size:var(--fs-xs); } }