/* Telefon: zadanie i Mango maja pierwszenstwo przed ozdobnymi podpisami. */
@media (max-width: 760px) {
    html { scroll-padding-top: 8px; }
    .akademia-v2 { --nav-h: 0px; padding-top: env(safe-area-inset-top); padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
    .akademia-v2.trwa-runda { padding-bottom: env(safe-area-inset-bottom); }
    .akademia-naglowek, .naglowek-uklad { display: contents; }
    .akademia-logo, .naglowek-prawa { display: none; }
    .akademia-nawigacja { padding: 5px 8px calc(5px + env(safe-area-inset-bottom)); gap: 4px; }
    .akademia-nawigacja .nav-tab, .akademia-nawigacja .menu-konta { flex: 1; max-width: none; min-width: 0; }
    .akademia-nawigacja .nav-tab { min-height: 48px; }
    .akademia-nawigacja .menu-konta>summary { display: flex; flex-direction: column; gap: 3px; font-size: 10px; min-height: 48px; }
    .akademia-nawigacja .menu-konta>summary>span { display: block; }
    .akademia-nawigacja .menu-konta>summary svg { width: 21px; height: 21px; }
    .akademia-nawigacja .konto-panel { position: absolute; top: auto; bottom: calc(100% + 12px); right: 0; max-height: calc(100dvh - 100px); overflow-y: auto; padding: 18px; }
    .konto-panel label>input[type=checkbox] { position: static; opacity: 1; width: 20px; height: 20px; }
    .akademia-kontener, .akademia-v2 .container { padding-left: 14px; padding-right: 14px; }

    /* Usuwamy powtarzajace sie etykiety, nie instrukcje potrzebne do zadania. */
    .start-nad, .start-tresc>p, .start-dopisek, .start-pieczatka, .start-sloneczko,
    .sekcja-tytul .nadtytul, .karta-opis .nadtytul, .karta-opis p, .karta-wejdz, .karta-numer,
    .katalog-strona>.nadtytul, .katalog-strona>p, .kolekcja-strona>.nadtytul, .kolekcja-strona>p,
    .mango-podpis, .scena-napis, .gra-zadanie>.nadtytul, .runda-cechy, .przygoda-wstep>.nadtytul,
    .ph-kicker, .fiszki-hero p, .piosenki-hero p, .ph-statystyki, .grupa-head p,
    .zestaw-opis, .zestaw-poziom, .pocztowka-nad, .akademia-stopka>span { display: none; }

    #widok-pulpit>.akademia-kontener { padding-top: 12px; }
    .start-przygoda { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .85fr); min-height: 210px; border-radius: 18px; }
    .start-tresc { padding: 20px 0 20px 17px; align-self: center; }
    .start-tresc h1 { font-size: clamp(23px, 6.3vw, 29px); letter-spacing: -.6px; }
    .start-przycisk { margin-top: 17px; min-height: 46px; max-width: 100%; white-space: normal; text-align: left; font-size: 12px; padding: 10px 12px; gap: 8px; }
    .start-scena { order: 0; height: auto; min-height: 200px; }
    .start-mango { width: 100%; height: 158px; right: 0; }
    .start-luk { width: 90%; height: 145px; right: 4%; }
    .start-dymek { top: 16px; right: 12px; font-size: 21px; padding: 8px 12px; }
    .start-dymek small { display: none; }
    .sekcja-tytul { margin: 18px 0 10px; }
    .sekcja-tytul h2 { font-size: 23px; margin: 0; }
    .zabawy-karty { gap: 10px; }
    .karta-ilustracja { height: 96px; }
    .karta-ilustracja img { height: 85px; }
    .karta-misja .karta-ilustracja img { height: 95px; padding-top: 6px; }
    .karta-trop .karta-ilustracja img { height: 65px; margin-top: 12px; }
    .karta-slowa .karta-ilustracja img { height: 80px; }
    .karta-muzyka .karta-ilustracja img { height: 90px; }
    .karta-opis { padding: 10px 12px 12px; }
    .karta-opis h3 { font-size: 21px; margin: 0; }
    .start-dol { gap: 12px; margin-top: 18px; }
    .kolekcja-skrot { padding: 13px; }
    .kolekcja-skrot small, .zajecia-skrot>span, .zajecia-skrot small { display: none; }
    .zajecia-skrot { padding: 8px 13px; }
    .akademia-stopka { display: none; }
    .katalog-strona, .kolekcja-strona { padding-top: 18px; }
    .katalog-strona h1, .kolekcja-strona h1 { font-size: 28px; margin: 0 0 16px; }
    .pamiatki-siatka { margin: 16px 0; gap: 12px; }
    .pamiatka-karta { padding: 18px; }
    .pocztowka-symbol { font-size: 55px; margin: 5px 0; }

    /* Gry: bez pustego obszaru pod odpowiedziami i napisow na scenografii. */
    .runda-kontener { padding: 6px 12px 16px; }
    .runda-pasek { margin-bottom: 4px; }
    .runda-wroc, .runda-dzwiek { min-width: 44px; min-height: 44px; }
    .runda-postep { margin-bottom: 10px; }
    .przygoda-wstep { padding: 18px 14px; }
    .przygoda-wstep h1 { font-size: 29px; margin-bottom: 8px; }
    .przygoda-wstep .mango-scena { min-height: 170px; }
    .przygoda-wstep .mango-portret { height: 170px; }
    .trudnosc-opis { display: none; }
    .gra-scenografia, .gra-trop .gra-scenografia { padding: 12px 10px 4px; }
    .markiza { height: 8px; }
    .gra-scenografia .mango-scena { min-height: 118px; gap: 8px; }
    .gra-scenografia .mango-portret { width: 120px; flex-basis: 120px; height: 120px; }
    .gra-scenografia .mango-dymek { min-height: 76px; padding: 10px 12px; }
    .gra-zadanie { padding: 12px; }
    .gra-zadanie h1 { font-size: 23px; margin: 0 0 12px; }
    .misja-odpowiedzi { gap: 8px; }
    .misja-odpowiedz { min-height: 50px; padding: 10px; }
    .gra-informacja { min-height: 0; padding: 10px 0 0; }
    .gra-informacja:empty { display: none; }
    .gra-dol { margin-top: 8px; }
    .gra-pomoc { min-height: 44px; font-size: 13px; }
    .gra-auto { font-size: 11px; }
    .gra-auto:empty { display: none; }
    .trop-zaznaczenie { height: 17px; }
    .przygoda-final { padding-top: 8px; }
    .przygoda-final>.nadtytul, .final-oferta>.nadtytul { display: none; }
    .przygoda-final h1 { font-size: 29px; }

    /* Fiszki i quiz: sterowanie nad Mango, potem od razu karta lub pytanie. */
    #fiszki-nauka { display: flex; flex-direction: column; }
    .akademia-v2 .nauka-pasek { order: -2; margin: 6px 0; gap: 6px; }
    .nauka-pasek .btn-wroc { padding: 8px 10px; min-height: 44px; font-size: 12px; }
    .tryby { gap: 0; padding: 2px; }
    .tryb { padding: 9px 10px; min-height: 44px; font-size: 12px; }
    .odwrotnie { margin-left: auto; gap: 6px; font-size: 12px; min-height: 44px; }
    .nauka-postep { order: -1; margin-bottom: 4px; }
    #mango-fiszki-miejsce .mango-scena { margin: 0 auto 8px; gap: 10px; }
    #mango-fiszki-miejsce .mango-portret { width: 115px; flex-basis: 115px; height: 118px; }
    #mango-fiszki-miejsce .mango-dymek { min-height: 72px; padding: 10px 12px; }
    .fiszka-scena, .quiz-scena { width: 100%; }
    .akademia-v2 .fiszka { height: 220px; margin-bottom: 12px; }
    .fiszka-strona { padding: 18px; }
    .fiszka-jezyk, .fiszka-status { display: none; }
    .fiszka-nawigacja { gap: 10px; }
    .fiszka-auto { font-size: 11px; }
    .fiszka-nawigacja .btn { flex: 0 0 auto; padding: 10px 12px; font-size: 12px; }
    .quiz-pytanie { padding: 18px 12px; margin-bottom: 12px; }
    .quiz-slowo { margin-top: 6px; font-size: 28px; }
    .quiz-etykieta { font-size: 11px; }
    .quiz-odpowiedzi { gap: 8px; }
    .odp { padding: 12px; min-height: 50px; font-size: 15px; }
    .quiz-wynik { margin-top: 12px; font-size: 13px; }
    .quiz-wynik:empty { display: none; }
    .fiszki-hero, .piosenki-hero { padding: 20px 0 16px; }
    .fiszki-hero h1, .piosenki-hero h1 { font-size: 30px; }
    .grupa-head { margin: 20px 0 12px; }
    .zestawy-grid, .lekcje-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .zestaw { padding: 16px; }
    .lekcja { padding: 16px; }
    .lekcja-ikona { display: none; }
    .zestaw-emoji { font-size: 25px; margin-bottom: 8px; }
    .zestaw-tytul, .lekcja-tytul { font-size: 16px; margin-bottom: 10px; padding-right: 0; overflow-wrap: anywhere; }
    .lekcja-meta { font-size: 11px; }

    /* Piosenki: bez girland i metadanych wokol odtwarzacza. */
    .papel, .pd-tytuly>p, .pd-jak, .pd-dodatki { display: none; }
    .piosenki-grid { gap: 12px; }
    .pk-okladka { height: 112px; aspect-ratio: auto; }
    .pk-play { inset: auto 14px 30px auto; margin: 0; width: 44px; height: 44px; }
    .pk-podpis { right: 70px; bottom: 12px; }
    .pk-gatunek { display: none; }
    .pk-pasek { padding: 8px 12px; }
    .filtry-rozwijane { margin: 6px 0 12px; }
    .filtry-rozwijane summary { min-height: 44px; }
    .repertuar-nota { margin: 12px 0 0; }
    .pd-naglowek { padding: 8px 12px; gap: 8px; flex-wrap: nowrap; }
    .pd-wroc { font-size: 12px; min-height: 44px; padding: 8px 10px; }
    .pd-tytuly { flex: 1; }
    .pd-tytuly h1 { font-size: 19px; }
    .pd-lewa { padding: 8px 12px; gap: 8px; }
    #mango-piosenka { margin: 0 12px; }
    #mango-piosenka .mango-portret { width: 100px; flex-basis: 100px; height: 100px; }
    #mango-piosenka .mango-dymek { min-height: 64px; }
    .pd-tekst-scroll { padding: 0 12px 8px; }
    .karaoke.okno { min-height: 0; }
    .pd-stopka { padding: 12px; gap: 8px; }
    .pd-sciaga { margin: 12px 0 4px; }
    .k-pauza { margin-top: 8px; padding: 12px; }

    /* Czerwony pasek identyfikuje gre; nie przywraca gornej nawigacji. */
    .przygody-hero { padding: 12px 0 16px; }
    .przygody-hero h1 { font-size: 30px; margin: 10px 0 4px; }
    .przygody-hero .sceny-wstep { font-size: 13px; }
    .przygody-hero-runda { padding: 0; }
    .przygody-hero .runda-pasek { padding: 6px 12px; gap: 10px; margin: 0 auto; }
    .runda-tytul small { font-size: 11px; }
    .runda-tytul strong { font-size: 19px; }
    .start-powroty { padding-top: 0; }
    .powroty-naglowek { padding: 6px 16px; border-radius: 18px 18px 0 0; }
    .powroty-naglowek h1 { font-size: 25px; line-height: 1.1; }
    .powroty-naglowek img { width: 78px; height: 73px; }
    .powroty-siatka { grid-template-columns: 1fr; gap: 8px; }
    .start-powroty>.powroty-siatka { padding: 10px; border-radius: 0 0 18px 18px; }
    .powrot-karta { padding: 10px 12px; gap: 12px; }
    .powrot-symbol { font-size: 29px; }
    .powrot-opis { gap: 3px; }
    .powrot-opis strong { font-size: 20px; }
    .powrot-opis small,.powrot-postep { font-size: 11px; }
    .powroty-pozostale summary { min-height: 44px; font-size: 13px; }
}