/* AUTOGENEROVANO CORALEM, neupravovat.
 * Zdroj pravdy je stejnojmenny .less soubor, tento .css se pri kazde
 * synchronizaci prepisuje. Upravy delej v .less souboru. */
/* ========================================================================
   svet-a-mapy - styly sekce světa a map (Bodycam Arena)

   Jedna vizuální myšlenka sekce: sekce nekreslí do stránky nic. Celý její
   obraz je 3D scéna nad plátnem jádra, kde každá mapa nese jednu dominantní
   světelnou barvu a jednu hloubkovou vrstvu (prach ve skladu, mlha na
   střeše, pára v podzemí). Úkolem tohoto souboru je jediné: obal sekce a
   skrytý katalog map nesmí zabrat v rozvržení hry ani pixel, nesmí nic
   posunout po načtení a nesmí vyrobit vodorovné rolování.

   Sdílené proměnné (:root) a sdílené třídy (.bc-*, .je-skryty) definuje
   sekce herni-jadro. Tady se nedefinují znovu, ani pod jiným jménem.
   Skořápku hry na celou obrazovku (html, body, plátno, posuvník) vlastní
   rovněž herni-jadro.
   ======================================================================== */
/* ========================================================================
   0. VARIABLES - lokální hodnoty této sekce
   ======================================================================== */
/* Katalog map je jen datový nosič pro JS, proto nulová stopa v rozvržení. */
/* ========================================================================
   1. SECTION BLOCKS - třídy, které do stránky opravdu tiskne PHP sekce
   ======================================================================== */
/* Obal logické sekce: mizí z rozvržení, ale zůstává v DOM kvůli data atributům. */
.svet-a-mapy {
  display: contents;
}
/*
   Skrytý katalog map. Viditelnost řeší sdílená třída .je-skryty a atribut
   hidden, proto tady vlastnost display záměrně nenastavuji, aby ji nepřebila.
   Zbytek je pojistka pro případ, že by prvek zůstal v toku: nulový box mimo
   tok, bez okraje, bez výplně a bez možnosti cokoli přetéct.
*/
.svet-a-mapy__katalog {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 0;
  height: 0;
  max-width: 0;
  max-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  contain: strict;
  /* nic uvnitř neovlivní rozvržení stránky */
  clip-path: inset(50%);
  /* pojistka proti přetečení obsahu ven */
}
/* Jedna položka katalogu = jedna mapa, opět jen datový nosič bez rozměru. */
.svet-a-mapy__mapa {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
}
/* ========================================================================
   2. RESPONSIVITA A POHYB
   Sekce nemá žádný viditelný prvek, takže se na žádné šířce nemění a nic
   se v ní nehýbe. Pravidla níž jsou pojistkou proti tomu, aby nulový box
   někdy vyrobil vodorovné rolování nebo přechod, který by bylo vidět.
   ======================================================================== */
@media (max-width: 820px) {
  .svet-a-mapy__katalog,
  .svet-a-mapy__mapa {
    width: 0;
    height: 0;
    max-width: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .svet-a-mapy__katalog,
  .svet-a-mapy__mapa {
    transition: none;
    animation: none;
  }
}