/* Mini-igre ekipe (js/igre.js): lice, uputstvo i platno u istom prozoru kao Šeća */
.mi-glava{display:flex;gap:10px;align-items:center;margin-bottom:6px}
.mi-glava canvas{width:52px;height:52px;border-radius:50%;background:#0d0f0e;border:2px solid var(--ivica);flex:none}
.mi-glava p{margin:0;font:700 15px/1.35 var(--kucano);color:var(--tekst)}
/* faza 4 (vlasnik 5. okt): naslov jednom, velikim slovima; uputstvo (.mi-glava.prvi-put) samo prvi put; „Dalje“ na kraju je crveno glavno dugme */
.kutija h2.mi-naslov{text-transform:uppercase;color:var(--zlato)}
.mi-okvir{border:1px solid var(--ivica);background:#0a0b0a;margin:6px 0}
.mi-okvir canvas{display:block;width:100%;height:auto;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
/* .ima-igru stavlja js/jezgro.js (prikaziModal) kad prozor ima platno mini-igre */
/* telefon položen: sve mora da stane bez skrolovanja (naslov, lice, platno, dugme) */
@media (orientation:landscape) and (max-height:520px){
  .kutija.ima-igru{padding:8px 14px}
  .kutija .mi-naslov{font-size:20px;margin-bottom:2px}
  .mi-glava{margin-bottom:2px}
  .mi-glava canvas{width:30px;height:30px}
  .mi-glava p{font-size:13px;line-height:1.25}
  .mi-okvir{margin:4px 0}
  .mi-okvir canvas{width:auto;max-width:100%;max-height:calc(100vh - 205px);margin:0 auto}
  .kutija.ima-igru .dno{margin-top:4px}
  .kutija.ima-igru>h2:first-child{font-size:20px;margin-bottom:4px;padding-bottom:4px}
  .sc-okvir{margin:4px 0;background:none;border:0}
  .sc-okvir canvas{width:auto;max-width:100%;max-height:calc(100vh - 200px);margin:0 auto}
  .kutija.ima-igru .sitnije{margin:0;line-height:1.3}
  .kutija.ima-igru .dno .d.sp{font-size:14px;padding:5px 12px;min-height:36px}
}