/* ============================================================
   ÉRINTŐ-KÉPERNYŐ – közös méretszabályok minden játékra (telefon, tablet, rendezvényes érintő-TV)
   A szabálykönyv: docs/erinto-es-kepernyo.md · ellenőrzés: node tools/meret-proba.js

   Csak ott lép életbe, ahol VAN érintő-bevitel (`any-pointer: coarse`) – egérrel semmi nem változik.
   Az `any-` változat azért kell, mert az érintős TV-khez és laptopokhoz sokszor egér is csatlakozik,
   és ilyenkor a sima `pointer` a „finom” egeret jelenti, pedig a látogató ujjal nyúl a képernyőhöz.
   A szabály: minden koppintható elem legalább --tap (44 px) magas és széles.
   Ez a fájl az utolsó stíluslap: a játékok saját, kisebb méreteit is felülírja.
   ============================================================ */
@media (any-pointer: coarse){
  /* a négy állandó rendszergomb és a súgó-gomb – rendezvényen ezeket nyomják a legtöbbször */
  #hudBtn, #sysBtns button, .overlay2d #sysBtns button, .touch.rezsi #sysBtns button { width:var(--tap); height:var(--tap); }
  #sysBtns button .pic { width:22px; height:22px; }
  /* kis gombok, fülek, nyelvváltó, szegmens-választó */
  .ds-btn-sm, .ds-tab, .mnLang .ds-seg button, .ds-seg button, button.ds-chip { min-height:var(--tap); }   /* button.ds-chip: a menü ajánló- és szűrő-csipjei (minőségkapu, 2026-10-03) */
  #rotateHintX { min-width:var(--tap); min-height:var(--tap); }
  /* A térkép-címkék látható mérete marad (különben elborítanák a térképet), de a koppintható felületük
     körben 10 px-szel nagyobb egy láthatatlan réteggel. A méret-próba a data-hit értékével számol. */
  .bpTag, .mhTag { position:absolute; }
  .bpTag::before, .mhTag::before { content:''; position:absolute; inset:-10px; }
  /* álló telefonon a hálózat pontjai közt van hely: a legkisebb (26 px-es) pont is 44 px-es felületet kap (telefon-kör, 2026-10-06) */
  @media (max-width:700px) and (orientation:portrait){ .bpTag::before { inset:-9px; } }
}
/* Nagy érintő-TV (fekvő, legalább 1600 px széles): a szöveg két lépéssel nagyobb, mert a képernyőt
   karnyújtásnyiról vagy a terem közepéről nézik. A méretek a tokenekből jönnek, így minden játék követi. */
@media (any-pointer: coarse) and (min-width:1600px) and (orientation: landscape){
  :root{ --fs-xs:14px; --fs-s:16px; --fs-m:19px; --fs-l:23px; --fs-xl:30px; --tap:52px; }
}

/* Álló telefon: a kör végi lap (#levelEnd) és a játékok évszak-/lépés-panelje a bal felső Menü gomb ALATT kezdődik – a gomb eddig
   rálógott a lap bal felső sarkára (Polgármester, Méhesd élő hálózata, Otthonom; telefon-kör, 2026-10-06). Rövid lapnál a lap így is
   középen marad (margin:auto), hosszúnál a teteje kerül lejjebb. */
@media (max-width:620px) and (orientation:portrait){
  #levelEnd, .bpPanel, .ekPanel, .ngPanel { padding-top:calc(var(--tap) + 18px); }
}

/* Gombokon nincs dupla koppintásos nagyítás és 300 ms-os késleltetés (2026-10-03, „bugos tableten”) – a játéktér (#app)
   eleve védett, a lap többi része nagyítható marad (akadálymentesség) */
button, [role="button"], .ds-chip, .ds-tag[data-oh], #sysBtns, #score, #touchBtns { touch-action:manipulation; }