/* /Komponenty/CisloStatistiky.razor.rz.scp.css */
.cislo-statistiky[b-zo7yil5hdw] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.9rem 1rem;
    background: #fff;
    border: 1px solid var(--platno-2);
    border-radius: var(--zaobleni);
}

strong[b-zo7yil5hdw] {
    font-family: var(--pismo-nadpis);
    font-size: 1.9rem;
    line-height: 1.1;
    color: var(--les-700);
    font-variant-numeric: tabular-nums;
}

span[b-zo7yil5hdw] {
    color: var(--inkoust-2);
    font-size: 0.9rem;
}
/* /Komponenty/FotkyAlba.razor.rz.scp.css */
.fotky-alba[b-dodeeealfp] {
    margin-top: 0.5rem;
}

.promitani[b-dodeeealfp] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 3 / 2;
    border-radius: var(--zaobleni);
    background: var(--les-900);
    box-shadow: var(--stin-maly);
}

/* Rozmazaná, ztmavená kopie fotky — vyplní místo kolem fotek na výšku. */
.promitani-pozadi[b-dodeeealfp] {
    position: absolute;
    inset: -20px;
    background-size: cover;
    background-position: center;
    filter: blur(22px) brightness(0.55);
    transition: background-image 0.8s;
}

.promitani-fotka[b-dodeeealfp] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    transition: opacity 0.9s ease;
}

.promitani-fotka.aktivni[b-dodeeealfp] {
    opacity: 1;
}

.promitani-sipka[b-dodeeealfp] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.6rem;
    height: 2.6rem;
    border: 0;
    border-radius: 50%;
    background: rgba(5, 35, 26, 0.55);
    color: #fff;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.25s, background-color 0.2s;
}

.promitani:hover .promitani-sipka[b-dodeeealfp],
.promitani-sipka:focus-visible[b-dodeeealfp] {
    opacity: 1;
}

.promitani-sipka:hover[b-dodeeealfp] {
    background: rgba(5, 35, 26, 0.8);
}

.promitani-sipka.vlevo[b-dodeeealfp] { left: 0.75rem; }
.promitani-sipka.vpravo[b-dodeeealfp] { right: 0.75rem; }

/* Na dotykových zařízeních hover není — šipky ukázat vždy. */
@media (hover: none) {
    .promitani-sipka[b-dodeeealfp] { opacity: 1; }
}

.promitani-pocet[b-dodeeealfp] {
    position: absolute;
    right: 0.75rem;
    bottom: 0.6rem;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    background: rgba(5, 35, 26, 0.6);
    color: #fff;
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
}

.promitani-nacitani[b-dodeeealfp] {
    display: grid;
    place-items: center;
    color: var(--mosaz-svetla);
}

.fotky-odkaz[b-dodeeealfp] {
    display: inline-block;
    margin-top: 0.6rem;
    font-weight: 600;
    text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
    .promitani-fotka[b-dodeeealfp] { transition: none; }
}
/* /Komponenty/GalerieMedii.razor.rz.scp.css */
.galerie-fotek[b-gz4aljve18] {
    list-style: none;
    margin: 0 0 1.5rem;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
    gap: 0.75rem;
}

.galerie-fotek.jedna[b-gz4aljve18] {
    grid-template-columns: minmax(0, 40rem);
}

.galerie-fotek li[b-gz4aljve18] {
    display: grid;
    gap: 0.35rem;
}

.nahled[b-gz4aljve18] {
    padding: 0;
    border: 0;
    border-radius: var(--zaobleni);
    overflow: hidden;
    background: var(--les-900);
    cursor: zoom-in;
}

.nahled img[b-gz4aljve18] {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform 0.5s var(--krivka);
}

.nahled:hover img[b-gz4aljve18],
.nahled:focus-visible img[b-gz4aljve18] {
    transform: scale(1.04);
}

.popisek[b-gz4aljve18] {
    font-size: 0.875rem;
    color: var(--inkoust-2);
}

.galerie-klipy[b-gz4aljve18] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
    gap: 1rem;
    margin: 0 0 1.5rem;
}

.galerie-klipy figure[b-gz4aljve18] {
    margin: 0;
}

.galerie-klipy video[b-gz4aljve18] {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: var(--zaobleni);
    background: #000;
}

.galerie-klipy figcaption[b-gz4aljve18] {
    font-size: 0.875rem;
    color: var(--inkoust-2);
    margin-top: 0.35rem;
}

.prohlizec[b-gz4aljve18] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 3.5rem 4rem;
    background: rgba(5, 35, 26, 0.94);
    outline: none;
}

.prohlizec figure[b-gz4aljve18] {
    margin: 0;
    max-width: 100%;
    max-height: 100%;
    display: grid;
    gap: 0.6rem;
    justify-items: center;
}

.prohlizec img[b-gz4aljve18] {
    max-width: 100%;
    max-height: calc(100svh - 9rem);
    object-fit: contain;
    border-radius: 0.5rem;
}

.prohlizec figcaption[b-gz4aljve18] {
    color: rgba(255, 255, 255, 0.85);
    text-align: center;
}

.pocitadlo[b-gz4aljve18] {
    margin-left: 0.6rem;
    color: var(--mosaz-svetla);
    font-size: 0.85rem;
}

.sipka[b-gz4aljve18],
.zavrit[b-gz4aljve18] {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(0, 0, 0, 0.25);
    color: #fff;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem;
    font-size: 1.6rem;
    line-height: 1;
    display: grid;
    place-items: center;
    cursor: pointer;
}

.sipka[b-gz4aljve18] { top: 50%; margin-top: -1.375rem; }
.vlevo[b-gz4aljve18] { left: 0.75rem; }
.vpravo[b-gz4aljve18] { right: 0.75rem; }
.zavrit[b-gz4aljve18] { top: 0.75rem; right: 0.75rem; }

.sipka:hover[b-gz4aljve18],
.zavrit:hover[b-gz4aljve18] {
    border-color: var(--mosaz);
}

@media (max-width: 640px) {
    .prohlizec[b-gz4aljve18] {
        padding: 3.5rem 0.5rem;
    }

    .sipka[b-gz4aljve18] {
        top: auto;
        bottom: 0.75rem;
        margin-top: 0;
    }
}
/* /Komponenty/GrafPruhy.razor.rz.scp.css */
.graf[b-g1wniq1o1g] {
    margin: 0;
    display: grid;
    gap: 0.45rem;
}

figcaption[b-g1wniq1o1g] {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.radek[b-g1wniq1o1g] {
    display: grid;
    grid-template-columns: minmax(5rem, 9rem) 1fr auto;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.92rem;
}

.popisek[b-g1wniq1o1g] {
    color: var(--inkoust-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pruh-obal[b-g1wniq1o1g] {
    height: 0.8rem;
    background: var(--platno-2);
    border-radius: 999px;
    overflow: hidden;
}

.pruh[b-g1wniq1o1g] {
    display: block;
    height: 100%;
    background: var(--les-600);
    border-radius: 999px;
}

.pruh.zvyraznit[b-g1wniq1o1g] {
    background: var(--mosaz);
}

.hodnota[b-g1wniq1o1g] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 480px) {
    .radek[b-g1wniq1o1g] {
        grid-template-columns: 1fr auto;
    }

    .pruh-obal[b-g1wniq1o1g] {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}
/* /Komponenty/KodProRodiceTlacitko.razor.rz.scp.css */
.kod-pro-rodice[b-ho3mxrse8o] {
    padding: 0.85rem 1rem;
    border-radius: 0.75rem;
    background: #E5F2EC;
    border: 1px solid #BFDCCD;
    color: var(--les-800);
}

.kod[b-ho3mxrse8o] {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--inkoust);
    background: #fff;
    padding: 0.1rem 0.5rem;
    border-radius: 0.4rem;
    user-select: all;
}
/* /Komponenty/Nacitani.razor.rz.scp.css */
.nacitani-stranky[b-2f5w6r74sh] {
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 0.75rem;
    min-height: 60vh;
    color: var(--les-700, #2f5d3a);
}

.nacitani-stranky svg[b-2f5w6r74sh] {
    width: 72px;
    animation: nacitani-dech-b-2f5w6r74sh 2.4s ease-in-out infinite;
}

.nacitani-text[b-2f5w6r74sh] {
    font-size: 0.9rem;
    opacity: 0.7;
}

.nacitani-stranky.male[b-2f5w6r74sh] {
    min-height: 12rem;
}

@keyframes nacitani-dech-b-2f5w6r74sh {
    0%, 100% { opacity: 0.45; transform: translateY(0); }
    50% { opacity: 1; transform: translateY(-4px); }
}

@media (prefers-reduced-motion: reduce) {
    .nacitani-stranky svg[b-2f5w6r74sh] { animation: none; }
}
/* /Komponenty/PersonalRocniku.razor.rz.scp.css */
.skupina-role[b-a8icnrq493] {
    display: grid;
    grid-template-columns: minmax(9rem, 12rem) 1fr;
    gap: 0.4rem 1rem;
    padding: 0.5rem 0;
    border-top: 1px solid var(--platno-3);
}

.role-nazev[b-a8icnrq493] {
    font-weight: 600;
    font-size: 0.92rem;
}

.role-barva[b-a8icnrq493] {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 0.45rem;
    border-radius: 2px;
    vertical-align: -0.1rem;
}

.role-lide[b-a8icnrq493] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.9rem;
}

.clovek[b-a8icnrq493] {
    font-size: 0.92rem;
}

@media (max-width: 600px) {
    .skupina-role[b-a8icnrq493] {
        grid-template-columns: 1fr;
    }
}
/* /Komponenty/PrehledPrav.razor.rz.scp.css */
.prava td[b-r5om0n3ojg] {
    text-align: center;
    font-size: 0.85rem;
}

.prava td.ano[b-r5om0n3ojg] {
    color: var(--les-700);
    font-weight: 700;
}

.prava td.ne[b-r5om0n3ojg] {
    color: var(--platno-3);
}

.prava td.cast[b-r5om0n3ojg] {
    color: var(--inkoust-2);
}

.prava th[scope="row"][b-r5om0n3ojg] {
    font-weight: 500;
    min-width: 14rem;
}
/* /Komponenty/PruhDrahy.razor.rz.scp.css */
.pruh-drahy[b-5352tl372y] {
    margin: 0;
}

.ctverce[b-5352tl372y] {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}

.ctverec[b-5352tl372y] {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 2px;
}

.ctverec.prazdny[b-5352tl372y] {
    background: var(--platno-2);
}

figcaption[b-5352tl372y] {
    margin-top: 0.3rem;
    font-size: 0.8rem;
    color: var(--inkoust-2);
}
/* /Komponenty/SeznamEmailu.razor.rz.scp.css */
.emaily[b-vbxltjyuv3] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.email[b-vbxltjyuv3] {
    border: 1px solid var(--cara, rgba(0, 0, 0, 0.15));
    border-radius: 0.5rem;
    background: var(--platno-2, transparent);
}

.email summary[b-vbxltjyuv3] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 0.75rem;
    padding: 0.6rem 0.8rem;
    cursor: pointer;
}

.email-predmet[b-vbxltjyuv3] {
    font-weight: 600;
    flex: 1 1 14rem;
}

.email-kdy[b-vbxltjyuv3] {
    font-size: 0.85rem;
    opacity: 0.75;
}

.email-telo[b-vbxltjyuv3] {
    padding: 0 0.8rem 0.8rem;
}

.email-telo pre[b-vbxltjyuv3] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    font: inherit;
    font-size: 0.92rem;
}
/* /Komponenty/Souteze.razor.rz.scp.css */
.souteze[b-688ct2s5hd] {
    display: grid;
    grid-template-columns: minmax(260px, 0.9fr) 1.4fr;
    gap: clamp(1.5rem, 4vw, 3rem);
    align-items: stretch;
}

.seznam[b-688ct2s5hd] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.tab[b-688ct2s5hd] {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 1.1rem;
    align-items: center;
    padding: 1.15rem 1.35rem;
    border: 1px solid var(--platno-3);
    border-radius: var(--zaobleni);
    background: rgba(255, 255, 255, 0.55);
    color: var(--inkoust);
    text-align: left;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s, transform 0.3s var(--krivka), box-shadow 0.3s;
}

.tab:hover[b-688ct2s5hd] {
    background: #fff;
    transform: translateX(4px);
}

.tab.vybrano[b-688ct2s5hd] {
    background: var(--les-900);
    border-color: var(--les-900);
    color: #fff;
    box-shadow: var(--stin);
    transform: translateX(8px);
}

.tab-cislo[b-688ct2s5hd] {
    grid-row: span 2;
    font-family: var(--pismo-nadpis);
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--les-600);
    transition: color 0.3s;
}

.tab.vybrano .tab-cislo[b-688ct2s5hd] {
    color: var(--mosaz);
}

.tab-nazev[b-688ct2s5hd] {
    font-weight: 600;
    font-size: 1.05rem;
}

.tab-typ[b-688ct2s5hd] {
    font-size: 0.82rem;
    color: var(--inkoust-2);
}

.tab.vybrano .tab-typ[b-688ct2s5hd] {
    color: rgba(255, 255, 255, 0.65);
}

.panel[b-688ct2s5hd] {
    position: relative;
    overflow: hidden;
    border-radius: var(--zaobleni-velke);
    background:
        radial-gradient(ellipse at 100% 0%, rgba(201, 164, 92, 0.22), transparent 55%),
        linear-gradient(155deg, var(--les-800), var(--les-950));
    color: rgba(255, 255, 255, 0.85);
    padding: clamp(2rem, 5vw, 3.5rem);
    box-shadow: var(--stin);
    min-height: 26rem;
}

.panel-obsah[b-688ct2s5hd] {
    animation: panel-objevi-b-688ct2s5hd 0.55s var(--krivka);
}

.panel-typ[b-688ct2s5hd] {
    margin: 0 0 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--mosaz);
}

.panel h3[b-688ct2s5hd] {
    color: #fff;
    font-size: clamp(2rem, 4vw, 2.9rem);
    margin: 0 0 1.25rem;
}

.panel-popis[b-688ct2s5hd] {
    font-size: 1.1rem;
    max-width: 38rem;
    margin-bottom: 2rem;
}

.panel-titulek[b-688ct2s5hd] {
    margin: 0 0 0.9rem;
    font-size: 0.85rem;
    color: var(--mosaz-svetla);
    font-weight: 600;
}

.stitky[b-688ct2s5hd] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.stitky li[b-688ct2s5hd] {
    padding: 0.5rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    font-size: 0.92rem;
    color: #fff;
    background: rgba(255, 255, 255, 0.04);
    animation: panel-objevi-b-688ct2s5hd 0.55s var(--krivka) backwards;
}

/* Štítky naskakují postupně. */
.stitky li:nth-child(2)[b-688ct2s5hd] { animation-delay: 0.04s; }
.stitky li:nth-child(3)[b-688ct2s5hd] { animation-delay: 0.08s; }
.stitky li:nth-child(4)[b-688ct2s5hd] { animation-delay: 0.12s; }
.stitky li:nth-child(5)[b-688ct2s5hd] { animation-delay: 0.16s; }
.stitky li:nth-child(6)[b-688ct2s5hd] { animation-delay: 0.2s; }
.stitky li:nth-child(7)[b-688ct2s5hd] { animation-delay: 0.24s; }
.stitky li:nth-child(8)[b-688ct2s5hd] { animation-delay: 0.28s; }
.stitky li:nth-child(9)[b-688ct2s5hd] { animation-delay: 0.32s; }
.stitky li:nth-child(10)[b-688ct2s5hd] { animation-delay: 0.36s; }

@keyframes panel-objevi-b-688ct2s5hd {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: none; }
}

@media (max-width: 860px) {
    .souteze[b-688ct2s5hd] {
        grid-template-columns: 1fr;
    }

    .tab:hover[b-688ct2s5hd],
    .tab.vybrano[b-688ct2s5hd] {
        transform: none;
    }

    .panel[b-688ct2s5hd] {
        min-height: 0;
    }
}
/* /Komponenty/SpravaMedii.razor.rz.scp.css */
.media-mrizka[b-76kk0pq1j5],
.media-klipy[b-76kk0pq1j5] {
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
    display: grid;
    gap: 0.9rem;
}

.media-mrizka[b-76kk0pq1j5] {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
}

.media-klipy[b-76kk0pq1j5] {
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
}

.media-mrizka li[b-76kk0pq1j5],
.media-klipy li[b-76kk0pq1j5] {
    display: grid;
    gap: 0.4rem;
    align-content: start;
}

.media-mrizka img[b-76kk0pq1j5] {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 0.5rem;
    background: var(--les-900);
}

.media-klipy video[b-76kk0pq1j5] {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 0.5rem;
    background: #000;
}

.media-akce[b-76kk0pq1j5] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.nahrat[b-76kk0pq1j5] {
    cursor: pointer;
}
/* /Komponenty/StavPrihlaskyStitek.razor.rz.scp.css */
.stitek-stavu[b-1r1lovi0da] {
    display: inline-block;
    padding: 0.25rem 0.7rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
    white-space: nowrap;
}

.stav-ceka[b-1r1lovi0da] {
    background: #FFF4D9;
    color: #7A5300;
}

.stav-schvaleno[b-1r1lovi0da] {
    background: #E5F2EC;
    color: var(--les-800);
}

.stav-nahradnik[b-1r1lovi0da] {
    background: #E8EEF8;
    color: #284B7A;
}

.stav-zamitnuto[b-1r1lovi0da] {
    background: #FBE9EA;
    color: #8E1F27;
}

.stav-zruseno[b-1r1lovi0da] {
    background: var(--platno-2);
    color: var(--inkoust-2);
    text-decoration: line-through;
}
/* /Komponenty/YouTubeVideo.razor.rz.scp.css */
.video[b-7ffpemoqrd] {
    position: relative;
    aspect-ratio: 16 / 9;
    border-radius: var(--zaobleni);
    overflow: hidden;
    background:
        radial-gradient(ellipse 70% 70% at 70% 20%, rgba(201, 164, 92, 0.25), transparent 70%),
        linear-gradient(150deg, var(--les-800), var(--les-950));
    box-shadow: var(--stin-maly);
}

.video iframe[b-7ffpemoqrd] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.spustit[b-7ffpemoqrd] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 1rem;
    border: 0;
    background: transparent;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.spustit[b-7ffpemoqrd]  .ikona {
    color: var(--mosaz);
    transition: transform 0.3s var(--krivka);
}

.spustit:hover[b-7ffpemoqrd]  .ikona {
    transform: scale(1.1);
}

.nazev[b-7ffpemoqrd] {
    font-family: var(--pismo-nadpis);
    font-size: clamp(1.1rem, 2.5vw, 1.5rem);
}

.pozn[b-7ffpemoqrd] {
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.7);
}

.odkaz-yt[b-7ffpemoqrd] {
    display: inline-block;
    margin-top: 0.4rem;
    font-size: 0.85rem;
}
/* /Layout/HorniMenu.razor.rz.scp.css */
/* Menu je přes celou šířku nahoře. Nad úvodní fotkou je průhledné, jinak
   (a po odrolování) tmavé s rozmazaným pozadím. Úvodní sekci pozná přes
   :has(.hero) — není k tomu potřeba žádný skript. */

.menu[b-kesw9r204p] {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 50;
    color: #fff;
    background: rgba(8, 49, 31, 0.9);
    -webkit-backdrop-filter: saturate(140%) blur(14px);
    backdrop-filter: saturate(140%) blur(14px);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
    transition: background-color 0.4s, box-shadow 0.4s, backdrop-filter 0.4s;
}

/* Nad fotkou nesmí být menu úplně průhledné — světlé koruny stromů by
   bílý text spolkly. Shora ho proto podloží tmavý přechod, který do fotky
   plynule zmizí, a písmo dostane jemný stín. */
html:has(.hero):not(.posunuto) .menu:not(.otevreno)[b-kesw9r204p] {
    background: linear-gradient(180deg, rgba(5, 35, 26, 0.82) 0%, rgba(5, 35, 26, 0.5) 60%, transparent 100%);
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

html:has(.hero):not(.posunuto) .menu:not(.otevreno) .menu-obal[b-kesw9r204p] {
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.45);
}

html:has(.hero):not(.posunuto) .menu:not(.otevreno) .odkazy a[b-kesw9r204p] {
    color: rgba(255, 255, 255, 0.95);
}

.menu-obal[b-kesw9r204p] {
    max-width: var(--sirka);
    height: var(--vyska-menu);
    margin-inline: auto;
    padding-inline: var(--okraj);
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.znacka[b-kesw9r204p] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    color: #fff;
    text-decoration: none;
    font-family: var(--pismo-nadpis);
    font-size: 1.35rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    white-space: nowrap;
    flex: none;
}

.znacka span[b-kesw9r204p] {
    white-space: nowrap;
}

.znacka[b-kesw9r204p]  .logo-stan {
    color: var(--mosaz-svetla);
    transition: transform 0.4s var(--krivka);
}

.znacka:hover[b-kesw9r204p] {
    color: #fff;
}

.znacka:hover[b-kesw9r204p]  .logo-stan {
    transform: translateY(-2px) rotate(-3deg);
}

.odkazy[b-kesw9r204p] {
    display: flex;
    gap: 1.25rem;
    margin-left: auto;
}

.odkazy a[b-kesw9r204p] {
    position: relative;
    color: rgba(255, 255, 255, 0.82);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.97rem;
    padding-block: 0.4rem;
    white-space: nowrap;
    transition: color 0.2s;
}

/* Podtržení, které při najetí vyjede zleva. */
.odkazy a[b-kesw9r204p]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--mosaz);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s var(--krivka);
}

.odkazy a:hover[b-kesw9r204p] {
    color: #fff;
}

.odkazy a:hover[b-kesw9r204p]::after {
    transform: scaleX(1);
}

.ucet[b-kesw9r204p] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    white-space: nowrap;
    font-size: 0.93rem;
}

.jmeno[b-kesw9r204p] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background: none;
    color: var(--mosaz-svetla);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.jmeno:hover[b-kesw9r204p] {
    border-color: var(--mosaz);
}

.ucet-menu[b-kesw9r204p] {
    position: relative;
}

.ucet-nabidka[b-kesw9r204p] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.6rem);
    min-width: 14rem;
    display: flex;
    flex-direction: column;
    padding: 0.5rem;
    background: #fff;
    border-radius: 1rem;
    box-shadow: var(--stin);
}

.ucet-nabidka a[b-kesw9r204p],
.ucet-nabidka button[b-kesw9r204p] {
    padding: 0.6rem 0.9rem;
    border: 0;
    border-radius: 0.6rem;
    background: none;
    color: var(--inkoust);
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.ucet-nabidka a:hover[b-kesw9r204p],
.ucet-nabidka button:hover[b-kesw9r204p] {
    background: var(--platno);
}

.ucet-nabidka button[b-kesw9r204p] {
    border-top: 1px solid var(--platno-2);
    border-radius: 0 0 0.6rem 0.6rem;
    color: var(--inkoust-2);
}

/* Vstup do správy je od veřejných odkazů vizuálně oddělený. */
.odkazy a.odkaz-sprava[b-kesw9r204p] {
    padding-inline: 0.9rem;
    border-radius: 999px;
    background: rgba(201, 164, 92, 0.18);
    color: var(--mosaz-svetla);
}

.odkazy a.odkaz-sprava[b-kesw9r204p]::after {
    display: none;
}

.odkaz-ucet[b-kesw9r204p] {
    background: none;
    border: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font: inherit;
    cursor: pointer;
}

.odkaz-ucet:hover[b-kesw9r204p] {
    color: #fff;
}

.ucet[b-kesw9r204p]  .tl-maly {
    padding: 0.65rem 1.2rem;
    font-size: 0.92rem;
}

.prepinac[b-kesw9r204p] {
    display: none;
    margin-left: auto;
    background: none;
    border: 0;
    color: #fff;
    padding: 0.5rem;
    cursor: pointer;
}

/* --- Mobil ---------------------------------------------------------------- */

/* Panel je uvnitř fixní hlavičky, takže musí mít vlastní výšku a rolování —
   jinak by to, co se nevejde na displej, nešlo nikdy zobrazit. */
.panel[b-kesw9r204p] {
    padding: 0.5rem var(--okraj) 2rem;
    background: var(--les-900);
    max-height: calc(100vh - var(--vyska-menu));
    max-height: calc(100dvh - var(--vyska-menu));
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    animation: panel-vyjede-b-kesw9r204p 0.35s var(--krivka);
}

.panel nav[b-kesw9r204p] {
    display: flex;
    flex-direction: column;
}

.panel nav a[b-kesw9r204p],
.panel nav button[b-kesw9r204p] {
    padding: 0.8rem 0;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: none;
    color: #fff;
    text-align: left;
    text-decoration: none;
    font-family: var(--pismo-nadpis);
    font-size: 1.35rem;
    font-weight: 500;
    cursor: pointer;
}

.panel nav .skupina[b-kesw9r204p] {
    margin-top: 1.25rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid rgba(201, 164, 92, 0.35);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--mosaz-svetla);
}

.panel-site[b-kesw9r204p] {
    display: flex;
    gap: 1.5rem;
    padding-top: 1.5rem;
}

.panel-site a[b-kesw9r204p] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--mosaz-svetla);
    text-decoration: none;
    font-weight: 600;
}

@keyframes panel-vyjede-b-kesw9r204p {
    from { opacity: 0; transform: translateY(-12px); }
    to { opacity: 1; transform: none; }
}

/* Počet neodeslaných zápisů je vidět i na mobilu — tam se na táboře zapisuje. */
/* Na počítači se obal neprojeví (prázdný by přidal mezeru), na mobilu odsune menu doprava. */
.fronta-obal[b-kesw9r204p] {
    display: contents;
}

@media (max-width: 1179.98px) {
    .odkazy[b-kesw9r204p],
    .ucet[b-kesw9r204p] {
        display: none;
    }

    .fronta-obal[b-kesw9r204p] {
        display: block;
        margin-left: auto;
    }

    .fronta-obal + .prepinac[b-kesw9r204p] {
        margin-left: 0;
    }

    .prepinac[b-kesw9r204p] {
        display: inline-flex;
    }
}

@media (max-width: 400px) {
    .znacka[b-kesw9r204p] {
        font-size: 1.15rem;
        gap: 0.5rem;
    }

    .menu-obal[b-kesw9r204p] {
        gap: 0.5rem;
    }
}

@media (min-width: 1180px) {
    .panel[b-kesw9r204p] {
        display: none;
    }
}

/* Kde právě jsem — odkaz v hlavním menu zůstává zvýrazněný. */
.odkazy[b-kesw9r204p]  a.aktivni,
.odkazy a.aktivni[b-kesw9r204p] {
    color: var(--mosaz-svetla, #fff);
}

.odkazy a.aktivni[b-kesw9r204p]::after {
    transform: scaleX(1);
}
/* /Layout/MainLayout.razor.rz.scp.css */
.preskocit[b-90w5rxx5ij] {
    position: absolute;
    left: 1rem;
    top: -4rem;
    z-index: 100;
    padding: 0.75rem 1.25rem;
    border-radius: 999px;
    background: var(--mosaz);
    color: var(--les-950);
    font-weight: 600;
    text-decoration: none;
    transition: top 0.2s;
}

.preskocit:focus[b-90w5rxx5ij] {
    top: 1rem;
}
/* /Layout/Paticka.razor.rz.scp.css */
.paticka[b-ty8pn5r5it] {
    background: var(--les-950);
    color: rgba(255, 255, 255, 0.72);
    padding-top: clamp(3.5rem, 8vw, 6rem);
    font-size: 0.95rem;
}

.paticka-obal[b-ty8pn5r5it] {
    max-width: var(--sirka);
    margin-inline: auto;
    padding-inline: var(--okraj);
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 3rem;
}

.paticka-znacka[b-ty8pn5r5it] {
    display: flex;
    gap: 1.25rem;
    align-items: flex-start;
}

.paticka-znacka[b-ty8pn5r5it]  .logo-stan {
    color: var(--mosaz);
    flex-shrink: 0;
}

.paticka-nazev[b-ty8pn5r5it] {
    margin: 0 0 0.35rem;
    font-family: var(--pismo-nadpis);
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
}

.paticka-popis[b-ty8pn5r5it] {
    margin: 0;
    line-height: 1.6;
}

.paticka-sloupec[b-ty8pn5r5it] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.paticka-titulek[b-ty8pn5r5it] {
    margin: 0 0 0.4rem;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--mosaz);
}

.paticka-sloupec a[b-ty8pn5r5it] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: rgba(255, 255, 255, 0.78);
    text-decoration: none;
    transition: color 0.2s, transform 0.2s;
}

.paticka-sloupec a:hover[b-ty8pn5r5it] {
    color: #fff;
    transform: translateX(3px);
}

.paticka-spodek[b-ty8pn5r5it] {
    max-width: var(--sirka);
    margin: clamp(3rem, 6vw, 4.5rem) auto 0;
    padding: 1.5rem var(--okraj);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 900px) {
    .paticka-obal[b-ty8pn5r5it] {
        grid-template-columns: 1fr 1fr;
    }

    .paticka-znacka[b-ty8pn5r5it] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 520px) {
    .paticka-obal[b-ty8pn5r5it] {
        grid-template-columns: 1fr;
        gap: 2.25rem;
    }
}
/* /Layout/StavFronty.razor.rz.scp.css */
/* Štítek v tmavé hlavičce; panel pod ním vypadá jako nabídka účtu. */

.fronta[b-7k5wc4db1y] {
    position: relative;
}

.fronta-stitek[b-7k5wc4db1y] {
    display: inline-flex;
    gap: 0.6rem;
    padding: 0.35rem 0.8rem;
    border: 1px solid rgba(226, 201, 143, 0.5);
    border-radius: 999px;
    background: rgba(201, 164, 92, 0.18);
    color: var(--mosaz-svetla);
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.fronta-chyba[b-7k5wc4db1y] {
    border-color: rgba(229, 74, 82, 0.7);
    background: rgba(229, 74, 82, 0.2);
    color: #fff;
}

.fronta-panel[b-7k5wc4db1y] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.6rem);
    width: min(22rem, calc(100vw - 2 * var(--okraj)));
    padding: 1rem;
    background: #fff;
    color: var(--inkoust);
    border-radius: 1rem;
    box-shadow: var(--stin);
    font-size: 0.9rem;
    white-space: normal;
    text-shadow: none;
}

.fronta-nadpis[b-7k5wc4db1y] {
    margin: 0 0 0.25rem;
    font-weight: 700;
}

.fronta-pozn[b-7k5wc4db1y] {
    margin: 0 0 0.5rem;
    color: var(--inkoust-2);
    font-size: 0.82rem;
}

.fronta-panel ul[b-7k5wc4db1y] {
    margin: 0 0 0.75rem;
    padding-left: 1.1rem;
}

.fronta-panel li + li[b-7k5wc4db1y] {
    margin-top: 0.25rem;
}

.fronta-cas[b-7k5wc4db1y] {
    display: block;
    color: var(--inkoust-2);
    font-size: 0.8rem;
}

.fronta-panel .tl + .fronta-nadpis[b-7k5wc4db1y] {
    margin-top: 1rem;
}
/* /Layout/Zvonecek.razor.rz.scp.css */
.zvonecek[b-sltishvxue] {
    position: relative;
    display: inline-block;
}

.zvonek[b-sltishvxue] {
    position: relative;
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.zvonek:hover[b-sltishvxue] {
    border-color: var(--mosaz);
}

.pocet[b-sltishvxue] {
    position: absolute;
    top: -0.25rem;
    right: -0.3rem;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: var(--cervena);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.2rem;
    text-align: center;
}

.zvonecek-panel[b-sltishvxue] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.6rem);
    z-index: 50;
    width: min(24rem, calc(100vw - 2rem));
    max-height: min(70vh, 34rem);
    overflow-y: auto;
    padding: 1rem;
    background: #fff;
    color: var(--inkoust);
    border-radius: 1rem;
    box-shadow: var(--stin);
    white-space: normal;
}

.souhrn-nadpis[b-sltishvxue] {
    font-family: var(--pismo-nadpis);
    font-size: 1.3rem;
    margin: 0 0 0.2rem;
}

.souhrn-pozn[b-sltishvxue] {
    color: var(--inkoust-2);
    font-size: 0.9rem;
    margin: 0 0 0.6rem;
}

.panel-nadpis[b-sltishvxue] {
    margin: 0.6rem 0 0.3rem;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--les-600);
}

.novinky[b-sltishvxue] {
    display: grid;
    gap: 0.4rem;
    list-style: none;
    margin: 0 0 0.5rem;
    padding: 0;
    text-shadow: none;
}

.novinky a[b-sltishvxue] {
    display: flex;
    gap: 0.6rem;
    padding: 0.55rem 0.5rem;
    border-radius: 0.6rem;
    color: inherit;
    text-decoration: none;
    font-size: 0.92rem;
}

.novinky a:hover[b-sltishvxue] {
    background: var(--platno);
}

.novinky li.nova a[b-sltishvxue] {
    background: rgba(201, 164, 92, 0.14);
}

.ikonka[b-sltishvxue] {
    flex: none;
}

.kdy[b-sltishvxue] {
    display: block;
    font-size: 0.78rem;
    color: var(--inkoust-2);
}

/* Na mobilu je zvoneček uprostřed hlavičky; panel se proto neukotvuje
   k tlačítku, ale k celé šířce displeje, jinak by vyjel mimo obrazovku. */
@media (max-width: 1179.98px) {
    .zvonecek[b-sltishvxue] {
        margin-right: 0.5rem;
        vertical-align: middle;
        position: static;
    }

    .zvonecek-panel[b-sltishvxue] {
        position: fixed;
        left: 0.75rem;
        right: 0.75rem;
        top: calc(var(--vyska-menu) + 0.25rem);
        width: auto;
        max-height: calc(100dvh - var(--vyska-menu) - 1.5rem);
    }
}
/* /Pages/Historie.razor.rz.scp.css */
.uvod[b-s5stzlaq1x] {
    max-width: 44rem;
    font-size: 1.1rem;
    color: var(--inkoust-2);
    margin-bottom: 3rem;
}

.osa[b-s5stzlaq1x] {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

/* Svislá linka časové osy za letopočty. */
.osa[b-s5stzlaq1x]::before {
    content: "";
    position: absolute;
    top: 0.5rem;
    bottom: 0.5rem;
    left: 3.25rem;
    width: 2px;
    background: var(--platno-3);
}

.rocnik[b-s5stzlaq1x] {
    position: relative;
    display: grid;
    grid-template-columns: 6.5rem 1fr;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.rok[b-s5stzlaq1x] {
    position: sticky;
    top: calc(var(--vyska-menu) + 1rem);
    align-self: start;
    z-index: 1;
    padding: 0.45rem 0;
    border-radius: 999px;
    background: var(--les-900);
    color: var(--mosaz-svetla);
    font-family: var(--pismo-nadpis);
    font-size: 1.35rem;
    text-align: center;
}

.obsah[b-s5stzlaq1x] {
    padding: clamp(1.25rem, 3vw, 2rem);
    min-width: 0;
}

.obsah h2[b-s5stzlaq1x] {
    font-size: clamp(1.5rem, 3vw, 2rem);
    margin: 0 0 0.5rem;
}

.popis[b-s5stzlaq1x] {
    color: var(--inkoust-2);
    max-width: 42rem;
}

.videa[b-s5stzlaq1x] {
    margin: 1.25rem 0;
    max-width: 44rem;
}

.videa.vice[b-s5stzlaq1x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 1rem;
    max-width: none;
}

.mezititulek[b-s5stzlaq1x] {
    margin: 1.25rem 0 0.6rem;
    font-family: var(--pismo-text);
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--les-600);
}

.postavy[b-s5stzlaq1x] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 0.4rem 1.5rem;
}

.postavy li[b-s5stzlaq1x] {
    display: flex;
    flex-direction: column;
    padding: 0.35rem 0;
    border-bottom: 1px solid var(--platno-2);
}

.postava[b-s5stzlaq1x] {
    font-weight: 500;
}

.hrac[b-s5stzlaq1x],
.vedouci[b-s5stzlaq1x] {
    font-size: 0.9rem;
    color: var(--inkoust-2);
}


@media (max-width: 640px) {
    .osa[b-s5stzlaq1x]::before {
        display: none;
    }

    .rocnik[b-s5stzlaq1x] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .rok[b-s5stzlaq1x] {
        position: static;
        justify-self: start;
        padding: 0.35rem 1rem;
    }
}

.obsah h2 a[b-s5stzlaq1x] {
    color: inherit;
    text-decoration: none;
}

.obsah h2 a:hover[b-s5stzlaq1x] {
    color: var(--les-600);
}

.nahledy[b-s5stzlaq1x] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 1rem 0;
}

.nahledy img[b-s5stzlaq1x] {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 0.6rem;
}

.rocnik-pata[b-s5stzlaq1x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 1rem;
}
/* /Pages/HistoriePersonalu.razor.rz.scp.css */
.filtry[b-msxeh4t4lb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.5rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.stitky[b-msxeh4t4lb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.stitek[b-msxeh4t4lb] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.8rem;
    border: 1px solid var(--platno-3);
    border-radius: 999px;
    background: transparent;
    color: var(--inkoust);
    font: inherit;
    font-size: 0.9rem;
    cursor: pointer;
}

.stitek.vypnuty[b-msxeh4t4lb] {
    opacity: 0.45;
}

.role-barva[b-msxeh4t4lb] {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 2px;
}

.rozsah[b-msxeh4t4lb] {
    display: flex;
    gap: 1rem;
    font-size: 0.92rem;
}

.rozsah select[b-msxeh4t4lb] {
    margin-left: 0.3rem;
}

.sekce-grafu h2[b-msxeh4t4lb] {
    margin-bottom: 0.75rem;
}

.sloupce[b-msxeh4t4lb] {
    display: flex;
    align-items: stretch;
    gap: 2px;
    height: 12rem;
    overflow-x: auto;
}

.sloupec[b-msxeh4t4lb] {
    flex: 1 0 0.9rem;
    min-width: 0.9rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* Plocha nad popiskem roku — výška sloupce se počítá z ní, ne z celého sloupce i s popiskem. */
.sloupec-plocha[b-msxeh4t4lb] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.sloupec-vyska[b-msxeh4t4lb] {
    display: flex;
    flex-direction: column-reverse;
    gap: 1px;
}

.usek[b-msxeh4t4lb] {
    display: block;
    min-height: 2px;
}

.sloupec-rok[b-msxeh4t4lb] {
    margin-top: 0.25rem;
    font-size: 0.65rem;
    text-align: center;
    color: var(--inkoust-2);
}

.prichody .polovina[b-msxeh4t4lb] {
    position: relative;
    flex: 1;
}

.prichody .nahore[b-msxeh4t4lb] {
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid var(--platno-3);
}

.prichody .dole[b-msxeh4t4lb] {
    display: flex;
    align-items: flex-start;
}

.prichody .novy[b-msxeh4t4lb],
.prichody .odesel[b-msxeh4t4lb] {
    display: block;
    width: 100%;
}

.prichody .novy[b-msxeh4t4lb] {
    background: #1baf7a;
}

.prichody .odesel[b-msxeh4t4lb] {
    background: #d93a3a;
}

.prichody .sloupec[b-msxeh4t4lb] {
    justify-content: space-between;
}

.zebricky[b-msxeh4t4lb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: 1rem;
}

.matice-ovladani[b-msxeh4t4lb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.matice-ovladani input[b-msxeh4t4lb] {
    max-width: 16rem;
}

.matice-ovladani select[b-msxeh4t4lb] {
    max-width: 14rem;
}

.matice-obal[b-msxeh4t4lb] {
    overflow-x: auto;
}

.matice[b-msxeh4t4lb] {
    border-collapse: separate;
    border-spacing: 1px;
    font-size: 0.85rem;
}

.matice th.jmeno[b-msxeh4t4lb] {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 9.5rem;
    padding-right: 0.5rem;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    background: var(--platno);
}

.matice th.rok[b-msxeh4t4lb] {
    padding: 0;
    font-size: 0.6rem;
    font-weight: 400;
    color: var(--inkoust-2);
    text-align: center;
}

.bunka[b-msxeh4t4lb] {
    width: 0.8rem;
    min-width: 0.8rem;
    height: 0.8rem;
    border-radius: 2px;
}

.bunka.prazdna[b-msxeh4t4lb] {
    background: var(--platno-2);
}

.neaktivni[b-msxeh4t4lb] {
    color: var(--inkoust-2);
}
/* /Pages/HistorieTabora.razor.rz.scp.css */
.uvod[b-se7x2h2qeu] {
    max-width: 44rem;
    font-size: 1.1rem;
    color: var(--inkoust-2);
    margin-bottom: 2.5rem;
}

/* Úvodní černobílá fotka z roku 1946. */
.uvod-foto[b-se7x2h2qeu] {
    margin: 0 0 4rem;
}

.uvod-foto img[b-se7x2h2qeu] {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 8;
    object-fit: cover;
    object-position: 50% 55%;
    border-radius: var(--zaobleni-velke);
    box-shadow: var(--stin);
}

figcaption[b-se7x2h2qeu] {
    margin-top: 0.6rem;
    font-size: 0.9rem;
    color: var(--inkoust-2);
}

/* ------------------------------------------------------------ časová osa */

.osa[b-se7x2h2qeu] {
    list-style: none;
    margin: 0 0 5rem;
    padding: 0;
    max-width: 56rem;
}

.osa li[b-se7x2h2qeu] {
    position: relative;
    display: grid;
    grid-template-columns: 7.5rem 1fr;
    gap: 0 2rem;
    padding-bottom: 3rem;
}

/* Svislá čára a tečka u každého roku. */
.osa li[b-se7x2h2qeu]::before {
    content: "";
    position: absolute;
    left: 7.5rem;
    top: 0.6rem;
    bottom: -0.6rem;
    width: 2px;
    margin-left: 0.9rem;
    background: var(--platno-3);
}

.osa li:last-child[b-se7x2h2qeu]::before {
    display: none;
}

.osa li[b-se7x2h2qeu]::after {
    content: "";
    position: absolute;
    left: 7.5rem;
    top: 0.55rem;
    width: 0.8rem;
    height: 0.8rem;
    margin-left: 0.5rem;
    border-radius: 50%;
    background: var(--les-700);
    box-shadow: 0 0 0 4px var(--platno);
}

.osa-rok[b-se7x2h2qeu] {
    font-family: var(--pismo-nadpis);
    font-size: 2.4rem;
    font-style: italic;
    line-height: 1;
    color: var(--les-700);
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.osa-obsah[b-se7x2h2qeu] {
    padding-left: 2rem;
}

.osa-obsah h2[b-se7x2h2qeu] {
    font-size: 1.6rem;
    margin: 0 0 0.6rem;
}

.osa-obsah p[b-se7x2h2qeu] {
    margin: 0 0 1rem;
    line-height: 1.65;
}

.osa-obsah strong[b-se7x2h2qeu] {
    color: var(--les-800);
}

.osa-foto[b-se7x2h2qeu] {
    margin: 1.25rem 0 0;
}

.osa-foto img[b-se7x2h2qeu] {
    display: block;
    width: 100%;
    max-width: 34rem;
    border-radius: var(--zaobleni);
    box-shadow: var(--stin-maly);
}

/* ----------------------------------------------------------------- lidé */

.lide-hlava[b-se7x2h2qeu] {
    max-width: 44rem;
    margin-bottom: 2rem;
}

.lide-hlava h2[b-se7x2h2qeu] {
    font-size: clamp(2rem, 4.5vw, 3rem);
    margin: 0 0 1rem;
}

.lide-hlava p[b-se7x2h2qeu] {
    font-size: 1.1rem;
    color: var(--inkoust-2);
    margin: 0;
}

.lide-mrizka[b-se7x2h2qeu] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.lide-karta[b-se7x2h2qeu] {
    padding: 1.4rem 1.5rem;
    border: 1px solid var(--platno-2);
    border-radius: var(--zaobleni);
    background: #fff;
}

.lide-karta h3[b-se7x2h2qeu] {
    margin: 0 0 0.5rem;
    font-size: 1.2rem;
    color: var(--les-800);
}

.lide-karta p[b-se7x2h2qeu] {
    margin: 0;
    font-size: 0.96rem;
    line-height: 1.6;
    color: var(--inkoust-2);
}

/* ----------------------------------------------------------------- dnes */

.dnes[b-se7x2h2qeu] {
    padding-block: clamp(4.5rem, 10vw, 7.5rem);
    background:
        radial-gradient(ellipse 50% 70% at 85% 30%, rgba(201, 164, 92, 0.14), transparent 70%),
        linear-gradient(rgba(8, 49, 31, 0.8), rgba(8, 49, 31, 0.88)),
        url("../img/les-z-dronu.jpg") center 30% / cover no-repeat,
        var(--les-900);
    color: rgba(255, 255, 255, 0.85);
}

.dnes-hlava[b-se7x2h2qeu] {
    max-width: 40rem;
    margin-bottom: 3rem;
}

.dnes .nadtitulek[b-se7x2h2qeu] {
    color: var(--mosaz);
}

.dnes h2[b-se7x2h2qeu] {
    color: #fff;
    font-size: clamp(2.2rem, 5vw, 3.4rem);
    margin: 0 0 1rem;
}

.dnes-hlava p[b-se7x2h2qeu] {
    font-size: 1.15rem;
    margin: 0;
}

.dnes-cisla[b-se7x2h2qeu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    margin-bottom: 3.5rem;
}

.dnes-cislo[b-se7x2h2qeu] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.dnes-cislo > span[b-se7x2h2qeu] {
    font-family: var(--pismo-nadpis);
    font-size: clamp(2.8rem, 6vw, 4.5rem);
    font-style: italic;
    line-height: 1;
    color: var(--mosaz);
    font-variant-numeric: tabular-nums;
}

.dnes-cislo small[b-se7x2h2qeu] {
    font-size: 0.95rem;
    color: var(--mosaz-svetla);
}

.hry[b-se7x2h2qeu] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.hry h3[b-se7x2h2qeu] {
    color: #fff;
    font-size: 1.2rem;
    margin: 0 0 0.9rem;
}

.stitky[b-se7x2h2qeu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.stitky li[b-se7x2h2qeu] {
    padding: 0.45rem 0.95rem;
    border: 1px solid rgba(226, 201, 143, 0.4);
    border-radius: 999px;
    font-size: 0.95rem;
    color: #fff;
}

/* --------------------------------------------------------------- galerie */

.galerie-historie[b-se7x2h2qeu] {
    padding-block: clamp(4.5rem, 10vw, 7rem);
}

.galerie-hlava[b-se7x2h2qeu] {
    margin-bottom: 2rem;
}

.galerie-hlava h2[b-se7x2h2qeu] {
    font-size: clamp(2.2rem, 5vw, 3.4rem);
    margin: 0;
}

/* Sloupce zachovají poměr stran každé fotky — žádné ořezávání, rovnoměrné sloupce. */
.galerie-mrizka[b-se7x2h2qeu] {
    column-count: 3;
    column-gap: 1rem;
}

.galerie-mrizka figure[b-se7x2h2qeu] {
    position: relative;
    margin: 0 0 1rem;
    overflow: hidden;
    border-radius: var(--zaobleni);
    box-shadow: var(--stin-maly);
    break-inside: avoid;
}

.galerie-mrizka img[b-se7x2h2qeu] {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.6s var(--krivka);
}

.galerie-mrizka figure:hover img[b-se7x2h2qeu] {
    transform: scale(1.04);
}

.galerie-mrizka figcaption[b-se7x2h2qeu] {
    position: absolute;
    inset: auto 0 0 0;
    margin: 0;
    padding: 1.5rem 1rem 0.75rem;
    background: linear-gradient(transparent, rgba(5, 35, 26, 0.75));
    color: #fff;
    font-size: 0.9rem;
    font-weight: 600;
}

.vyzva-historie[b-se7x2h2qeu] {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem;
}

/* ---------------------------------------------------------------- mobil */

@media (max-width: 720px) {
    .osa li[b-se7x2h2qeu] {
        grid-template-columns: 1fr;
        padding-left: 1.75rem;
        padding-bottom: 2.25rem;
    }

    .osa li[b-se7x2h2qeu]::before {
        left: 0;
        margin-left: 0.3rem;
    }

    .osa li[b-se7x2h2qeu]::after {
        left: 0;
        margin-left: 0;
    }

    .osa-rok[b-se7x2h2qeu] {
        text-align: left;
        font-size: 2rem;
        margin-bottom: 0.4rem;
    }

    .osa-obsah[b-se7x2h2qeu] {
        padding-left: 0;
    }

    .lide-mrizka[b-se7x2h2qeu],
    .hry[b-se7x2h2qeu] {
        grid-template-columns: 1fr;
    }

    .dnes-cisla[b-se7x2h2qeu] {
        grid-template-columns: repeat(2, 1fr);
    }

    .galerie-mrizka[b-se7x2h2qeu] {
        column-count: 1;
    }
}

@media (min-width: 721px) and (max-width: 1000px) {
    .galerie-mrizka[b-se7x2h2qeu] {
        column-count: 2;
    }
}
/* /Pages/Home.razor.rz.scp.css */
/* ------------------------------------------------------------------ úvod */

.hero[b-xuole208u0] {
    position: relative;
    min-height: 100svh;
    display: grid;
    align-items: center;
    overflow: hidden;
    color: #fff;
    background: var(--les-900);
    isolation: isolate;
}

/* Fotka je jen 1488 × 992 px, proto se nesmí zvětšovat nad původní
   velikost, jinak je mázlá. Na mobilu přes celou plochu (tam se zmenšuje),
   na širších obrazovkách viz níže. */
.hero-foto[b-xuole208u0] {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 70% 60%;
}

/* Závoj přes fotku: shora tmavý pruh pod menu, zdola přechod do karty
   s čísly, vlevo tmavě za textem, vpravo je tábor vidět. */
.hero-zavoj[b-xuole208u0] {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(180deg, rgba(5, 35, 26, 0.55) 0%, transparent 22%, transparent 70%, rgba(5, 35, 26, 0.6) 100%),
        radial-gradient(ellipse 60% 50% at 78% 18%, rgba(201, 164, 92, 0.14), transparent 70%),
        linear-gradient(100deg, rgba(5, 35, 26, 0.92) 0%, rgba(5, 35, 26, 0.8) 35%, rgba(8, 49, 31, 0.45) 60%, rgba(8, 49, 31, 0.12) 100%);
}

/* Jemné zrno, aby plocha nepůsobila jako plochý digitální gradient. */
.hero[b-xuole208u0]::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.07;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='z'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23z)'/%3E%3C/svg%3E");
    pointer-events: none;
}

.hero-pozadi[b-xuole208u0] {
    position: absolute;
    right: -6%;
    bottom: -12%;
    pointer-events: none;
}

.hero-pozadi[b-xuole208u0]  .hero-stan {
    width: min(62vw, 720px);
    height: auto;
    color: var(--mosaz);
    opacity: 0.09;
    animation: stan-plyne-b-xuole208u0 14s ease-in-out infinite;
}

@keyframes stan-plyne-b-xuole208u0 {
    0%, 100% { transform: translateY(0) rotate(-2deg); }
    50% { transform: translateY(-18px) rotate(0deg); }
}

.hero-obsah[b-xuole208u0] {
    position: relative;
    width: 100%;
    max-width: var(--sirka);
    margin-inline: auto;
    padding: calc(var(--vyska-menu) + 3rem) var(--okraj) 10rem;
}

.hero-obsah > *[b-xuole208u0] {
    animation: hero-vstup-b-xuole208u0 1.1s var(--krivka) backwards;
}

.hero-obsah > :nth-child(2)[b-xuole208u0] { animation-delay: 0.12s; }
.hero-obsah > :nth-child(3)[b-xuole208u0] { animation-delay: 0.24s; }
.hero-obsah > :nth-child(4)[b-xuole208u0] { animation-delay: 0.36s; }

@keyframes hero-vstup-b-xuole208u0 {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: none; }
}

.hero-nadtitulek[b-xuole208u0] {
    display: inline-flex;
    align-items: center;
    gap: 0.9rem;
    margin: 0 0 1.75rem;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--mosaz-svetla);
}

.hero-nadtitulek[b-xuole208u0]::before {
    content: "";
    width: 2.5rem;
    height: 1px;
    background: var(--mosaz);
}

.hero h1[b-xuole208u0] {
    margin: 0 0 1.75rem;
    color: #fff;
    font-size: clamp(3rem, 8vw, 6.4rem);
    font-weight: 500;
    line-height: 0.98;
    letter-spacing: -0.035em;
    text-shadow: 0 2px 30px rgba(0, 0, 0, 0.35);
}

.hero h1 em[b-xuole208u0] {
    font-style: italic;
    font-weight: 400;
    color: var(--mosaz-svetla);
}

.hero-text[b-xuole208u0] {
    /* užší, ať text nezajíždí na světlou mýtinu s tábořištěm */
    max-width: 30rem;
    margin: 0 0 2.5rem;
    font-size: clamp(1.05rem, 1.6vw, 1.25rem);
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.88);
    text-shadow: 0 1px 14px rgba(0, 0, 0, 0.4);
}

.hero-akce[b-xuole208u0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
}

.hero-dolu[b-xuole208u0] {
    position: absolute;
    left: 50%;
    /* nad kartou s čísly, která do úvodu zajíždí o 3,5 rem */
    bottom: 5.5rem;
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    margin-left: -1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.8);
    animation: dolu-pulz-b-xuole208u0 2.4s ease-in-out infinite;
    transition: border-color 0.3s, color 0.3s;
}

.hero-dolu:hover[b-xuole208u0] {
    border-color: var(--mosaz);
    color: var(--mosaz-svetla);
}

@keyframes dolu-pulz-b-xuole208u0 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(6px); }
}

/* ----------------------------------------------------------------- čísla */

.cisla[b-xuole208u0] {
    /* Jinak by se uplatnila globální mřížka .cisla (statistiky) z app.css
       a pás s čísly by na telefonu zabral jen půl šířky a ořízl se. */
    display: block;
    position: relative;
    z-index: 2;
    max-width: var(--sirka);
    margin: -3.5rem auto 0;
    padding-inline: var(--okraj);
}

.cisla-mrizka[b-xuole208u0] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #fff;
    border-radius: var(--zaobleni-velke);
    box-shadow: var(--stin);
    overflow: hidden;
}

.cislo[b-xuole208u0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.25rem 1rem;
    text-align: center;
}

.cislo + .cislo[b-xuole208u0] {
    border-left: 1px solid var(--platno-2);
}

.cislo-hodnota[b-xuole208u0] {
    font-family: var(--pismo-nadpis);
    font-size: clamp(2.6rem, 5vw, 3.6rem);
    font-weight: 500;
    line-height: 1;
    color: var(--les-800);
    font-variant-numeric: tabular-nums;
}

.cislo-hodnota small[b-xuole208u0] {
    font-size: 0.55em;
    color: var(--les-600);
    margin-right: 0.05em;
}

.cislo-popis[b-xuole208u0] {
    margin-top: 0.6rem;
    font-size: 0.9rem;
    color: var(--inkoust-2);
}

/* ---------------------------------------------------------------- sekce */

.sekce[b-xuole208u0] {
    padding-block: clamp(5rem, 11vw, 8.5rem);
}

.sekce-tmava-okraj[b-xuole208u0] {
    background: linear-gradient(180deg, var(--platno) 0%, var(--platno-2) 100%);
}

.sekce-hlava[b-xuole208u0] {
    max-width: 44rem;
    margin-bottom: clamp(2.5rem, 6vw, 4rem);
}

.sekce-hlava h2[b-xuole208u0],
.vyzva h2[b-xuole208u0],
.tradice h2[b-xuole208u0] {
    font-size: clamp(2.3rem, 5vw, 3.6rem);
    margin: 0 0 1.25rem;
}

.sekce-uvod[b-xuole208u0] {
    font-size: 1.15rem;
    color: var(--inkoust-2);
    margin: 0;
}

/* --------------------------------------------------------------- karty */

.karty[b-xuole208u0] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
}

.karta-vlastnost[b-xuole208u0] {
    position: relative;
    padding: 2rem 1.75rem;
    border-radius: var(--zaobleni-velke);
    background: #fff;
    box-shadow: 0 1px 0 var(--platno-2);
    transition: transform 0.45s var(--krivka), box-shadow 0.45s var(--krivka);
}

.karta-vlastnost:hover[b-xuole208u0] {
    transform: translateY(-8px);
    box-shadow: var(--stin);
}

.karta-ikona[b-xuole208u0] {
    display: grid;
    place-items: center;
    width: 4rem;
    height: 4rem;
    margin-bottom: 1.5rem;
    border-radius: 1.1rem;
    background: var(--les-900);
    color: var(--mosaz-svetla);
    transition: transform 0.45s var(--krivka), background-color 0.45s;
}

.karta-vlastnost:hover .karta-ikona[b-xuole208u0] {
    transform: rotate(-6deg) scale(1.06);
    background: var(--les-700);
}

.karta-vlastnost h3[b-xuole208u0] {
    font-size: 1.45rem;
    margin: 0 0 0.75rem;
}

.karta-vlastnost p[b-xuole208u0] {
    margin: 0;
    color: var(--inkoust-2);
    font-size: 0.98rem;
}

/* -------------------------------------------------------------- tradice */

.tradice[b-xuole208u0] {
    position: relative;
    overflow: hidden;
    padding-block: clamp(5rem, 11vw, 8rem);
    background:
        radial-gradient(ellipse 50% 70% at 15% 50%, rgba(201, 164, 92, 0.14), transparent 70%),
        linear-gradient(rgba(8, 49, 31, 0.8), rgba(8, 49, 31, 0.86)),
        url("../img/les-z-dronu.jpg") center 30% / cover no-repeat,
        var(--les-900);
    color: rgba(255, 255, 255, 0.82);
}

.tradice-obal[b-xuole208u0] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: clamp(2rem, 7vw, 6rem);
    align-items: center;
}

.tradice-cislo[b-xuole208u0] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    font-family: var(--pismo-nadpis);
    font-size: clamp(7rem, 20vw, 14rem);
    font-weight: 400;
    font-style: italic;
    line-height: 0.85;
    color: var(--mosaz);
    font-variant-numeric: tabular-nums;
}

.tradice-cislo small[b-xuole208u0] {
    font-size: 0.24em;
    font-style: normal;
    color: var(--mosaz-svetla);
}

.tradice .nadtitulek[b-xuole208u0] {
    color: var(--mosaz);
}

.tradice h2[b-xuole208u0] {
    color: #fff;
}

.tradice p[b-xuole208u0] {
    font-size: 1.15rem;
    max-width: 34rem;
    margin: 0 0 1.75rem;
}

/* ---------------------------------------------------------------- výzva */

.vyzva[b-xuole208u0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
    padding: clamp(2rem, 5vw, 3.5rem);
    border-radius: var(--zaobleni-velke);
    background: #fff;
    box-shadow: var(--stin);
}

.vyzva p[b-xuole208u0] {
    margin: 0;
    color: var(--inkoust-2);
    font-size: 1.1rem;
}

.vyzva-akce[b-xuole208u0] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

/* ----------------------------------------------------------------- mobil */

@media (max-width: 1000px) {
    .karty[b-xuole208u0] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 760px) {
    .cisla-mrizka[b-xuole208u0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cislo:nth-child(3)[b-xuole208u0] {
        border-left: 0;
    }

    .cislo:nth-child(n + 3)[b-xuole208u0] {
        border-top: 1px solid var(--platno-2);
    }

    .tradice-obal[b-xuole208u0] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .karty[b-xuole208u0] {
        grid-template-columns: 1fr;
    }

    .hero-akce .tl[b-xuole208u0] {
        width: 100%;
    }

    .hero-pozadi[b-xuole208u0] {
        right: -30%;
        bottom: -5%;
    }
}

.odkaz-historie[b-xuole208u0] {
    margin: 2.5rem 0 0;
    text-align: center;
}

/* --- Otevřené přihlášky (hned pod úvodem) ------------------------------- */

.prihlasky-blok[b-xuole208u0] {
    padding: 2.5rem 0 0;
}

.prihlasky-karta[b-xuole208u0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem 2rem;
    padding: clamp(1.5rem, 3vw, 2.25rem);
    background: var(--les-800);
    color: #fff;
    border-radius: var(--zaobleni-velke);
    box-shadow: var(--stin);
}

.prihlasky-karta h2[b-xuole208u0] {
    margin: 0.25rem 0 0.5rem;
    color: #fff;
}

.prihlasky-karta .nadtitulek[b-xuole208u0] {
    color: var(--mosaz-svetla);
}

.prihlasky-udaje[b-xuole208u0] {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
}

.prihlasky-karta.zavreno[b-xuole208u0] {
    background: var(--platno-2);
    color: var(--inkoust);
    box-shadow: none;
}

.prihlasky-karta.zavreno h2[b-xuole208u0],
.prihlasky-karta.zavreno .prihlasky-udaje[b-xuole208u0] {
    color: var(--inkoust);
}

.prihlasky-karta.zavreno .nadtitulek[b-xuole208u0] {
    color: var(--les-600);
}

/* Fotka tábora z dronu v části O táboře. */
.foto-tabora[b-xuole208u0] {
    margin: 0 0 2.5rem;
}

.foto-tabora img[b-xuole208u0] {
    display: block;
    width: 100%;
    aspect-ratio: 21 / 9;
    object-fit: cover;
    object-position: 50% 45%;
    border-radius: var(--zaobleni-velke);
    box-shadow: var(--stin);
}

/* --- Galerie fotek z dronu ------------------------------------------------ */

.galerie-mrizka[b-xuole208u0] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
}

.galerie-mrizka figure[b-xuole208u0] {
    position: relative;
    margin: 0;
    overflow: hidden;
    border-radius: var(--zaobleni);
    box-shadow: var(--stin-maly);
    grid-column: span 2;
}

/* První dvě fotky větší, zbytek po třech. */
.galerie-mrizka figure:nth-child(-n + 2)[b-xuole208u0] {
    grid-column: span 3;
}

.galerie-mrizka img[b-xuole208u0] {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    transition: transform 0.6s var(--krivka);
}

.galerie-mrizka figure:hover img[b-xuole208u0] {
    transform: scale(1.04);
}

.galerie-mrizka figcaption[b-xuole208u0] {
    position: absolute;
    inset: auto 0 0 0;
    padding: 1.5rem 1rem 0.75rem;
    background: linear-gradient(transparent, rgba(5, 35, 26, 0.75));
    color: #fff;
    font-size: 0.9rem;
    font-weight: 600;
}

@media (max-width: 720px) {
    .galerie-mrizka[b-xuole208u0] {
        grid-template-columns: 1fr;
    }

    .galerie-mrizka figure[b-xuole208u0],
    .galerie-mrizka figure:nth-child(-n + 2)[b-xuole208u0] {
        grid-column: auto;
    }
}

/* Na širších obrazovkách stojí fotka u pravého okraje přes celou výšku,
   široká nejvýš 1,5× výšky (její poměr stran) — tedy zhruba v původní
   velikosti, ne roztažená přes celou šířku. Tábor (chaty, stany) tak je
   vpravo vedle textu a levý okraj fotky se ztrácí do tmavě zelené. */
@media (min-width: 900px) {
    .hero-foto[b-xuole208u0] {
        left: auto;
        width: min(100%, 150svh);
        object-position: 50% 62%;
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 35%);
        mask-image: linear-gradient(90deg, transparent, #000 35%);
    }
}

/* --- Přihláška: kroky a tlačítka (registrace / přihlášení) ---------------- */

.prihlasky-karta .prihlasky-hlava[b-xuole208u0] {
    flex: 1 1 100%;
}

.prihlasky-kroky[b-xuole208u0] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.75rem;
    flex: 1 1 100%;
    color: rgba(255, 255, 255, 0.9);
}

.prihlasky-kroky li[b-xuole208u0] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.prihlasky-kroky span[b-xuole208u0] {
    display: grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 50%;
    background: var(--mosaz);
    color: var(--les-900);
    font-weight: 700;
    flex: none;
}

.prihlasky-kroky small[b-xuole208u0] {
    color: rgba(255, 255, 255, 0.65);
}

.prihlasky-akce[b-xuole208u0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

/* --- Nástěnka ------------------------------------------------------------ */

.nastenka-mrizka[b-xuole208u0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr));
    gap: 1rem;
}

.nastenka-karta[b-xuole208u0] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.25rem;
    background: #fff;
    border-radius: var(--zaobleni);
    box-shadow: var(--stin-maly);
    color: inherit;
    text-decoration: none;
    transition: transform 0.4s var(--krivka), box-shadow 0.4s var(--krivka);
}

.nastenka-karta:hover[b-xuole208u0] {
    transform: translateY(-3px);
    box-shadow: var(--stin);
}

.nastenka-karta h3[b-xuole208u0] {
    font-size: 1.2rem;
    margin: 0 0 0.3rem;
}

.nastenka-karta p[b-xuole208u0] {
    margin: 0;
    color: var(--inkoust-2);
}

.nastenka-karta.oznameni[b-xuole208u0] {
    flex-direction: column;
    gap: 0.4rem;
    background: var(--platno-2);
}

.nastenka-stitek[b-xuole208u0] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--les-600);
}

.datum[b-xuole208u0] {
    display: grid;
    place-items: center;
    min-width: 3.6rem;
    padding: 0.5rem 0.4rem;
    border-radius: 0.9rem;
    background: var(--les-800);
    color: #fff;
    line-height: 1;
    flex: none;
}

.datum strong[b-xuole208u0] {
    font-family: var(--pismo-nadpis);
    font-size: 1.6rem;
}

.datum small[b-xuole208u0] {
    margin-top: 0.25rem;
    color: var(--mosaz-svetla);
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
}

.nastenka-karta.probehlo[b-xuole208u0] {
    flex-direction: column;
    padding: 0;
    overflow: hidden;
}

.nastenka-karta.probehlo img[b-xuole208u0] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.nastenka-karta.probehlo > div[b-xuole208u0] {
    padding: 1rem 1.25rem 1.25rem;
}

/* --- Minulé ročníky ------------------------------------------------------ */

.minule-mrizka[b-xuole208u0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}

.minuly-rocnik[b-xuole208u0] {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: var(--zaobleni-velke);
    overflow: hidden;
    box-shadow: var(--stin-maly);
    color: inherit;
    text-decoration: none;
    transition: transform 0.4s var(--krivka), box-shadow 0.4s var(--krivka);
}

.minuly-rocnik:hover[b-xuole208u0] {
    transform: translateY(-4px);
    box-shadow: var(--stin);
}

.minuly-foto[b-xuole208u0] {
    position: relative;
}

.minuly-foto img[b-xuole208u0] {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform 0.6s var(--krivka);
}

.minuly-rocnik:hover .minuly-foto img[b-xuole208u0] {
    transform: scale(1.04);
}

.minuly-rok[b-xuole208u0] {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    padding: 0.3rem 0.85rem;
    border-radius: 999px;
    background: var(--les-900);
    color: var(--mosaz-svetla);
    font-family: var(--pismo-nadpis);
    font-size: 1.15rem;
}

.minuly-text[b-xuole208u0] {
    padding: 1.25rem 1.4rem 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
}

.minuly-text h3[b-xuole208u0] {
    font-size: 1.35rem;
    margin: 0;
}

.minuly-text p[b-xuole208u0] {
    margin: 0;
    color: var(--inkoust-2);
    flex: 1;
}

.minuly-odkaz[b-xuole208u0] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 600;
    color: var(--les-700);
}

@media (max-width: 900px) {
    .minule-mrizka[b-xuole208u0] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Kalendar.razor.rz.scp.css */
.kalendar-nav[b-ricaq640o7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.kalendar-nav h2[b-ricaq640o7] {
    min-width: 11rem;
    text-align: center;
}

.legenda[b-ricaq640o7] {
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1.1rem;
    font-size: 0.875rem;
}

.legenda li[b-ricaq640o7] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.znacka[b-ricaq640o7] {
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 0.25rem;
    flex: none;
}

.kalendar[b-ricaq640o7] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.3rem;
}

.kalendar-hlava[b-ricaq640o7] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--inkoust-2);
    text-align: center;
    padding-bottom: 0.2rem;
}

.kalendar-den[b-ricaq640o7] {
    min-height: 5.5rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #fff;
    padding: 0.3rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.kalendar-den.prazdny[b-ricaq640o7] {
    background: transparent;
    border-color: transparent;
}

.kalendar-den.volno[b-ricaq640o7] {
    background: #f1f7f2;
}

.kalendar-den.dnes[b-ricaq640o7] {
    outline: 2px solid var(--mosaz);
    outline-offset: -2px;
}

.cislo-dne[b-ricaq640o7] {
    font-size: 0.8rem;
    font-weight: 600;
}

.pruh[b-ricaq640o7] {
    display: block;
    font-size: 0.72rem;
    line-height: 1.25;
    padding: 0.15rem 0.3rem;
    border-radius: 0.3rem;
    color: #fff;
    border: 0;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

button.pruh[b-ricaq640o7] {
    cursor: pointer;
}

.volno.znacka[b-ricaq640o7] { background: #f1f7f2; border: 1px solid rgba(0, 0, 0, 0.15); }
.tabor[b-ricaq640o7] { background: var(--les-800); }
.brigada[b-ricaq640o7] { background: #b7791f; }
.pronajem[b-ricaq640o7] { background: #b42318; }
.jine[b-ricaq640o7] { background: #6b7280; }

.seznam-terminu[b-ricaq640o7] {
    list-style: none;
    padding: 0;
    display: grid;
    gap: 0.6rem;
}

.seznam-terminu li[b-ricaq640o7] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
}

.seznam-terminu li > div[b-ricaq640o7] {
    flex: 1;
}

.seznam-terminu .znacka[b-ricaq640o7] {
    margin-top: 0.3rem;
}

@media (max-width: 600px) {
    .kalendar-den[b-ricaq640o7] {
        min-height: 3.2rem;
    }

    .pruh[b-ricaq640o7] {
        font-size: 0;
        height: 0.4rem;
        padding: 0;
    }
}
/* /Pages/KatalogHer.razor.rz.scp.css */
.katalog-seznam[b-azfdq8le21] {
    list-style: none;
    padding: 0;
    margin: 0.75rem 0 0;
}

.katalog-seznam > li[b-azfdq8le21] {
    padding: 0.6rem 0;
    border-bottom: 1px solid var(--cara, rgba(0, 0, 0, 0.08));
}

/* Skrytá hra je zašedlá jen v řádku, formulář úprav zůstane čitelný. */
.katalog-seznam > li.ztlumeny > .katalog-radek[b-azfdq8le21] {
    opacity: 0.6;
}

.katalog-radek[b-azfdq8le21] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.katalog-formular[b-azfdq8le21] {
    margin: 0.75rem 0;
    padding: 1rem;
}
/* /Pages/Kronika.razor.rz.scp.css */
.uvod[b-lzd623xmnt] {
    max-width: 44rem;
    font-size: 1.05rem;
    color: var(--inkoust-2);
    margin-bottom: 2rem;
}

.filtry-radek[b-lzd623xmnt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    align-items: end;
}

.filtry-radek + .filtry-radek[b-lzd623xmnt] {
    margin-top: 0.75rem;
}

.filtr-hledat[b-lzd623xmnt] {
    flex: 1 1 16rem;
}

.zaskrtnuti label[b-lzd623xmnt] {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
}

.kronika-seznam[b-lzd623xmnt] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.75rem;
}

.kronika-rocnik[b-lzd623xmnt] {
    display: grid;
    grid-template-columns: 4.5rem 1fr auto;
    gap: 1rem;
    align-items: start;
}

.kronika-rok[b-lzd623xmnt] {
    padding: 0.3rem 0;
    border-radius: 999px;
    background: var(--les-900);
    color: var(--mosaz-svetla);
    font-family: var(--pismo-nadpis);
    font-size: 1.1rem;
    text-align: center;
}

.kronika-obsah[b-lzd623xmnt] {
    min-width: 0;
}

.kronika-shrnuti[b-lzd623xmnt] {
    color: var(--inkoust-2);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.kronika-stitky[b-lzd623xmnt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.stitek[b-lzd623xmnt] {
    font-size: 0.78rem;
    padding: 0.1rem 0.55rem;
    border-radius: 999px;
    background: var(--les-900);
    color: var(--mosaz-svetla);
}

.stitek-svetly[b-lzd623xmnt] {
    background: var(--platno-3);
    color: var(--inkoust-2);
}

.kronika-akce[b-lzd623xmnt] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

@media (max-width: 40rem) {
    .kronika-rocnik[b-lzd623xmnt] {
        grid-template-columns: 3.75rem 1fr;
    }

    .kronika-akce[b-lzd623xmnt] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}
/* /Pages/MojeDeti.razor.rz.scp.css */
.hlavicka[b-zdz3qnwzr9] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.seznam[b-zdz3qnwzr9] {
    display: grid;
    gap: 1.25rem;
    max-width: 52rem;
}

.dite[b-zdz3qnwzr9] {
    padding: 1.5rem;
}

.dite-hlavicka[b-zdz3qnwzr9] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.souhrn[b-zdz3qnwzr9] {
    color: var(--inkoust-2);
}

.polozka[b-zdz3qnwzr9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 0;
    border-top: 1px solid var(--platno-2);
}

.popis[b-zdz3qnwzr9],
.vysvetleni[b-zdz3qnwzr9] {
    color: var(--inkoust-2);
    font-size: 0.95rem;
}

.vysvetleni[b-zdz3qnwzr9] {
    max-width: 52rem;
}

@media (max-width: 560px) {
    .polozka[b-zdz3qnwzr9] {
        flex-direction: column;
        align-items: flex-start;
    }
}

.moje-udaje[b-zdz3qnwzr9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--platno-2);
}
/* /Pages/NotFound.razor.rz.scp.css */
.nenalezeno[b-z3gr7p7mf3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.nenalezeno[b-z3gr7p7mf3]  .logo-stan {
    color: var(--les-700);
    margin-bottom: 1.5rem;
}

.nenalezeno h1[b-z3gr7p7mf3] {
    font-size: clamp(2.4rem, 5vw, 3.4rem);
}

.nenalezeno p[b-z3gr7p7mf3] {
    color: var(--inkoust-2);
    margin-bottom: 2rem;
}
/* /Pages/OsobaDetail.razor.rz.scp.css */
.zpet[b-xzhhwszq8v] {
    display: block;
    width: fit-content;
    margin-bottom: 1.5rem;
    font-size: 0.95rem;
    text-decoration: none;
}

.sloupce[b-xzhhwszq8v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 1.5rem;
    align-items: start;
}

.karta-mala[b-xzhhwszq8v] {
    padding: 1.5rem;
}

.mrizka[b-xzhhwszq8v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 0.75rem 1.25rem;
}

.nepovinne[b-xzhhwszq8v],
.maly[b-xzhhwszq8v] {
    font-weight: 400;
    font-size: 0.88rem;
    color: var(--inkoust-2);
}

.zaskrtnuti[b-xzhhwszq8v] {
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
    font-size: 0.92rem;
    cursor: pointer;
}

.zaskrtnuti[b-xzhhwszq8v]  input {
    margin-top: 0.3rem;
}

.udaje[b-xzhhwszq8v] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.35rem 1rem;
    margin: 0;
}

.udaje dt[b-xzhhwszq8v] {
    font-weight: 500;
    color: var(--inkoust-2);
}

.udaje dd[b-xzhhwszq8v] {
    margin: 0;
}

.pozvanka[b-xzhhwszq8v] {
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    background: var(--platno);
    border: 1px dashed var(--platno-3);
}

.kod[b-xzhhwszq8v] {
    margin: 0.35rem 0;
    font-family: ui-monospace, Menlo, monospace;
    font-size: 1.6rem;
    letter-spacing: 0.15em;
    color: var(--les-800);
    user-select: all;
}

.pozvanka code[b-xzhhwszq8v] {
    word-break: break-all;
}

.tabulka-obal[b-xzhhwszq8v] {
    border-radius: var(--zaobleni);
    box-shadow: var(--stin-maly);
}

.tabulka-obal .tabulka[b-xzhhwszq8v] {
    min-width: 32rem;
    box-shadow: none;
}
/* /Pages/OsobniUdaje.razor.rz.scp.css */
.text-stranka[b-wy3e80r93a] {
    max-width: 48rem;
}

.text-stranka h2[b-wy3e80r93a] {
    font-size: 1.4rem;
    margin: 2rem 0 0.6rem;
}

.text-stranka li[b-wy3e80r93a] {
    margin-bottom: 0.4rem;
}

.uvod[b-wy3e80r93a] {
    font-size: 1.1rem;
    color: var(--inkoust-2);
}
/* /Pages/Personal.razor.rz.scp.css */
.hlavicka-stranky[b-mwuy8xuicu] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.uvod[b-mwuy8xuicu] {
    max-width: 40rem;
    color: var(--inkoust-2);
}

.mrizka[b-mwuy8xuicu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 1rem 1.5rem;
}

.nepovinne[b-mwuy8xuicu] {
    font-weight: 400;
    color: var(--inkoust-2);
}

.prepinac-neaktivnich[b-mwuy8xuicu] {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    color: var(--inkoust-2);
    cursor: pointer;
}

.tabulka-obal[b-mwuy8xuicu] {
    border-radius: var(--zaobleni);
    box-shadow: var(--stin-maly);
}

.tabulka-obal .tabulka[b-mwuy8xuicu] {
    min-width: 36rem;
    box-shadow: none;
}

.maly[b-mwuy8xuicu] {
    font-size: 0.88rem;
    color: var(--inkoust-2);
}

tr.neaktivni td[b-mwuy8xuicu] {
    opacity: 0.55;
}
/* /Pages/Planek.razor.rz.scp.css */
/* Interaktivní plánek tábora — 2,5D ilustrace podle leteckého snímku a fotek z dronu. */

/* Plánek je širší než text stránky — roztáhne se skoro přes celé okno. */
.planek[b-1wnc5sxsv6] {
    position: relative;
    width: min(1500px, calc(100vw - 2rem));
    left: 50%;
    transform: translateX(-50%);
    margin-top: 1rem;
}

.planek-svg[b-1wnc5sxsv6] {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1.6;
    border-radius: var(--zaobleni-velke);
    box-shadow: var(--stin);
    background: #355E2E;
    cursor: crosshair;
    overscroll-behavior: contain;
    /* Tažení a dva prsty řídí plánek (JS), ne posouvání stránky. */
    touch-action: none;
    user-select: none;
}

.planek-svg:focus-visible[b-1wnc5sxsv6] {
    outline: 3px solid var(--mosaz);
    outline-offset: 3px;
}

/* Počasí: šedivý závoj (zataženo slabší, déšť silnější) — levnější než filtr přes celé SVG. */
.pocasi-zavoj[b-1wnc5sxsv6] {
    fill: #5B6670;
    opacity: 0;
    pointer-events: none;
    transition: opacity 1.2s ease;
}

.planek-svg.zatazeno .pocasi-zavoj[b-1wnc5sxsv6] {
    opacity: 0.12;
}

.planek-svg.prsi .pocasi-zavoj[b-1wnc5sxsv6] {
    opacity: 0.26;
}

/* --- Zem -------------------------------------------------------------------------- */

.podklad[b-1wnc5sxsv6] {
    fill: url(#les-vzor);
}

.pisak[b-1wnc5sxsv6] {
    fill: #D9C28C;
    stroke: #C2A86E;
    stroke-width: 12;
}

.potok[b-1wnc5sxsv6] {
    fill: none;
    stroke: #5B8FB0;
    stroke-width: 14;
    stroke-linecap: round;
}

/* Světlé modřínové a tmavé borové porosty přes texturu lesa. */
/* Průhlednost je na jednotlivých kolečkách (fill-opacity) — průhledná skupina by se musela
   při každém snímku skládat zvlášť. */
.les-skvrny[b-1wnc5sxsv6] {
    pointer-events: none;
}

.louka-v-lese[b-1wnc5sxsv6] {
    fill: #8DB363;
    stroke: #A6C377;
    stroke-width: 18;
    stroke-linejoin: round;
    opacity: 0.85;
}

/* Široký pás rákosí kolem rybníků (jako na fotce Ptáckého rybníka). */
.rakosi[b-1wnc5sxsv6] {
    fill: none;
    stroke: #A9B86A;
    stroke-width: 70;
    stroke-linejoin: round;
}

.lesni-cesta[b-1wnc5sxsv6] {
    fill: none;
    stroke: #B9A06A;
    stroke-width: 26;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.85;
}

.kacerovna[b-1wnc5sxsv6] {
    fill: #8E3426;
}

.louka[b-1wnc5sxsv6] {
    fill: #86AE5E;
}

.taboriste[b-1wnc5sxsv6] {
    fill: #D2BE8E;
    stroke: rgba(240, 214, 110, 0.55);
    stroke-width: 3;
    stroke-dasharray: 10 8;
}

.cesta[b-1wnc5sxsv6] {
    fill: none;
    stroke: #C2A46C;
    stroke-width: 26;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.krizovatka[b-1wnc5sxsv6] {
    fill: #C2A46C;
}

.cesta-stopa[b-1wnc5sxsv6] {
    fill: none;
    stroke: #9E8250;
    stroke-width: 2;
    stroke-dasharray: 10 9;
    opacity: 0.7;
}

.rybnik[b-1wnc5sxsv6] {
    stroke: #C8C98A;
    stroke-width: 10;
    stroke-linejoin: round;
}

.vlnka[b-1wnc5sxsv6] {
    fill: none;
    stroke: rgba(255, 255, 255, 0.55);
    stroke-width: 1.4;
    transform-box: fill-box;
    transform-origin: center;
    animation: vlnka-b-1wnc5sxsv6 4.5s ease-out infinite;
    animation-delay: calc(var(--i) * -0.8s);
}

.odlesk[b-1wnc5sxsv6] {
    stroke: rgba(255, 255, 255, 0.4);
    stroke-width: 2;
    stroke-linecap: round;
    animation: odlesk-b-1wnc5sxsv6 6s ease-in-out infinite alternate;
    animation-delay: calc(var(--i) * -1.4s);
}

/* Molo: šedá zvětralá prkna (fotka hlavního mola). */
.molo[b-1wnc5sxsv6] {
    fill: none;
    stroke: #4F4740;
    stroke-width: 17;
    stroke-linecap: square;
    stroke-linejoin: miter;
}

.molo-prkna[b-1wnc5sxsv6] {
    fill: none;
    stroke: #8A7E70;
    stroke-width: 13;
    stroke-dasharray: 3 1.4;
    stroke-linejoin: miter;
}

/* Hráz Ptáckého rybníka — travnatý val, po koruně vede pěšina. */
.hraz[b-1wnc5sxsv6] {
    fill: none;
    stroke: #7F9150;
    stroke-width: 72;
    stroke-linecap: butt;
}

.hraz-koruna[b-1wnc5sxsv6] {
    fill: none;
    stroke: #C2A86E;
    stroke-width: 14;
    stroke-dasharray: 18 6;
}

/* Kačerovna — skautská týpí a cestička k molu. */
.tipi-plachta[b-1wnc5sxsv6] {
    fill: #E8DCC0;
    stroke: #A8956C;
    stroke-width: 0.6;
}

.tipi-vzor[b-1wnc5sxsv6] {
    fill: none;
    stroke: #A8432C;
    stroke-width: 1;
}

.tipi-vchod[b-1wnc5sxsv6] {
    fill: #4A3A28;
}

.tipi-tyce[b-1wnc5sxsv6] {
    fill: none;
    stroke: #6B4A2B;
    stroke-width: 0.8;
    stroke-linecap: round;
}

.stezka[b-1wnc5sxsv6] {
    stroke-width: 12;
}

/* Skauti si hrají na indiány — čelenka s perem. */
.celenka[b-1wnc5sxsv6],
.pero[b-1wnc5sxsv6] {
    display: none;
}

.indian .celenka[b-1wnc5sxsv6] {
    display: inline;
    fill: #A8432C;
}

.indian .pero[b-1wnc5sxsv6] {
    display: inline;
    fill: #F4F1EA;
    stroke: #6B4A2B;
    stroke-width: 0.3;
}

/* Čep (stavidlo) uprostřed hráze — betonový základ, sloupek a kolo. */
.stavidlo-zaklad[b-1wnc5sxsv6] {
    fill: #9A9A92;
    stroke: #6E6E66;
    stroke-width: 1.2;
}

.lavka-cep[b-1wnc5sxsv6] {
    fill: none;
    stroke: #6E655A;
    stroke-width: 11;
    stroke-dasharray: 2.5 1.2;
}

.stavidlo-sloupek[b-1wnc5sxsv6] {
    fill: #5E5E58;
}

.stavidlo-kolo[b-1wnc5sxsv6] {
    fill: none;
    stroke: #3A3A36;
    stroke-width: 1.1;
}

.plazicka[b-1wnc5sxsv6] {
    fill: #E6D3A0;
    stroke: #CDB57C;
    stroke-width: 3;
    stroke-linejoin: round;
}

.umyvarky-plocha[b-1wnc5sxsv6] {
    fill: #BBA77A;
    stroke: #6E4B2C;
    stroke-width: 1.6;
    stroke-dasharray: 7 3;
}

.podesta[b-1wnc5sxsv6] {
    fill: #A88A62;
    stroke: #6E5434;
    stroke-width: 1;
}

.lavicka[b-1wnc5sxsv6] {
    fill: #9C7E58;
    stroke: #5E4A30;
    stroke-width: 0.8;
}

.hriste[b-1wnc5sxsv6] {
    fill: #BFA36C;
    stroke: #F7F1E3;
    stroke-width: 2;
}

.hriste-cara[b-1wnc5sxsv6] {
    stroke: #F7F1E3;
    stroke-width: 2;
}

.nastupiste[b-1wnc5sxsv6] {
    fill: #E3D2A4;
    stroke: rgba(255, 255, 255, 0.55);
    stroke-width: 2;
    stroke-dasharray: 5 6;
}

.ohniste-kruh[b-1wnc5sxsv6] {
    fill: #5A4A3A;
    stroke: #8D8170;
    stroke-width: 5;
    stroke-dasharray: 6 2;
}

.stiny polygon[b-1wnc5sxsv6] {
    fill: rgba(11, 36, 20, 0.3);
}

/* --- Budovy a stany (2,5D) ----------------------------------------------------------------- */

.stena[b-1wnc5sxsv6] {
    fill: #5C3D27;
    stroke: #3E2716;
    stroke-width: 0.8;
}

.strecha[b-1wnc5sxsv6] {
    fill: #9A3B2C;
    stroke: #5E2015;
    stroke-width: 0.8;
}

.strecha-zadni[b-1wnc5sxsv6] {
    fill: #742A1E;
}

/* Umývárky: bílá plechová koryta na nožkách, nahoře voda, nad nimi zelená polička. */
.koryto .stena[b-1wnc5sxsv6] {
    fill: #F1F1EC;
    stroke: #9AA0A0;
}

.policka[b-1wnc5sxsv6] {
    fill: none;
    stroke: #2F8A4E;
    stroke-width: 2.2;
    stroke-linecap: round;
}

.policka-sloupky[b-1wnc5sxsv6] {
    fill: none;
    stroke: #7A3A2A;
    stroke-width: 0.9;
}

.koryto .strecha[b-1wnc5sxsv6],
.koryto .strecha-zadni[b-1wnc5sxsv6] {
    fill: #6FA3C2;
    stroke: #B9C2C6;
    stroke-width: 1.2;
}

.koryto .hreben[b-1wnc5sxsv6] {
    display: none;
}

.seda-strecha .strecha[b-1wnc5sxsv6] {
    fill: #9AA0A3;
    stroke: #5E6468;
}

.seda-strecha .strecha-zadni[b-1wnc5sxsv6] {
    fill: #767C80;
}

.seda-strecha .hreben[b-1wnc5sxsv6] {
    stroke: #4A5054;
}

.hreben[b-1wnc5sxsv6] {
    stroke: #4A1810;
    stroke-width: 2;
    stroke-linecap: round;
}

.komin[b-1wnc5sxsv6] {
    fill: #3A3A3A;
}

.kour circle[b-1wnc5sxsv6] {
    fill: rgba(240, 240, 235, 0.75);
    animation: kour-b-1wnc5sxsv6 4s ease-out infinite;
    animation-delay: calc(var(--i) * -1s);
}

.stan-podsada[b-1wnc5sxsv6] {
    fill: #B08B58;
    stroke: #7A5C33;
    stroke-width: 0.6;
}

.stan-plachta[b-1wnc5sxsv6] {
    fill: #2E9474;
}

.stan-strana[b-1wnc5sxsv6] {
    fill: #1F6E55;
}

.piskoviste[b-1wnc5sxsv6] {
    fill: #E4D2A0;
    stroke: #C9B07A;
    stroke-width: 1.5;
}

.husi-ohrada[b-1wnc5sxsv6] {
    fill: rgba(180, 150, 90, 0.25);
    stroke: #8A5A33;
    stroke-width: 1.4;
    stroke-dasharray: 3 1.5;
}

.husi-domek[b-1wnc5sxsv6] {
    fill: #7A4F2B;
}

.rozbeh[b-1wnc5sxsv6] {
    fill: #CDB77F;
    opacity: 0.75;
}

.odrazove-prkno[b-1wnc5sxsv6] {
    fill: #8A5A33;
}

.draha-kuzelek[b-1wnc5sxsv6] {
    fill: #B9A06A;
}

.studanka-kameny[b-1wnc5sxsv6] {
    fill: #8D8170;
}

.studanka-voda[b-1wnc5sxsv6] {
    fill: #5B8FB0;
}

.sloupek-sipky[b-1wnc5sxsv6] {
    fill: #5C3D27;
}

.terc[b-1wnc5sxsv6] {
    fill: #F7F1E3;
    stroke: #14241D;
    stroke-width: 0.6;
}

.terc-stred[b-1wnc5sxsv6] {
    fill: #D7141A;
}

.kuzelka[b-1wnc5sxsv6] {
    fill: #FAF6EC;
    stroke: #A8432C;
    stroke-width: 0.4;
}

.tyc-hrazdy[b-1wnc5sxsv6] {
    stroke: #C8CCCE;
    stroke-width: 1.2;
    stroke-linecap: round;
}

/* Hrazda: vysoké dřevěné sloupy, trám a šplhací lano. */
.hrazda-sloup[b-1wnc5sxsv6],
.hrazda-tram[b-1wnc5sxsv6] {
    fill: #9B7A52;
    stroke: #6B5034;
    stroke-width: 0.5;
}

.hrazda-lano[b-1wnc5sxsv6] {
    fill: none;
    stroke: #D8C9A0;
    stroke-width: 1;
    stroke-linecap: round;
}

/* Dítě šplhá po laně nahoru a slézá dolů. */
.splha .telo[b-1wnc5sxsv6] {
    animation: splh-b-1wnc5sxsv6 3.2s ease-in-out infinite;
}

/* Plavec: z vody kouká jen hlava a ramena, kolem kroužek vln. */
.postava.plave .noha[b-1wnc5sxsv6],
.postava.plave .tricko[b-1wnc5sxsv6],
.postava.plave .zastera[b-1wnc5sxsv6] {
    display: none;
}

.postava.plave .telo[b-1wnc5sxsv6] {
    translate: 0 9px;
}

.postava.plave .stin-postavy[b-1wnc5sxsv6] {
    fill: none;
    stroke: rgba(235, 245, 255, 0.8);
    stroke-width: 0.8;
}

/* --- Velká chata: veranda a vikýře; Pilská chata: cedule zdravotnice --------------------- */

.veranda-podlaha[b-1wnc5sxsv6] {
    fill: #7A5A3C;
    stroke: #4E3826;
    stroke-width: 0.6;
}

.veranda-schody[b-1wnc5sxsv6] {
    fill: #8C6A48;
    stroke: #4E3826;
    stroke-width: 0.5;
}

.veranda-sloupek[b-1wnc5sxsv6],
.veranda-madlo[b-1wnc5sxsv6] {
    fill: none;
    stroke: #2F8A4E;
    stroke-width: 1.3;
    stroke-linecap: round;
}

.veranda-pricka[b-1wnc5sxsv6] {
    fill: none;
    stroke: #C8372D;
    stroke-width: 1.1;
}

.vikyr-stit[b-1wnc5sxsv6] {
    fill: #4E3220;
}

.okno-den[b-1wnc5sxsv6] {
    fill: #2A3236;
    stroke: #F1EDE2;
    stroke-width: 0.5;
}

.cedule-kriz rect[b-1wnc5sxsv6] {
    fill: #2E8B57;
    stroke: #F1EDE2;
    stroke-width: 0.8;
}

.cedule-kriz path[b-1wnc5sxsv6] {
    fill: #fff;
}

/* --- Pingpong pod zeleným párty stanem ---------------------------------------------------- */

.altan-sloupek[b-1wnc5sxsv6] {
    stroke: #2C2C2C;
    stroke-width: 0.9;
}

.altan-strecha[b-1wnc5sxsv6] {
    fill: #3FA34D;
    stroke: #2F7F3B;
    stroke-width: 0.6;
    opacity: 0.88;
}

.altan-lem[b-1wnc5sxsv6] {
    fill: none;
    stroke: #2F7F3B;
    stroke-width: 1.4;
}

.stul-noha[b-1wnc5sxsv6] {
    fill: #8A5E34;
}

.stul-deska[b-1wnc5sxsv6] {
    fill: #1F5E4A;
    stroke: #F1EDE2;
    stroke-width: 0.5;
}

.stul-sit[b-1wnc5sxsv6] {
    stroke: #1E2A4A;
    stroke-width: 1.2;
}

/* --- Síť přehazované ---------------------------------------------------------------------- */

.sit[b-1wnc5sxsv6] {
    fill: rgba(255, 255, 255, 0.35);
    stroke: #fff;
    stroke-width: 0.6;
}

.sit-sloupek[b-1wnc5sxsv6] {
    stroke: #D7141A;
    stroke-width: 1.4;
    stroke-dasharray: 3 2.5;
}

/* --- Kanoe na Ptáckém rybníku --------------------------------------------------------------- */

.lodka-trup[b-1wnc5sxsv6] {
    fill: #F08A1C;
    stroke: #A85A0E;
    stroke-width: 0.6;
}

.lodka-vnitrek[b-1wnc5sxsv6] {
    fill: #C76A10;
}

.lodka-brazda[b-1wnc5sxsv6] {
    fill: none;
    stroke: rgba(255, 255, 255, 0.5);
    stroke-width: 0.8;
    opacity: 0;
}

.lodka.jede .lodka-brazda[b-1wnc5sxsv6] {
    opacity: 1;
}

.lodka .hlava[b-1wnc5sxsv6] {
    fill: #F2C9A0;
}

.padlo[b-1wnc5sxsv6] {
    stroke: #6B4A2B;
    stroke-width: 0.9;
    stroke-linecap: round;
    transform-box: fill-box;
    transform-origin: center;
}

.lodka.jede .padlo[b-1wnc5sxsv6] {
    animation: padlo-b-1wnc5sxsv6 1.4s ease-in-out infinite;
    animation-delay: calc(var(--i) * -0.45s);
}

.lodka:not(.jede) .hlava[b-1wnc5sxsv6],
.lodka:not(.jede) .padlo[b-1wnc5sxsv6],
.lodka:not(.jede) .lodka-telo rect[b-1wnc5sxsv6] {
    display: none;
}

/* --- Dron, který fotí nápis LEDCE --------------------------------------------------------- */

.dron line[b-1wnc5sxsv6] {
    stroke: #2B2B2B;
    stroke-width: 1.4;
}

.dron rect[b-1wnc5sxsv6] {
    fill: #E6E6E6;
    stroke: #555;
    stroke-width: 0.6;
}

.dron-kamera[b-1wnc5sxsv6] {
    fill: #222;
}

.dron .vrtule[b-1wnc5sxsv6] {
    fill: rgba(40, 40, 40, 0.35);
    transform-box: fill-box;
    transform-origin: center;
    animation: vrtule-b-1wnc5sxsv6 0.12s linear infinite;
}

.dron-stin[b-1wnc5sxsv6] {
    fill: rgba(11, 36, 20, 0.25);
}

.v-cervenem .tricko[b-1wnc5sxsv6] {
    fill: #D7141A;
}

.planek-svg.blesk[b-1wnc5sxsv6] {
    animation: blesk-b-1wnc5sxsv6 0.6s ease-out;
}

/* Dítě visí na hrazdě. */
.visi .kyvani[b-1wnc5sxsv6] {
    transform: translateY(-9px);
}

.visi .noha[b-1wnc5sxsv6] {
    transform: rotate(10deg);
}

.stan-vchod[b-1wnc5sxsv6] {
    fill: #123F30;
}

.sloupek[b-1wnc5sxsv6] {
    stroke: #5C3D27;
    stroke-width: 2.4;
}

.stan-hreben[b-1wnc5sxsv6] {
    stroke: #EDE3C8;
    stroke-width: 1.4;
}

/* Hlídka u brány: hnědá dřevěná bouda, nahoře šedozelená plachta. */
.bouda-stena[b-1wnc5sxsv6] {
    fill: #5A3A26;
    stroke: #3A2416;
    stroke-width: 0.6;
}

.hlidka-plachta[b-1wnc5sxsv6] {
    fill: #9CB394;
    stroke: #E9E2CF;
    stroke-width: 0.6;
}

.hlidka-plachta-zadni[b-1wnc5sxsv6] {
    fill: #7D9475;
}

.zavora-sloupek[b-1wnc5sxsv6] {
    fill: #444;
}

.zavora rect[b-1wnc5sxsv6] {
    fill: #fff;
    stroke: #D7141A;
    stroke-width: 1.4;
    stroke-dasharray: 5 5;
}

.zavora[b-1wnc5sxsv6] {
    transition: rotate 0.6s var(--krivka);
    transform-box: fill-box;
    transform-origin: left center;
}

.zavora.zvednuta[b-1wnc5sxsv6] {
    rotate: -70deg;
}

.drevo rect[b-1wnc5sxsv6] {
    fill: #8A5A33;
    stroke: #5C3A1E;
    stroke-width: 0.6;
}

.drevo .spalek[b-1wnc5sxsv6] {
    fill: #A57A4C;
}

.stozar[b-1wnc5sxsv6] {
    stroke: #E2E2E2;
    stroke-width: 2.6;
    stroke-linecap: round;
}

.stozar-spicka[b-1wnc5sxsv6] {
    fill: var(--mosaz);
}

/* Vlajka vlaje — tvar se „vlní“ a celá se lehce kývá kolem stožáru. */
.vlajka[b-1wnc5sxsv6] {
    transform-box: fill-box;
    transform-origin: left center;
    animation: vlajka-b-1wnc5sxsv6 1.6s ease-in-out infinite alternate;
}

.vlajka-bila[b-1wnc5sxsv6] {
    fill: #fff;
}

.vlajka-cervena[b-1wnc5sxsv6] {
    fill: #D7141A;
}

.vlajka-modra[b-1wnc5sxsv6] {
    fill: #11457E;
}

.plamen[b-1wnc5sxsv6] {
    transform-box: fill-box;
    transform-origin: center bottom;
    animation: plamen-b-1wnc5sxsv6 0.35s ease-in-out infinite alternate;
    transition: scale 1s;
}

.planek-svg.velky-ohen .plamen[b-1wnc5sxsv6] {
    scale: 2.4;
}

.plamen-vnejsi[b-1wnc5sxsv6] {
    fill: #F28C28;
}

.plamen-vnitrni[b-1wnc5sxsv6] {
    fill: #FFD35C;
}

.jiskra[b-1wnc5sxsv6] {
    fill: #FFD35C;
    animation: jiskra-b-1wnc5sxsv6 1.6s ease-out infinite;
    animation-delay: calc(var(--i) * -0.5s);
}

/* --- Les (stromy stojí, koruna se pohupuje) --------------------------------------------------- */

.kmen[b-1wnc5sxsv6] {
    fill: #5A3E26;
}

.koruna-stin[b-1wnc5sxsv6] {
    fill: rgba(11, 36, 20, 0.35);
}

.jehlicnan .koruna[b-1wnc5sxsv6] {
    fill: #2F5E35;
}

.jehlicnan .koruna-svetlo[b-1wnc5sxsv6] {
    fill: #3F7543;
}

.listnac .koruna[b-1wnc5sxsv6] {
    fill: #4C8A3E;
}

.listnac .koruna-svetlo[b-1wnc5sxsv6],
.dub .koruna-svetlo[b-1wnc5sxsv6] {
    fill: #66A350;
}

.dub .koruna[b-1wnc5sxsv6] {
    fill: #3F7C35;
}

.borovice .koruna[b-1wnc5sxsv6] {
    fill: #2F5E35;
}

.borovice .koruna-svetlo[b-1wnc5sxsv6] {
    fill: #46804A;
}

/* Při oddálení je les jen textura — jednotlivé stromy by tvořily ostrý čtverec a zdržovaly. */
.planek-svg.daleko .jehlicnan[b-1wnc5sxsv6],
.planek-svg.daleko .listnac[b-1wnc5sxsv6] {
    display: none;
}

/* Ve větru se pohupují jen duby — animace stovek stromů by nutila prohlížeč překreslovat celou mapu. */
.dub .koruna[b-1wnc5sxsv6] {
    transform-box: fill-box;
    transform-origin: center bottom;
    animation: vitr-b-1wnc5sxsv6 5s ease-in-out infinite alternate;
    animation-delay: calc(var(--zpozdeni) * -1);
}

/* --- Auto zásobovače ---------------------------------------------------------------------------- */

.auto[b-1wnc5sxsv6] {
    cursor: pointer;
}

.auto-karoserie[b-1wnc5sxsv6] {
    fill: #B8DDB0;
    stroke: #6E8F68;
    stroke-width: 0.8;
}

.auto-blatnik[b-1wnc5sxsv6] {
    fill: none;
    stroke: #6E8F68;
    stroke-width: 0.8;
}

.auto-chrom[b-1wnc5sxsv6],
.auto-disk[b-1wnc5sxsv6] {
    fill: #E8ECEE;
}

.auto-svetlo[b-1wnc5sxsv6] {
    fill: #FFF6C8;
}

.auto-sklo[b-1wnc5sxsv6] {
    fill: #7FA6BF;
}

.auto-kolo[b-1wnc5sxsv6] {
    fill: #222;
}

.troubeni[b-1wnc5sxsv6] {
    display: none;
}

.auto.troubi .troubeni[b-1wnc5sxsv6] {
    display: inline;
}

.troubeni rect[b-1wnc5sxsv6] {
    fill: #fff;
    stroke: var(--les-900);
}

.troubeni text[b-1wnc5sxsv6] {
    font: 700 9px var(--pismo-text);
    fill: var(--les-900);
}

/* --- Postavy (JS klonuje šablonu se stejným atributem rozsahu stylů) --------------------------- */

.stin-postavy[b-1wnc5sxsv6] {
    fill: rgba(11, 36, 20, 0.3);
}

.noha[b-1wnc5sxsv6] {
    fill: #3B3B4F;
    transform-box: fill-box;
    transform-origin: center top;
}

.hlava[b-1wnc5sxsv6] {
    fill: #F2C9A0;
}

.vlasy[b-1wnc5sxsv6],
.vlasy-dlouhe[b-1wnc5sxsv6] {
    fill: #5B3A22;
}

.klobouk[b-1wnc5sxsv6] {
    fill: #6B4A2B;
}

.zidle[b-1wnc5sxsv6],
.zidle-nesena[b-1wnc5sxsv6],
.cepice[b-1wnc5sxsv6],
.zastera[b-1wnc5sxsv6],
.sekera[b-1wnc5sxsv6],
.vlasy-dlouhe[b-1wnc5sxsv6],
.bublina[b-1wnc5sxsv6] {
    display: none;
}

.zidle rect[b-1wnc5sxsv6],
.zidle-nesena[b-1wnc5sxsv6] {
    fill: #8A5A33;
}

.zena .vlasy-dlouhe[b-1wnc5sxsv6] {
    display: inline;
}

.zena .vlasy[b-1wnc5sxsv6] {
    display: none;
}

/* Stezka odvahy: svíčka v ruce, vedoucí převlečený za ducha. */
.svicka[b-1wnc5sxsv6] {
    display: none;
    fill: #FFE38A;
    filter: drop-shadow(0 0 2px #FFD35C);
}

.se-svickou .svicka[b-1wnc5sxsv6] {
    display: inline;
}

.duch .tricko[b-1wnc5sxsv6],
.duch .hlava[b-1wnc5sxsv6],
.duch .noha[b-1wnc5sxsv6] {
    fill: #F4F6F8;
}

.duch .vlasy[b-1wnc5sxsv6],
.duch .vlasy-dlouhe[b-1wnc5sxsv6] {
    display: none;
}


.planek-pocasi[b-1wnc5sxsv6] {
    font-size: 1.1rem;
}

/* Ešus: s ním se jde pro jídlo, plný se nese do jídelny. */
.esus[b-1wnc5sxsv6],
.esus-jidlo[b-1wnc5sxsv6] {
    display: none;
}

.esus rect[b-1wnc5sxsv6] {
    fill: #A7AEB2;
    stroke: #6E767A;
    stroke-width: 0.3;
}

.ma-esus .esus[b-1wnc5sxsv6],
.ma-jidlo .esus-jidlo[b-1wnc5sxsv6] {
    display: inline;
}

.ma-jidlo .esus-jidlo[b-1wnc5sxsv6] {
    fill: #8A5A33;
}

/* Vedoucí s židlí: sedí, nebo ji nese. */
.sedi .zidle[b-1wnc5sxsv6] {
    display: inline;
}

.sedi .noha[b-1wnc5sxsv6] {
    display: none;
}

.sedi .kyvani[b-1wnc5sxsv6] {
    transform: translateY(4px);
}

.nese-zidli .zidle-nesena[b-1wnc5sxsv6] {
    display: inline;
}

/* Kuchařky a kuchaři: bílá čepice a zástěra. */
.kuchar .cepice[b-1wnc5sxsv6],
.kuchar .zastera[b-1wnc5sxsv6] {
    display: inline;
}

.kuchar .cepice[b-1wnc5sxsv6] {
    fill: #fff;
}

.kuchar .zastera[b-1wnc5sxsv6] {
    fill: #E7EEF2;
}

/* Zásobovač štípe dříví. */
.zasobovac .sekera[b-1wnc5sxsv6] {
    display: inline;
    fill: #555;
    transform-box: fill-box;
    transform-origin: center bottom;
}

.zasobovac .sekera rect[b-1wnc5sxsv6] {
    fill: #8A5A33;
}

.zasobovac.stipe .sekera[b-1wnc5sxsv6] {
    animation: sekani-b-1wnc5sxsv6 0.9s ease-in infinite;
}

/* Nátělník: holá ramena (hlavní vedoucí a vedoucí v červeném nátělníku). */
.ramena[b-1wnc5sxsv6],
.knirek-tvar[b-1wnc5sxsv6],
.dopis[b-1wnc5sxsv6],
.klobouk-hajny[b-1wnc5sxsv6],
.kolecko[b-1wnc5sxsv6],
.fousy[b-1wnc5sxsv6],
.lev[b-1wnc5sxsv6],
.faborek[b-1wnc5sxsv6],
.bedna[b-1wnc5sxsv6],
.kytara[b-1wnc5sxsv6],
.naplast[b-1wnc5sxsv6],
.hrnec[b-1wnc5sxsv6],
.lekarnicka[b-1wnc5sxsv6] {
    display: none;
}

.natelnik .ramena[b-1wnc5sxsv6] {
    display: inline;
    fill: #E8B48F;
}

/* Hlavní vedoucí něco opravuje — kladivo (stejný tvar jako sekera). */
.opravuje .sekera[b-1wnc5sxsv6] {
    display: inline;
    fill: #555;
    transform-box: fill-box;
    transform-origin: center bottom;
    animation: sekani-b-1wnc5sxsv6 0.7s ease-in infinite;
}

.opravuje .sekera rect[b-1wnc5sxsv6] {
    fill: #8A5A33;
}

/* Vedoucí, které děti znají jménem: Ted (vousy), Baďáček (tričko se lvem, dlouhé vlasy). */
.fousaty .fousy[b-1wnc5sxsv6] {
    display: inline;
    fill: #5A3A22;
}

.lvi-tricko .lev[b-1wnc5sxsv6] {
    display: inline;
    fill: #8A4E14;
    stroke: #F4D58A;
    stroke-width: 0.5;
}

.dlouhovlasy .vlasy-dlouhe[b-1wnc5sxsv6] {
    display: inline;
}

.dlouhovlasy .vlasy[b-1wnc5sxsv6] {
    display: none;
}

/* Baďáček: dlouhé černé vlasy a černý knírek. */
.cerne-vlasy .vlasy-dlouhe[b-1wnc5sxsv6],
.cerne-vlasy .vlasy[b-1wnc5sxsv6] {
    fill: #151515;
}

.knirek .knirek-tvar[b-1wnc5sxsv6] {
    display: inline;
    fill: #151515;
}

/* Dopis z pošty v ruce. */
.ma-dopis .dopis[b-1wnc5sxsv6] {
    display: inline;
    fill: #fff;
    stroke: #8A7A5A;
    stroke-width: 0.3;
}

/* Hajný v myslivecké zelené s kloboukem. */
.hajny .klobouk-hajny[b-1wnc5sxsv6] {
    display: inline;
    fill: #3E4A2A;
}

/* Vašek tlačí kolečko se sazenicemi. */
.tlaci-kolecko .kolecko[b-1wnc5sxsv6] {
    display: inline;
}

.kolecko path:first-child[b-1wnc5sxsv6] {
    fill: #7E8A8E;
    stroke: #4E585C;
    stroke-width: 0.4;
}

.kolecko-kolo[b-1wnc5sxsv6] {
    fill: #2A2A2A;
}

.kolecko-drzadla[b-1wnc5sxsv6] {
    fill: none;
    stroke: #6B4A2B;
    stroke-width: 0.8;
}

/* Kuchař v okně kuchyně. */
.cepice-okno[b-1wnc5sxsv6] {
    fill: #fff;
}

.tricko-okno[b-1wnc5sxsv6] {
    fill: #F4F1EA;
}

/* Táborová hra družin — fáborek v barvě družiny za pasem. */
.ma-faborek .faborek[b-1wnc5sxsv6] {
    display: inline;
    stroke: rgba(0, 0, 0, 0.35);
    stroke-width: 0.3;
}

/* Zásobovač nese bednu s rohlíky a houskami. */
.nese-bednu .bedna[b-1wnc5sxsv6] {
    display: inline;
}

.bedna rect[b-1wnc5sxsv6] {
    fill: #3D6FA8;
    stroke: #26496F;
    stroke-width: 0.4;
}

.bedna circle[b-1wnc5sxsv6] {
    fill: #E3B26A;
    stroke: #B9823A;
    stroke-width: 0.3;
}

/* Bedna s masem od pana Masňáka. */
.nese-bednu.maso .bedna rect[b-1wnc5sxsv6] {
    fill: #B8443A;
    stroke: #7A2A22;
}

.nese-bednu.maso .bedna circle[b-1wnc5sxsv6] {
    fill: #E8A3A8;
    stroke: #B8443A;
}

.nese-bednu .sekera[b-1wnc5sxsv6] {
    display: none;
}

/* Sbírá borůvky — sehnutý u keříku. */
.sbira .telo[b-1wnc5sxsv6],
.uklizi .telo[b-1wnc5sxsv6] {
    translate: 0 2px;
    rotate: 12deg;
}

/* Sedí na zemi (u táboráku, na rande) — nohy schované, tělo níž. */
.sedi-na-zemi .noha[b-1wnc5sxsv6] {
    display: none;
}

.sedi-na-zemi .telo[b-1wnc5sxsv6] {
    translate: 0 4px;
}

/* U táboráku hrají vedoucí na kytaru. */
.hraje .kytara[b-1wnc5sxsv6] {
    display: inline;
    transform-box: fill-box;
    transform-origin: center;
    animation: brnkani-b-1wnc5sxsv6 0.5s ease-in-out infinite alternate;
}

.kytara ellipse[b-1wnc5sxsv6],
.kytara rect[b-1wnc5sxsv6] {
    fill: #B5702F;
    stroke: #6B3E16;
    stroke-width: 0.3;
}

.kytara-otvor[b-1wnc5sxsv6] {
    fill: #3A2410;
}

/* Kuchaři vaří — hrnec a vařečka, kterou míchají. */
.vari .hrnec[b-1wnc5sxsv6] {
    display: inline;
}

.hrnec rect[b-1wnc5sxsv6] {
    fill: #9AA0A3;
    stroke: #5E6468;
    stroke-width: 0.4;
}

.varecka[b-1wnc5sxsv6] {
    stroke: #A57A4C;
    stroke-width: 0.8;
    stroke-linecap: round;
    transform-box: fill-box;
    transform-origin: center bottom;
}

.vari .varecka[b-1wnc5sxsv6] {
    animation: michani-b-1wnc5sxsv6 0.8s ease-in-out infinite alternate;
}

/* Zdravotnice ošetřuje — lékárnička; ošetřené dítě má chvíli náplast. */
.osetruje .lekarnicka[b-1wnc5sxsv6] {
    display: inline;
}

.lekarnicka rect[b-1wnc5sxsv6] {
    fill: #fff;
    stroke: #2E8B57;
    stroke-width: 0.5;
}

.lekarnicka path[b-1wnc5sxsv6] {
    fill: #D7141A;
}

.ma-naplast .naplast[b-1wnc5sxsv6] {
    display: inline;
    fill: #FFF3D6;
    stroke: #C9A45C;
    stroke-width: 0.3;
}

/* Rozcvička, dřepy a kliky (tresty v noci). */
.cvici .kyvani[b-1wnc5sxsv6] {
    animation: skok-b-1wnc5sxsv6 0.5s ease-in-out infinite alternate;
}

.drepy .kyvani[b-1wnc5sxsv6] {
    transform-box: fill-box;
    transform-origin: center bottom;
    animation: drep-b-1wnc5sxsv6 0.8s ease-in-out infinite;
}

.kliky .kyvani[b-1wnc5sxsv6] {
    transform-box: fill-box;
    transform-origin: center bottom;
    animation: klik-b-1wnc5sxsv6 0.9s ease-in-out infinite;
}

/* Hlavní vedoucí a zdravotnice. */
.hlavni .tricko[b-1wnc5sxsv6] {
    stroke: var(--mosaz);
    stroke-width: 0.8;
}

.zdravotnik .tricko[b-1wnc5sxsv6] {
    stroke: #D7141A;
    stroke-width: 1.4;
    stroke-dasharray: 2 2;
}

/* Prasečák — napůl člověk, napůl prase. */
.rypak[b-1wnc5sxsv6],
.usi[b-1wnc5sxsv6] {
    display: none;
    fill: #E8A3A8;
}

.prasecak .rypak[b-1wnc5sxsv6],
.prasecak .usi[b-1wnc5sxsv6] {
    display: inline;
}

.prasecak .hlava[b-1wnc5sxsv6] {
    fill: #E8A3A8;
}

.prasecak .vlasy[b-1wnc5sxsv6] {
    display: none;
}

/* Přetahovaná — táhnou se dozadu. */
.tahne .kyvani[b-1wnc5sxsv6] {
    transform: rotate(-12deg);
    transform-box: fill-box;
    transform-origin: center bottom;
}

/* Bubliny (píšťalka, „Obědváme!“…). */
.mluvi .bublina[b-1wnc5sxsv6] {
    display: inline;
}

.bublina rect[b-1wnc5sxsv6] {
    fill: #fff;
    stroke: var(--les-900);
    stroke-width: 1;
}

.bublina text[b-1wnc5sxsv6] {
    font: 700 9px var(--pismo-text);
    fill: var(--les-900);
}

/* Chůze: nohy se střídají, tělo se lehce pohupuje. */
.postava.jde .noha-l[b-1wnc5sxsv6] {
    animation: krok-b-1wnc5sxsv6 0.32s ease-in-out infinite alternate;
}

.postava.jde .noha-p[b-1wnc5sxsv6] {
    animation: krok-b-1wnc5sxsv6 0.32s ease-in-out infinite alternate-reverse;
}

.postava.jde .kyvani[b-1wnc5sxsv6] {
    animation: poskok-b-1wnc5sxsv6 0.32s ease-in-out infinite alternate;
    animation-delay: var(--zpozdeni, 0s);
}

.hrac .tricko[b-1wnc5sxsv6] {
    stroke: #fff;
    stroke-width: 0.6;
}

.stitek-hrace rect[b-1wnc5sxsv6] {
    fill: var(--les-900);
}

.stitek-hrace text[b-1wnc5sxsv6] {
    fill: #fff;
    font-size: 11px;
    font-weight: 700;
    font-family: var(--pismo-text);
}

.stitek-hrace[b-1wnc5sxsv6] {
    animation: vznaset-b-1wnc5sxsv6 1.8s ease-in-out infinite alternate;
}

/* --- Noc ------------------------------------------------------------------------------------------- */

.noc[b-1wnc5sxsv6] {
    fill: #0B1A3A;
    pointer-events: none;
}

.svetla[b-1wnc5sxsv6] {
    pointer-events: none;
    mix-blend-mode: screen;
}

.okno[b-1wnc5sxsv6] {
    fill: #FFE7A3;
}

.zare-ohne[b-1wnc5sxsv6] {
    animation: plapolani-b-1wnc5sxsv6 0.5s ease-in-out infinite alternate;
    transform-box: fill-box;
    transform-origin: center;
}

#nocni[b-1wnc5sxsv6] {
    pointer-events: none;
}

@keyframes plapolani-b-1wnc5sxsv6 {
    from { transform: scale(0.94); opacity: 0.85; }
    to { transform: scale(1.06); opacity: 1; }
}

/* --- Mraky a ptáci ------------------------------------------------------------------------------ */

.mrak[b-1wnc5sxsv6] {
    fill: rgba(8, 30, 18, 0.12);
    animation: mrak-b-1wnc5sxsv6 60s linear infinite;
    animation-delay: calc(var(--i) * -30s);
}

.ptak[b-1wnc5sxsv6] {
    fill: none;
    stroke: #1E2B24;
    stroke-width: 1.6;
    stroke-linecap: round;
    animation: let-b-1wnc5sxsv6 26s linear infinite;
    animation-delay: calc(var(--i) * -1.2s);
}

/* --- Klikací místa a popisky ----------------------------------------------------------------------- */

/* Klikací místa poznáš podle kurzoru a popisku — záře (filtr) by při každém snímku zpomalovala. */
.klikaci[b-1wnc5sxsv6] {
    cursor: pointer;
}

.popisky-okoli[b-1wnc5sxsv6] {
    display: none;
}

/* Popisky v táboře se ukážou až při najetí myší na místo (JS přidá třídu „ukaz“). */
.popisky-tabora[b-1wnc5sxsv6]  text {
    opacity: 0;
    transition: opacity 0.2s;
}

.popisky-tabora[b-1wnc5sxsv6]  text.ukaz {
    opacity: 1;
}

.planek-svg.daleko .popisky-okoli[b-1wnc5sxsv6] {
    display: inline;
}

.planek-svg.daleko .popisky-tabora[b-1wnc5sxsv6] {
    display: none;
}

/* Popisky mají na obrazovce pořád stejnou velikost — JS nastaví --na-pixel (jednotek SVG na pixel). */
.popisky[b-1wnc5sxsv6]  text {
    font-family: var(--pismo-text);
    font-size: calc(13px * var(--na-pixel, 1));
    font-weight: 600;
    fill: #fff;
    stroke: rgba(8, 49, 31, 0.85);
    stroke-width: calc(3.5px * var(--na-pixel, 1));
    paint-order: stroke;
    pointer-events: none;
}

.popisky-okoli[b-1wnc5sxsv6]  text {
    font-size: calc(15px * var(--na-pixel, 1));
    font-weight: 700;
    letter-spacing: 0.02em;
    stroke-width: calc(4px * var(--na-pixel, 1));
}

/* --- Zpráva o události a karta místa ---------------------------------------------------------------- */

.planek-hodiny[b-1wnc5sxsv6] {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    z-index: 2;
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
    max-width: calc(100% - 2rem);
    padding: 0.25rem 0.75rem;
    font-size: 0.85rem;
    border-radius: 999px;
    background: rgba(8, 49, 31, 0.92);
    color: #fff;
    box-shadow: var(--stin-maly);
    pointer-events: none;
}

.planek-cas[b-1wnc5sxsv6] {
    font-family: var(--pismo-nadpis);
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--mosaz-svetla);
    font-variant-numeric: tabular-nums;
}

.planek-program[b-1wnc5sxsv6] {
    font-weight: 600;
}

.planek-dalsi[b-1wnc5sxsv6] {
    font-size: 0.74rem;
    opacity: 0.75;
}

.planek-rad[b-1wnc5sxsv6] {
    columns: 2 16rem;
    padding-left: 0;
    list-style: none;
}

.planek-rad li[b-1wnc5sxsv6] {
    padding: 0.15rem 0;
}

.planek-rad span[b-1wnc5sxsv6] {
    display: inline-block;
    min-width: 3.4rem;
    font-weight: 700;
    color: var(--les-700);
    font-variant-numeric: tabular-nums;
}

.planek-ovladani[b-1wnc5sxsv6] {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    z-index: 2;
    display: flex;
    gap: 0.7rem;
}

.planek-skupina[b-1wnc5sxsv6] {
    display: flex;
    gap: 0.3rem;
}

.planek-ovladani button[b-1wnc5sxsv6] {
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.6rem;
    font-size: 0.85rem;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: var(--les-900);
    font-weight: 700;
    box-shadow: var(--stin-maly);
}

.planek-ovladani button:hover[b-1wnc5sxsv6] {
    background: #fff;
}

.planek-zprava[b-1wnc5sxsv6] {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    z-index: 2;
    translate: -50% 0;
    padding: 0.55rem 1.1rem;
    border-radius: 999px;
    background: rgba(8, 49, 31, 0.92);
    color: #fff;
    font-weight: 600;
    box-shadow: var(--stin-maly);
    animation: zprava-b-1wnc5sxsv6 4.5s var(--krivka) both;
    pointer-events: none;
}

.planek-karta[b-1wnc5sxsv6] {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    width: min(22rem, calc(100% - 2rem));
    overflow: hidden;
    background: #fff;
    border-radius: var(--zaobleni);
    box-shadow: var(--stin);
    animation: karta-b-1wnc5sxsv6 0.35s var(--krivka) both;
}

.planek-karta img[b-1wnc5sxsv6] {
    display: block;
    width: 100%;
    height: 9.5rem;
    object-fit: cover;
}

.planek-karta-text[b-1wnc5sxsv6] {
    padding: 0.9rem 1.1rem 1.1rem;
}

.planek-karta h2[b-1wnc5sxsv6] {
    margin: 0.1rem 0 0.4rem;
    font-family: var(--pismo-nadpis);
    font-size: 1.35rem;
}

.planek-karta p[b-1wnc5sxsv6] {
    margin: 0;
    font-size: 0.95rem;
}

.planek-karta-mala[b-1wnc5sxsv6] {
    width: min(18rem, calc(100% - 2rem));
}

.planek-ikona[b-1wnc5sxsv6] {
    font-size: 1.6rem;
}

.planek-zavrit[b-1wnc5sxsv6] {
    position: absolute;
    top: 0.35rem;
    right: 0.5rem;
    z-index: 1;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    font-size: 1.3rem;
    line-height: 1;
}

.planek-mista[b-1wnc5sxsv6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    list-style: none;
    padding: 0;
}

.planek-misto[b-1wnc5sxsv6] {
    border: 1px solid var(--platno-3);
    background: #fff;
    border-radius: 999px;
    padding: 0.35rem 0.85rem;
    font-size: 0.9rem;
    transition: transform 0.2s var(--krivka), background 0.2s;
}

.planek-misto:hover[b-1wnc5sxsv6] {
    transform: translateY(-1px);
}

.planek-misto.vybrano[b-1wnc5sxsv6] {
    background: var(--les-900);
    border-color: var(--les-900);
    color: #fff;
}

/* --- Animace ----------------------------------------------------------------------------------------- */

@keyframes brnkani-b-1wnc5sxsv6 {
    from { rotate: -4deg; }
    to { rotate: 4deg; }
}

@keyframes michani-b-1wnc5sxsv6 {
    from { rotate: -25deg; }
    to { rotate: 25deg; }
}

@keyframes splh-b-1wnc5sxsv6 {
    0%, 100% { translate: 0 0; }
    50% { translate: 0 -16px; }
}

@keyframes padlo-b-1wnc5sxsv6 {
    0%, 100% { rotate: -25deg; }
    50% { rotate: 25deg; }
}

@keyframes vrtule-b-1wnc5sxsv6 {
    from { scale: 1 1; }
    50% { scale: 0.3 1; }
    to { scale: 1 1; }
}

@keyframes blesk-b-1wnc5sxsv6 {
    0% { filter: brightness(2.2); }
    100% { filter: none; }
}

@keyframes vlnka-b-1wnc5sxsv6 {
    0% { transform: scale(0.3); opacity: 0; }
    30% { opacity: 1; }
    100% { transform: scale(1.6); opacity: 0; }
}

@keyframes odlesk-b-1wnc5sxsv6 {
    from { transform: translateX(-18px); opacity: 0.2; }
    to { transform: translateX(18px); opacity: 0.7; }
}

@keyframes kour-b-1wnc5sxsv6 {
    0% { transform: translate(0, 0) scale(0.4); opacity: 0; }
    20% { opacity: 0.8; }
    100% { transform: translate(14px, -46px) scale(1.8); opacity: 0; }
}

@keyframes vlajka-b-1wnc5sxsv6 {
    from { transform: skewY(-4deg) scaleX(1); }
    to { transform: skewY(5deg) scaleX(0.9); }
}

@keyframes plamen-b-1wnc5sxsv6 {
    from { transform: scale(0.92, 0.88) rotate(-3deg); }
    to { transform: scale(1.06, 1.12) rotate(3deg); }
}

@keyframes jiskra-b-1wnc5sxsv6 {
    0% { transform: translate(0, 0); opacity: 1; }
    100% { transform: translate(6px, -26px); opacity: 0; }
}

@keyframes vitr-b-1wnc5sxsv6 {
    from { transform: rotate(-1.5deg); }
    to { transform: rotate(1.8deg) scale(1.03); }
}

@keyframes krok-b-1wnc5sxsv6 {
    from { transform: rotate(-24deg); }
    to { transform: rotate(24deg); }
}

@keyframes poskok-b-1wnc5sxsv6 {
    from { transform: translateY(0); }
    to { transform: translateY(-1.5px); }
}

@keyframes sekani-b-1wnc5sxsv6 {
    0%, 55% { transform: rotate(-60deg); }
    75% { transform: rotate(40deg); }
    100% { transform: rotate(-60deg); }
}

@keyframes skok-b-1wnc5sxsv6 {
    from { transform: translateY(0); }
    to { transform: translateY(-3px); }
}

@keyframes drep-b-1wnc5sxsv6 {
    0%, 100% { transform: scaleY(1); }
    50% { transform: scaleY(0.62); }
}

@keyframes klik-b-1wnc5sxsv6 {
    0%, 100% { transform: rotate(-80deg) translateY(0); }
    50% { transform: rotate(-80deg) translateY(2px); }
}

@keyframes vznaset-b-1wnc5sxsv6 {
    from { transform: translateY(0); }
    to { transform: translateY(-2px); }
}

@keyframes mrak-b-1wnc5sxsv6 {
    from { transform: translate(-500px, -120px); }
    to { transform: translate(1500px, 220px); }
}

@keyframes let-b-1wnc5sxsv6 {
    0% { transform: translate(-80px, 260px); }
    50% { transform: translate(650px, 90px); }
    100% { transform: translate(1300px, -60px); }
}

@keyframes karta-b-1wnc5sxsv6 {
    from { opacity: 0; transform: translateY(14px) scale(0.98); }
    to { opacity: 1; transform: none; }
}

@keyframes zprava-b-1wnc5sxsv6 {
    0% { opacity: 0; translate: -50% -10px; }
    10%, 85% { opacity: 1; translate: -50% 0; }
    100% { opacity: 0; translate: -50% -6px; }
}

@media (prefers-reduced-motion: reduce) {
    .planek *[b-1wnc5sxsv6],
    .planek[b-1wnc5sxsv6] {
        animation: none !important;
        transition: none !important;
    }
}

/* Telefon: nic nezakrývá plánek — hodiny jsou nad ním, ovládání a karta pod ním,
   plánek je na výšku a ovládá se prsty. */
@media (max-width: 720px) {
    .planek[b-1wnc5sxsv6] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .planek-hodiny[b-1wnc5sxsv6] {
        position: static;
        order: 0;
        max-width: none;
        flex-wrap: wrap;
        row-gap: 0;
        padding: 0.4rem 0.9rem;
        border-radius: var(--zaobleni);
    }

    .planek-cas[b-1wnc5sxsv6] {
        font-size: 1.15rem;
    }

    .planek-svg[b-1wnc5sxsv6] {
        order: 1;
        aspect-ratio: auto;
        height: min(68vh, 34rem);
        min-height: 18rem;
    }

    .planek-ovladani[b-1wnc5sxsv6] {
        position: static;
        order: 2;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0.4rem;
    }

    .planek-ovladani button[b-1wnc5sxsv6] {
        min-width: 2.75rem;
        height: 2.75rem;
        background: #fff;
        border: 1px solid rgba(8, 49, 31, 0.15);
    }

    /* Oznámení je na telefonu jen tenký řádek nahoře na plánku — mapu nezakryje. */
    .planek-zprava[b-1wnc5sxsv6] {
        top: 3.3rem;
        bottom: auto;
        max-width: calc(100% - 1.5rem);
        padding: 0.25rem 0.75rem;
        overflow: hidden;
        font-size: 0.74rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        opacity: 0.94;
    }

    .planek-karta[b-1wnc5sxsv6] {
        position: static;
        order: 3;
        width: auto;
    }
}
/* /Pages/Pozvanka.razor.rz.scp.css */
.formular[b-x3sa3vndxe] {
    max-width: 32rem;
}

.uvod[b-x3sa3vndxe] {
    color: var(--inkoust-2);
}

[b-x3sa3vndxe] .kod {
    font-family: ui-monospace, Menlo, monospace;
    font-size: 1.3rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
/* /Pages/Prehledy.razor.rz.scp.css */
.prehled-grafu[b-5kb5zeiq20] {
    padding: 1.5rem 1.75rem;
    max-width: 52rem;
}

.legenda[b-5kb5zeiq20] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.25rem;
    margin-bottom: 1rem;
    font-size: 0.85rem;
    color: var(--inkoust-2);
}

.legenda i[b-5kb5zeiq20] {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 0.3rem;
    border-radius: 0.2rem;
    vertical-align: -0.1rem;
}

.graf-radek[b-5kb5zeiq20] {
    display: grid;
    grid-template-columns: 3.5rem 1fr 2.5rem;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.graf-rok[b-5kb5zeiq20] {
    font-weight: 700;
    color: var(--les-800);
    text-decoration: none;
    font-variant-numeric: tabular-nums;
}

.graf-pas[b-5kb5zeiq20] {
    position: relative;
    height: 1.4rem;
}

.graf-pas span[b-5kb5zeiq20] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 0.3rem;
}

.graf-kapacita[b-5kb5zeiq20],
.barva-kapacita[b-5kb5zeiq20] {
    background: var(--platno-2);
}

.graf-vraceji[b-5kb5zeiq20],
.barva-vraceji[b-5kb5zeiq20] {
    background: var(--les-700);
}

.graf-novacci[b-5kb5zeiq20],
.barva-novacci[b-5kb5zeiq20] {
    background: var(--mosaz);
}

/* Úsek nováčků navazuje na vracející se — vlevo bez zaoblení. */
.graf-novacci[b-5kb5zeiq20] {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.graf-cislo[b-5kb5zeiq20] {
    text-align: right;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
/* /Pages/Prihlaseni.razor.rz.scp.css */
.prihlaseni[b-y7q61cy003] {
    min-height: 100svh;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.prihlaseni-strana[b-y7q61cy003] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: calc(var(--vyska-menu) + 3rem) clamp(2rem, 6vw, 5rem) 4rem;
    background:
        radial-gradient(ellipse 70% 60% at 80% 10%, rgba(201, 164, 92, 0.2), transparent 70%),
        linear-gradient(160deg, var(--les-800), var(--les-950));
    color: rgba(255, 255, 255, 0.8);
}

.prihlaseni-strana[b-y7q61cy003]  .logo-stan {
    color: var(--mosaz);
    margin-bottom: 2rem;
}

.strana-nazev[b-y7q61cy003] {
    margin: 0 0 0.75rem;
    font-family: var(--pismo-nadpis);
    font-size: clamp(2.2rem, 4vw, 3.2rem);
    font-weight: 500;
    color: #fff;
}

.strana-text[b-y7q61cy003] {
    max-width: 24rem;
    font-size: 1.1rem;
    margin: 0;
}

.prihlaseni-formular[b-y7q61cy003] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 30rem;
    margin-inline: auto;
    padding: calc(var(--vyska-menu) + 3rem) var(--okraj) 4rem;
    animation: formular-vstup-b-y7q61cy003 0.8s var(--krivka) backwards;
}

.prihlaseni-formular h1[b-y7q61cy003] {
    font-size: clamp(2.4rem, 4vw, 3rem);
    margin: 0 0 2rem;
}

.sirka[b-y7q61cy003] {
    width: 100%;
}

@keyframes formular-vstup-b-y7q61cy003 {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: none; }
}

@media (max-width: 860px) {
    .prihlaseni[b-y7q61cy003] {
        grid-template-columns: 1fr;
    }

    .prihlaseni-strana[b-y7q61cy003] {
        display: none;
    }
}

.uvod[b-y7q61cy003] {
    margin: -1rem 0 1.75rem;
    color: var(--inkoust-2);
}

.prepnout[b-y7q61cy003] {
    margin: 1.5rem 0 0;
    font-size: 0.95rem;
    color: var(--inkoust-2);
}
/* /Pages/PrihlaskaFormular.razor.rz.scp.css */
.uvod[b-hpp2skon4f] {
    max-width: 44rem;
    color: var(--inkoust-2);
    margin-bottom: 2rem;
}
/* /Pages/ProRodice.razor.rz.scp.css */
.uvod[b-jjnq4tquba] {
    max-width: 44rem;
    font-size: 1.1rem;
    color: var(--inkoust-2);
    margin-bottom: 2rem;
}

/* Rozcestník — dlaždice s čísly kapitol, na mobilu pod sebou. */
.rozcestnik[b-jjnq4tquba] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 0.6rem;
    margin-bottom: 3.5rem;
}

.rozcestnik a[b-jjnq4tquba] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--platno-2);
    border-radius: 0.9rem;
    background: #fff;
    color: var(--inkoust);
    font-weight: 600;
    text-decoration: none;
    transition: border-color 0.2s, transform 0.2s;
}

.rozcestnik a:hover[b-jjnq4tquba] {
    border-color: var(--les-600);
    transform: translateY(-1px);
}

.rozcestnik span[b-jjnq4tquba] {
    display: grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    flex: none;
    border-radius: 50%;
    background: var(--les-900);
    color: var(--mosaz-svetla);
    font-family: var(--pismo-nadpis);
    font-size: 0.95rem;
}

.kapitola[b-jjnq4tquba] {
    max-width: 52rem;
    margin-bottom: 4rem;
    scroll-margin-top: calc(var(--vyska-menu) + 1rem);
}

.kapitola h2[b-jjnq4tquba] {
    margin-bottom: 1.25rem;
}

/* Kroky přihlášky — číslované kroužky vlevo. */
.postup[b-jjnq4tquba] {
    list-style: none;
    counter-reset: postup;
    margin: 0 0 2rem;
    padding: 0;
}

.postup li[b-jjnq4tquba] {
    position: relative;
    counter-increment: postup;
    padding: 0 0 1.25rem 3.25rem;
    line-height: 1.6;
}

.postup li[b-jjnq4tquba]::before {
    content: counter(postup);
    position: absolute;
    left: 0;
    top: -0.1rem;
    display: grid;
    place-items: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    background: var(--les-700);
    color: #fff;
    font-weight: 700;
}

/* Spojnice mezi kroky. */
.postup li:not(:last-child)[b-jjnq4tquba]::after {
    content: "";
    position: absolute;
    left: 1.07rem;
    top: 2.3rem;
    bottom: 0.2rem;
    width: 2px;
    background: var(--platno-3);
}

.postup strong[b-jjnq4tquba] {
    display: block;
    color: var(--les-800);
}

/* Táborový den jako pás bloků. */
.den[b-jjnq4tquba] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 0.5rem;
}

.den-blok[b-jjnq4tquba] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 1rem;
    border-radius: 0.9rem;
    background: var(--les-900);
    color: #fff;
}

.den-cas[b-jjnq4tquba] {
    font-family: var(--pismo-nadpis);
    font-size: 1.15rem;
    color: var(--mosaz-svetla);
    font-variant-numeric: tabular-nums;
}

.den-nazev[b-jjnq4tquba] {
    font-size: 0.88rem;
    color: rgba(255, 255, 255, 0.82);
}

.vycet li[b-jjnq4tquba] {
    margin-bottom: 0.45rem;
    line-height: 1.6;
}

.dvojice[b-jjnq4tquba] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1rem;
}

.karta-info[b-jjnq4tquba] {
    padding: 1.5rem;
}

.karta-info h3[b-jjnq4tquba] {
    margin: 0.75rem 0 0.4rem;
    font-size: 1.2rem;
}

.karta-info p[b-jjnq4tquba] {
    margin: 0;
    color: var(--inkoust-2);
}

.karta-info-ikona[b-jjnq4tquba] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 0.8rem;
    background: var(--platno);
    color: var(--les-700);
}

.sbalit[b-jjnq4tquba] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 1rem;
}

.sbalit-skupina[b-jjnq4tquba] {
    padding: 1.25rem 1.4rem;
}

.sbalit-skupina h3[b-jjnq4tquba] {
    margin: 0 0 0.6rem;
    font-size: 1.1rem;
}

.sbalit-skupina ul[b-jjnq4tquba] {
    margin: 0;
    padding-left: 1.1rem;
    line-height: 1.7;
    color: var(--inkoust-2);
}

.pozn[b-jjnq4tquba] {
    color: var(--inkoust-2);
    font-size: 0.95rem;
}

/* Časté otázky — rozbalovací. */
.otazky[b-jjnq4tquba] {
    border-top: 1px solid var(--platno-2);
}

.otazka[b-jjnq4tquba] {
    border-bottom: 1px solid var(--platno-2);
}

.otazka summary[b-jjnq4tquba] {
    position: relative;
    padding: 1rem 2.5rem 1rem 0;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
}

.otazka summary[b-jjnq4tquba]::-webkit-details-marker {
    display: none;
}

.otazka summary[b-jjnq4tquba]::after {
    content: "+";
    position: absolute;
    right: 0.25rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--les-600);
    transition: transform 0.25s var(--krivka);
}

.otazka[open] summary[b-jjnq4tquba]::after {
    transform: translateY(-50%) rotate(45deg);
}

.otazka p[b-jjnq4tquba] {
    margin: 0 0 1.1rem;
    color: var(--inkoust-2);
    line-height: 1.65;
}
/* /Pages/ProVedouci.razor.rz.scp.css */
.hlavicka[b-k8i4ayj6g1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 2rem;
}

.uvod[b-k8i4ayj6g1] {
    max-width: 42rem;
    color: var(--inkoust-2);
    margin: 0.5rem 0 0;
}

.obsah-prirucky[b-k8i4ayj6g1] {
    padding: 1.25rem 1.75rem;
    max-width: 32rem;
    margin-bottom: 3rem;
}

.obsah-prirucky ol[b-k8i4ayj6g1] {
    margin: 0;
    padding-left: 1.2rem;
    line-height: 2;
}

.kapitola[b-k8i4ayj6g1] {
    max-width: 52rem;
    margin-bottom: 3.5rem;
    scroll-margin-top: calc(var(--vyska-menu) + 1rem);
}

.kapitola h2[b-k8i4ayj6g1] {
    margin-bottom: 1rem;
}

.kapitola h3[b-k8i4ayj6g1] {
    margin: 2rem 0 0.5rem;
    font-size: 1.3rem;
}

.pozn[b-k8i4ayj6g1] {
    color: var(--inkoust-2);
    font-size: 0.95rem;
}

.rezim[b-k8i4ayj6g1] {
    max-width: 24rem;
}

.vycet li[b-k8i4ayj6g1] {
    margin-bottom: 0.35rem;
}

.destivy[b-k8i4ayj6g1] {
    display: inline-block;
    padding: 0.1rem 0.55rem;
    border-radius: 999px;
    background: #E8EEF8;
    color: #284B7A;
    font-size: 0.78rem;
    font-weight: 600;
}

@media print {
    .tisk[b-k8i4ayj6g1],
    .obsah-prirucky[b-k8i4ayj6g1] {
        display: none;
    }
}
/* /Pages/RocnikDetail.razor.rz.scp.css */
.rocnik-hlava[b-dsqs5zhd83] {
    margin-bottom: 2.5rem;
}

.rocnik-hlava h1[b-dsqs5zhd83] {
    font-size: clamp(2.2rem, 6vw, 3.6rem);
    margin: 0.25rem 0 1rem;
}

.uvod[b-dsqs5zhd83] {
    max-width: 44rem;
    font-size: 1.15rem;
    color: var(--inkoust-2);
}

.cast[b-dsqs5zhd83] {
    margin-bottom: 2.5rem;
}

.mezititulek[b-dsqs5zhd83] {
    margin: 0 0 0.9rem;
    font-family: var(--pismo-text);
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--les-600);
}

.popis[b-dsqs5zhd83] {
    color: var(--inkoust-2);
    max-width: 42rem;
}

.videa[b-dsqs5zhd83] {
    max-width: 50rem;
}

.videa.vice[b-dsqs5zhd83] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1rem;
    max-width: none;
}

.postavy[b-dsqs5zhd83] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 0.4rem 1.5rem;
}

.postavy li[b-dsqs5zhd83] {
    display: flex;
    flex-direction: column;
    padding: 0.35rem 0;
    border-bottom: 1px solid var(--platno-2);
}

.postava[b-dsqs5zhd83] {
    font-weight: 500;
}

.hrac[b-dsqs5zhd83],
.vedouci[b-dsqs5zhd83] {
    font-size: 0.9rem;
    color: var(--inkoust-2);
}

.dalsi-rocniky[b-dsqs5zhd83] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 3rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--platno-3);
}
/* /Pages/TurnusNazivo.razor.rz.scp.css */
/* Tábor naživo — ročník na jedné obrazovce. Barvy družstev jsou tlumené
   „táborové“ odstíny, na kterých je bílý text čitelný (kontrast ≥ 4,5 : 1). */

@property --cislo {
    syntax: "<integer>";
    initial-value: 0;
    inherits: false;
}

.nazivo[b-msm52irffz] {
    --barva: var(--inkoust-2, #5B6B63);
    position: relative;
    margin-top: 1.5rem;
}

.barva-0[b-msm52irffz] { --barva: #1F6F50; }
.barva-1[b-msm52irffz] { --barva: #A8432C; }
.barva-2[b-msm52irffz] { --barva: #2F5D8C; }
.barva-3[b-msm52irffz] { --barva: #7E5612; }
.barva-4[b-msm52irffz] { --barva: #6B3F8A; }
.barva-5[b-msm52irffz] { --barva: #22707A; }
.barva-6[b-msm52irffz] { --barva: #9C3658; }
.barva-7[b-msm52irffz] { --barva: #4F6B1F; }
.barva-8[b-msm52irffz] { --barva: #74452B; }
.barva-9[b-msm52irffz] { --barva: #3D4F7A; }
.barva-zadna[b-msm52irffz] { --barva: #6B7A72; }

/* --- Úvodní pás ------------------------------------------------------------ */

.pas[b-msm52irffz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.5rem 2.5rem;
    align-items: center;
    padding: clamp(1.5rem, 4vw, 2.5rem);
    border-radius: var(--zaobleni-velke);
    background:
        radial-gradient(120% 140% at 100% 0%, rgba(201, 164, 92, 0.22), transparent 55%),
        linear-gradient(135deg, var(--les-900), var(--les-700));
    color: #fff;
    box-shadow: var(--stin);
    overflow: hidden;
    animation: vyjet-b-msm52irffz 0.6s var(--krivka) both;
}

.pas-nadtitulek[b-msm52irffz] {
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--mosaz-svetla);
}

.pas-titulek[b-msm52irffz] {
    font-family: var(--pismo-nadpis);
    font-size: clamp(1.6rem, 4vw, 2.4rem);
    margin: 0.25rem 0 0.9rem;
    color: #fff;
}

.prubeh[b-msm52irffz] {
    height: 0.55rem;
    max-width: 22rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    overflow: hidden;
}

.prubeh span[b-msm52irffz] {
    display: block;
    height: 100%;
    width: var(--podil);
    border-radius: inherit;
    background: linear-gradient(90deg, var(--mosaz), var(--mosaz-svetla));
    animation: narust-b-msm52irffz 1.2s var(--krivka) 0.2s both;
    transform-origin: left;
}

.cisla[b-msm52irffz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(4.5rem, auto));
    gap: 0.75rem;
    margin: 0;
}

.cislo[b-msm52irffz] {
    display: flex;
    flex-direction: column-reverse;
    padding: 0.75rem 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    text-align: center;
    animation: vyjet-b-msm52irffz 0.6s var(--krivka) var(--zpozdeni) both;
}

.cislo dt[b-msm52irffz] {
    font-size: 0.75rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.75);
}

.cislo dd[b-msm52irffz] {
    margin: 0;
    font-family: var(--pismo-nadpis);
    font-size: 1.9rem;
    line-height: 1.1;
    color: var(--mosaz-svetla);
}

/* Číslo naběhne od nuly — CSS čítač s animovanou vlastností. */
.pocitadlo[b-msm52irffz] {
    --cislo: var(--n);
    counter-reset: cislo var(--cislo);
    animation: pocitej-b-msm52irffz 1.3s var(--krivka) var(--zpozdeni) both;
}

.pocitadlo[b-msm52irffz]::after {
    content: counter(cislo);
}

/* --- Ovládání -------------------------------------------------------------- */

.ovladani[b-msm52irffz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    align-items: center;
    margin: 1.5rem 0 1rem;
}

.sceny[b-msm52irffz] {
    display: inline-flex;
    padding: 0.3rem;
    border-radius: 999px;
    background: #fff;
    box-shadow: var(--stin-maly);
}

.scena-tab[b-msm52irffz] {
    border: 0;
    background: transparent;
    padding: 0.5rem 1.1rem;
    border-radius: 999px;
    font-weight: 600;
    color: var(--les-700);
    transition: background 0.25s var(--krivka), color 0.25s var(--krivka);
}

.scena-tab:hover[b-msm52irffz] {
    background: var(--platno);
}

.scena-tab.vybrano[b-msm52irffz] {
    background: var(--les-900);
    color: #fff;
}

.hledani[b-msm52irffz] {
    position: relative;
    flex: 1 1 16rem;
    max-width: 24rem;
}

.hledani .form-control[b-msm52irffz] {
    border-radius: 999px;
    padding-left: 1.1rem;
}

.naseptavac[b-msm52irffz] {
    position: absolute;
    z-index: 20;
    top: calc(100% + 0.35rem);
    left: 0;
    right: 0;
    list-style: none;
    margin: 0;
    padding: 0.35rem;
    border-radius: 1rem;
    background: #fff;
    box-shadow: var(--stin);
    animation: vyjet-b-msm52irffz 0.2s var(--krivka) both;
}

.naseptavac button[b-msm52irffz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    border: 0;
    background: transparent;
    padding: 0.5rem 0.65rem;
    border-radius: 0.7rem;
    text-align: left;
}

.naseptavac button:hover[b-msm52irffz],
.naseptavac button:focus-visible[b-msm52irffz] {
    background: var(--platno);
}

.naseptavac .maly[b-msm52irffz] {
    margin-left: auto;
    text-align: right;
}

.tecka[b-msm52irffz] {
    display: inline-block;
    flex: none;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    background: var(--barva);
}

.jen-dnes[b-msm52irffz] {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    font-size: 0.9rem;
}

/* --- Legenda = filtr družstev ---------------------------------------------- */

.legenda[b-msm52irffz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
    margin-bottom: 1.25rem;
}

.legenda-polozka[b-msm52irffz] {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    border: 1px solid var(--platno-3);
    background: #fff;
    padding: 0.3rem 0.8rem 0.3rem 0.55rem;
    border-radius: 999px;
    font-size: 0.88rem;
    transition: transform 0.2s var(--krivka), background 0.2s, color 0.2s;
}

.legenda-polozka:hover[b-msm52irffz] {
    transform: translateY(-1px);
}

.legenda-polozka.aktivni[b-msm52irffz] {
    background: var(--barva);
    border-color: var(--barva);
    color: #fff;
}

.legenda-polozka.aktivni .tecka[b-msm52irffz] {
    background: #fff;
}

/* --- Scéna ----------------------------------------------------------------- */

.obsah-sceny[b-msm52irffz] {
    animation: prolnout-b-msm52irffz 0.35s var(--krivka) both;
}

.skupina-nadpis[b-msm52irffz] {
    font-family: var(--pismo-nadpis);
    font-size: 1.25rem;
    margin: 1.75rem 0 0.85rem;
}

.prazdno[b-msm52irffz] {
    color: var(--inkoust-2);
}

/* Družstva */

.nz-druzstva[b-msm52irffz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
    gap: 1rem;
}

.nz-druzstvo[b-msm52irffz] {
    position: relative;
    background: #fff;
    border-radius: var(--zaobleni);
    box-shadow: var(--stin-maly);
    overflow: hidden;
    animation: vyjet-b-msm52irffz 0.5s var(--krivka) calc(var(--i, 0) * 60ms) both;
    transition: opacity 0.3s, transform 0.3s var(--krivka), filter 0.3s;
}

.druzstvo-hlava[b-msm52irffz] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
    padding: 0.9rem 1.1rem;
    background: var(--barva);
    color: #fff;
}

.druzstvo-hlava h4[b-msm52irffz] {
    margin: 0;
    font-family: var(--pismo-nadpis);
    font-size: 1.25rem;
    color: #fff;
}

.druzstvo-hlava span[b-msm52irffz] {
    font-size: 0.8rem;
    opacity: 0.9;
}

.nezarazene[b-msm52irffz] {
    margin-top: 1rem;
}

.vedouci[b-msm52irffz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    padding: 0.8rem 1.1rem 0.2rem;
}

.vedouci-osoba[b-msm52irffz] {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    font-weight: 600;
    font-size: 0.9rem;
}

.vedouci-osoba small[b-msm52irffz] {
    display: block;
    font-weight: 400;
    font-size: 0.72rem;
    color: var(--inkoust-2);
}

.deti[b-msm52irffz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    list-style: none;
    margin: 0;
    padding: 0.8rem 1.1rem 1.1rem;
}

.deti.volne[b-msm52irffz] {
    padding: 0;
}

/* Žeton dítěte */

.avatar[b-msm52irffz] {
    display: inline-grid;
    place-items: center;
    flex: none;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    background: var(--barva);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.avatar-vedouci[b-msm52irffz] {
    width: 2.1rem;
    height: 2.1rem;
    font-size: 0.78rem;
    background: var(--les-900);
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--barva);
}

.avatar-velky[b-msm52irffz] {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.05rem;
    background: var(--les-900);
}

.avatar-druzstvo[b-msm52irffz] {
    background: var(--barva);
}

.dite[b-msm52irffz] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 1px solid var(--platno-3);
    background: var(--platno);
    padding: 0.2rem 0.6rem 0.2rem 0.2rem;
    border-radius: 999px;
    font-size: 0.86rem;
    transition: transform 0.2s var(--krivka), box-shadow 0.2s, background 0.2s, opacity 0.3s;
}

.dite:hover[b-msm52irffz],
.dite:focus-visible[b-msm52irffz] {
    transform: translateY(-2px);
    background: #fff;
    box-shadow: var(--stin-maly);
}

.dite-vek[b-msm52irffz] {
    font-size: 0.72rem;
    color: var(--inkoust-2);
}

.dite.vybrano[b-msm52irffz] {
    background: var(--barva);
    border-color: var(--barva);
    color: #fff;
}

.dite.vybrano .avatar[b-msm52irffz] {
    background: #fff;
    color: var(--barva);
}

.dite.vybrano .dite-vek[b-msm52irffz] {
    color: rgba(255, 255, 255, 0.85);
}

.nalezeno[b-msm52irffz] {
    animation: pulz-b-msm52irffz 1.4s ease-out infinite;
}

.dite.nepritomne[b-msm52irffz] {
    opacity: 0.45;
}

/* Filtr družstva ztlumí ostatní */

.ztlumene[b-msm52irffz] {
    opacity: 0.22;
    filter: grayscale(0.7);
    transform: scale(0.98);
}

/* Ubytování */

.chaty[b-msm52irffz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
    gap: 1.5rem 1rem;
}

.chata[b-msm52irffz] {
    animation: vyjet-b-msm52irffz 0.5s var(--krivka) calc(var(--i, 0) * 70ms) both;
}

.strecha[b-msm52irffz] {
    height: 2.2rem;
    margin: 0 0.6rem;
    background: linear-gradient(180deg, var(--les-800), var(--les-900));
    clip-path: polygon(8% 100%, 50% 0, 92% 100%);
}

.chata-telo[b-msm52irffz] {
    background: #fff;
    border-radius: 0.6rem 0.6rem var(--zaobleni) var(--zaobleni);
    border-top: 4px solid var(--les-900);
    box-shadow: var(--stin-maly);
    padding: 0.9rem 1rem 1rem;
}

.chata-telo h4[b-msm52irffz] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin: 0 0 0.7rem;
    font-family: var(--pismo-nadpis);
    font-size: 1.1rem;
}

.mistnosti[b-msm52irffz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
    gap: 0.6rem;
}

.mistnost[b-msm52irffz] {
    border: 1px dashed var(--platno-3);
    border-radius: 0.8rem;
    padding: 0.5rem;
    background: var(--platno);
}

.mistnost-nazev[b-msm52irffz] {
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--inkoust-2);
    margin-bottom: 0.35rem;
}

.nz-postele[b-msm52irffz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.postel[b-msm52irffz] {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 2.1rem;
    height: 1.55rem;
    border: 0;
    border-radius: 0.45rem;
    background: var(--barva);
    color: #fff;
    font-size: 0.66rem;
    font-weight: 700;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.18);
    animation: usadit-b-msm52irffz 0.4s var(--krivka) both;
    transition: transform 0.2s var(--krivka), opacity 0.3s, filter 0.3s;
}

button.postel:hover[b-msm52irffz],
button.postel:focus-visible[b-msm52irffz] {
    transform: translateY(-2px) scale(1.08);
}

.postel.volna[b-msm52irffz] {
    background: transparent;
    border: 1.5px dashed var(--platno-3);
    box-shadow: none;
}

.postel.vybrano[b-msm52irffz] {
    outline: 3px solid var(--mosaz);
    outline-offset: 2px;
    transform: scale(1.12);
}

.postel-vic[b-msm52irffz] {
    position: absolute;
    top: -0.45rem;
    right: -0.45rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    background: var(--mosaz);
    color: var(--les-950);
    font-size: 0.6rem;
}

.stany[b-msm52irffz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(6.5rem, 1fr));
    gap: 1rem;
}

.stan[b-msm52irffz] {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 0.4rem;
    padding-bottom: 0.4rem;
    animation: vyjet-b-msm52irffz 0.45s var(--krivka) calc(var(--i, 0) * 35ms) both;
}

.stan-plachta[b-msm52irffz] {
    width: 4.6rem;
    height: 3rem;
    background: linear-gradient(160deg, #EFE3CB, #D9C7A2);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    filter: drop-shadow(0 6px 6px rgba(5, 35, 26, 0.2));
}

.stan-cislo[b-msm52irffz] {
    position: absolute;
    top: 1.45rem;
    font-family: var(--pismo-nadpis);
    font-weight: 700;
    color: var(--les-900);
}

/* Vedení */

.vedeni[b-msm52irffz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 0.8rem;
}

.vedeni-karta[b-msm52irffz] {
    display: flex;
    gap: 0.85rem;
    align-items: center;
    padding: 0.9rem 1rem;
    background: #fff;
    border-radius: var(--zaobleni);
    box-shadow: var(--stin-maly);
    animation: vyjet-b-msm52irffz 0.45s var(--krivka) calc(var(--i, 0) * 45ms) both;
}

.role[b-msm52irffz] {
    font-size: 0.82rem;
    color: var(--inkoust-2);
}

/* Detail vybraného dítěte */

.detail[b-msm52irffz] {
    position: sticky;
    bottom: 1rem;
    z-index: 30;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    max-width: 34rem;
    margin: 1.5rem 0 0 auto;
    padding: 1.1rem 1.25rem;
    background: #fff;
    border-radius: var(--zaobleni);
    border-left: 6px solid var(--barva);
    box-shadow: var(--stin);
    animation: vyjet-b-msm52irffz 0.35s var(--krivka) both;
}

.detail h3[b-msm52irffz] {
    margin: 0;
    font-family: var(--pismo-nadpis);
    font-size: 1.3rem;
}

.detail dl[b-msm52irffz] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.2rem 0.9rem;
    margin: 0 0 0.8rem;
    font-size: 0.92rem;
}

.detail dt[b-msm52irffz] {
    font-weight: 600;
    color: var(--inkoust-2);
}

.detail dd[b-msm52irffz] {
    margin: 0;
}

.detail-zavrit[b-msm52irffz] {
    position: absolute;
    top: 0.4rem;
    right: 0.6rem;
    border: 0;
    background: transparent;
    font-size: 1.5rem;
    line-height: 1;
    color: var(--inkoust-2);
}

/* --- Animace --------------------------------------------------------------- */

@keyframes vyjet-b-msm52irffz {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: none; }
}

@keyframes prolnout-b-msm52irffz {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

@keyframes usadit-b-msm52irffz {
    from { opacity: 0; transform: scale(0.6); }
    to { opacity: 1; transform: none; }
}

@keyframes narust-b-msm52irffz {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

@keyframes pocitej-b-msm52irffz {
    from { --cislo: 0; }
}

@keyframes pulz-b-msm52irffz {
    0% { box-shadow: 0 0 0 0 rgba(201, 164, 92, 0.75); }
    70% { box-shadow: 0 0 0 10px rgba(201, 164, 92, 0); }
    100% { box-shadow: 0 0 0 0 rgba(201, 164, 92, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .nazivo *[b-msm52irffz],
    .nazivo[b-msm52irffz] {
        animation: none !important;
        transition: none !important;
    }
}

/* --- Mobil ----------------------------------------------------------------- */

@media (max-width: 720px) {
    .pas[b-msm52irffz] {
        grid-template-columns: 1fr;
    }

    .cisla[b-msm52irffz] {
        grid-template-columns: repeat(2, 1fr);
    }

    .sceny[b-msm52irffz] {
        width: 100%;
    }

    .scena-tab[b-msm52irffz] {
        flex: 1;
        padding: 0.5rem 0.4rem;
        font-size: 0.9rem;
    }

    .hledani[b-msm52irffz] {
        max-width: none;
    }

    .detail[b-msm52irffz] {
        margin-left: 0;
        max-width: none;
    }
}
/* /Pages/Ucty.razor.rz.scp.css */
/* Volba role u účtu — menší „pilulky“ než ve formulářích, ať se vejdou do tabulky. */
.role-volba[b-z0yfui0l62] {
    gap: 0.3rem;
}

.role-volba .tl-volba[b-z0yfui0l62] {
    padding: 0.25rem 0.7rem;
    font-size: 0.85rem;
    white-space: nowrap;
}

.pole-jmena[b-z0yfui0l62] {
    max-width: 14rem;
}
/* /Pages/UdalostDetail.razor.rz.scp.css */
.udalost-hlava h1[b-13xk4yo75c] {
    font-size: clamp(2rem, 5vw, 3.2rem);
    margin: 0.25rem 0 0.75rem;
}

.kdy[b-13xk4yo75c] {
    font-size: 1.1rem;
    color: var(--inkoust-2);
    margin-bottom: 2rem;
}

.text[b-13xk4yo75c] {
    max-width: 44rem;
    font-size: 1.05rem;
    margin-bottom: 2rem;
}
/* /Pages/ZmenaHesla.razor.rz.scp.css */
.formular[b-pg0jk002dh] {
    max-width: 32rem;
}