:root{--tlo: #f4f1ea;--tlo-karty: #fffdf8;--tekst: #2f2c28;--tekst-slaby: #6d675e;--obramowanie: #e2dcd0;--akcent: #4a7c8c;--akcent-slaby: #dceaef;--trafienie: #5a9e63;--cien: 0 2px 10px rgba(60, 50, 35, .07);--promien: 22px;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--tlo);overflow:hidden;color:var(--tekst);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}.ekran{height:100%;display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));gap:14px}.start{justify-content:center;align-items:center;text-align:center;gap:28px}.start h1{font-size:clamp(2.4rem,8vw,3.6rem);font-weight:700;letter-spacing:-.02em}.start p{color:var(--tekst-slaby);max-width:34ch;line-height:1.55}.przycisk-glowny{background:var(--akcent);color:#fff;border-radius:999px;padding:22px 56px;font-size:1.5rem;font-weight:600;box-shadow:var(--cien);transition:transform .12s ease}.przycisk-glowny:active{transform:scale(.97)}.przycisk-drugi{color:var(--tekst-slaby);padding:14px 22px;border-radius:999px;border:1px solid var(--obramowanie);font-size:1rem}.pasek{display:flex;align-items:center;gap:14px;flex:0 0 auto}.postep{flex:1;height:8px;background:var(--obramowanie);border-radius:999px;overflow:hidden}.postep span{display:block;height:100%;background:var(--akcent);border-radius:999px;transition:width .4s ease}.ikona{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--obramowanie);background:var(--tlo-karty);font-size:1.3rem;flex:0 0 auto}.ikona:active{background:var(--akcent-slaby)}.ikona.wyjscie{position:relative;overflow:hidden}.ikona.wyjscie:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--akcent);opacity:.28;transform:scaleX(var(--postep-wyjscia, 0));transform-origin:left;transition:transform .1s linear}.wyjscie-otoczka{position:relative;flex:0 0 auto}.dymek-wyjscia{position:absolute;top:calc(100% + 8px);left:0;z-index:5;white-space:nowrap;background:var(--tekst);color:var(--tlo);font-size:.85rem;font-weight:600;padding:6px 12px;border-radius:10px;box-shadow:var(--cien);animation:wejscie-dymka .2s ease-out;pointer-events:none}@keyframes wejscie-dymka{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.polecenie{flex:0 0 auto;text-align:center;font-size:clamp(1.4rem,4.5vw,2.1rem);font-weight:600;min-height:2.6em;display:grid;place-items:center;line-height:1.25;padding:0 8px}.polecenie.cisza{color:var(--tekst-slaby);font-weight:500}.sekwencja{flex:0 0 auto;display:flex;justify-content:center;align-items:center;gap:clamp(6px,1.6vw,14px);padding:2px 8px 6px}.element-sekwencji{width:clamp(42px,9vw,84px);aspect-ratio:1;background:var(--tlo-karty);border:2px solid var(--obramowanie);border-radius:calc(var(--promien) * .5);display:grid;place-items:center;padding:clamp(4px,1vw,9px)}.element-sekwencji.brakujacy{border-style:dashed;border-color:var(--akcent);color:var(--akcent);font-size:clamp(1.5rem,4vw,2.3rem);font-weight:700}.puzzle{flex:0 0 auto;display:grid;justify-content:center;align-content:center;gap:clamp(2px,.5vmin,4px);padding:2px 8px 6px;--bok-pola: clamp(40px, min(13vmin, 12.5vh), 108px)}.puzzle[data-siatka="2"]{grid-template-columns:repeat(2,var(--bok-pola))}.puzzle[data-siatka="3"]{grid-template-columns:repeat(3,var(--bok-pola));--bok-pola: clamp(28px, min(9.5vmin, 8.5vh), 78px)}.pole-puzzli{width:var(--bok-pola);aspect-ratio:1;background:var(--tlo-karty);border:1px solid var(--obramowanie);border-radius:4px;overflow:hidden}.pole-puzzli.brakujacy{border:2px dashed var(--akcent);color:var(--akcent);display:grid;place-items:center;font-size:clamp(1.3rem,3.6vmin,2rem);font-weight:700}.karta.karta-kawalka{padding:clamp(4px,1.2vmin,14px)}.kawalek{width:min(78cqw,78cqh);aspect-ratio:1;background:var(--tlo-karty);border:1px solid var(--obramowanie);border-radius:4px;overflow:hidden;transform:rotate(var(--obrot, 0deg))}.scena-opisu{flex:0 0 auto;align-self:center;width:clamp(120px,min(34vmin,30vh),260px);aspect-ratio:1;background:var(--tlo-karty);border:2px solid var(--obramowanie);border-radius:var(--promien);padding:clamp(6px,1.4vmin,12px)}.karta-zdania{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,4cqmin,14px);text-align:center;width:100%}.karta-zdania p{margin:0;font-size:clamp(.95rem,9cqmin,1.6rem);font-weight:600;line-height:1.3}.glosnik-zdania{display:grid;place-items:center;width:clamp(40px,22cqmin,64px);aspect-ratio:1;border-radius:50%;background:var(--akcent);color:#fff;flex:0 0 auto}.glosnik-zdania svg{width:60%;height:60%}.karta[data-odsluchana=true] .glosnik-zdania{background:var(--tlo-karty);color:var(--akcent);border:2px solid var(--akcent)}.plansza{flex:1;display:grid;gap:clamp(10px,2.4vw,20px);grid-auto-rows:minmax(0,1fr);min-height:0}.plansza[data-kart="2"]{grid-template-columns:repeat(2,1fr)}.plansza[data-kart="3"]{grid-template-columns:repeat(3,1fr)}.plansza[data-kart="4"]{grid-template-columns:repeat(2,1fr)}.plansza[data-kart="5"],.plansza[data-kart="6"]{grid-template-columns:repeat(3,1fr)}@media(orientation:portrait){.plansza[data-kart="3"],.plansza[data-kart="5"],.plansza[data-kart="6"]{grid-template-columns:repeat(2,1fr)}}.karta{background:var(--tlo-karty);border:2px solid var(--obramowanie);border-radius:var(--promien);box-shadow:var(--cien);display:grid;place-items:center;padding:6%;min-height:0;overflow:hidden;position:relative;container-type:size;transition:opacity .35s ease,transform .15s ease,border-color .25s ease}.karta:active{transform:scale(.97)}.karta{animation:wejscie-karty .4s ease-out both;animation-delay:calc(var(--kolejnosc, 0) * 70ms)}@keyframes wejscie-karty{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gwiazdki{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.gwiazdki span{position:absolute;bottom:40%;left:calc(12% + var(--g) * 19%);font-size:clamp(14px,3.5cqw,26px);color:var(--trafienie);opacity:0;animation:gwiazdka .95s ease-out forwards;animation-delay:calc(var(--g) * 60ms)}.gwiazdki span:nth-child(2n){color:var(--akcent);animation-name:gwiazdka-wyzej}@keyframes gwiazdka{0%{opacity:0;transform:translateY(0) scale(.6)}25%{opacity:.9}to{opacity:0;transform:translateY(-34px) scale(1)}}@keyframes gwiazdka-wyzej{0%{opacity:0;transform:translateY(6px) scale(.5)}25%{opacity:.8}to{opacity:0;transform:translateY(-46px) scale(.9)}}.karta[data-odrzucona=true]{opacity:.22;pointer-events:none}.karta[data-trafiona=true],.karta[data-zaznaczona=true]{border-color:var(--trafienie)}.numer-kolejnosci{position:absolute;top:6px;right:6px;width:clamp(22px,9cqmin,34px);height:clamp(22px,9cqmin,34px);border-radius:50%;background:var(--trafienie);color:var(--tlo-karty);font-weight:700;font-size:clamp(14px,6cqmin,22px);display:grid;place-items:center;pointer-events:none}.karta[data-wskazana=true]{animation:wskazanie 1.8s ease-in-out infinite}@keyframes wskazanie{0%,to{border-color:var(--obramowanie)}50%{border-color:var(--akcent)}}@media(prefers-reduced-motion:reduce){.karta,.gwiazdki span,.konfetti span,.znaczek{animation:none}.gwiazdki,.konfetti{display:none}.karta[data-wskazana=true]{border-color:var(--akcent)}}.zawartosc-karty{display:flex;align-items:center;justify-content:center;gap:4%;width:100%;height:100%}.pole-obiektu{aspect-ratio:1;width:calc(var(--rozmiar) * 82%);max-height:100%;display:grid;place-items:center}@supports (width: 1cqw){.pole-obiektu{width:calc(var(--rozmiar) * min(94cqw,94cqh));max-height:none}}.scena{position:absolute;top:5%;right:5%;bottom:5%;left:5%}.pole-tekstowe{font:inherit;font-size:1.3rem;padding:14px 20px;border-radius:16px;border:1px solid var(--obramowanie);background:var(--tlo-karty);color:var(--tekst);text-align:center;width:min(320px,90%)}.pole-tekstowe.male{font-size:1rem;padding:10px 14px;text-align:left;flex:1;width:auto;min-width:0}.profile-pasek{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.profil-kafelek{display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:999px;border:2px solid var(--obramowanie);background:var(--tlo-karty);font-size:1.05rem;color:var(--tekst-slaby)}.profil-kafelek[data-aktywny=true]{border-color:var(--akcent);color:var(--tekst);font-weight:600}.profil-awatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:1.05rem;flex:0 0 auto}.profil-wiersz{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--obramowanie)}.profil-wiersz:last-child{border-bottom:none}.profil-imie{flex:1;font-size:1.05rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profil-imie em{font-style:normal;color:var(--akcent);font-size:.85rem}.przycisk-drugi.maly{padding:8px 14px;font-size:.9rem;flex:0 0 auto}.przycisk-drugi.ostrzegawczy{color:#a05248;border-color:#e5cfc9}button:disabled{opacity:.45;pointer-events:none}.moduly{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:16px;width:min(620px,100%)}.kafel{background:var(--tlo-karty);border:2px solid var(--obramowanie);border-radius:var(--promien);box-shadow:var(--cien);padding:24px 20px;text-align:left;display:grid;gap:8px;transition:transform .12s ease,border-color .2s ease}.kafel:active{transform:scale(.98);border-color:var(--akcent)}.kafel b{font-size:1.9rem;font-weight:700;line-height:1.1}.kafel span{color:var(--tekst-slaby);font-size:.95rem;line-height:1.45}.kafel em{font-style:normal;color:var(--akcent);font-size:.85rem;font-weight:600}@media(max-height:480px){.ekran{padding-top:8px;padding-bottom:8px;gap:8px}.polecenie{min-height:1.3em;font-size:clamp(1.05rem,3.2vh,1.5rem)}.ikona{width:40px;height:40px}.plansza{min-height:45vh}}.koniec{justify-content:center;align-items:center;text-align:center;gap:22px;position:relative;overflow:hidden}.koniec h2{font-size:clamp(1.8rem,6vw,2.6rem);animation:wejscie-karty .5s ease-out both}.konfetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.konfetti span{position:absolute;top:-24px;width:12px;height:16px;border-radius:4px;opacity:0;animation:opad-konfetti 4.6s ease-in forwards;animation-delay:calc(var(--k) * .14s)}.konfetti span:nth-child(odd){width:9px;height:13px;animation-duration:5.4s}@keyframes opad-konfetti{0%{opacity:0;transform:translateY(0) rotate(0)}8%{opacity:.75}85%{opacity:.75}to{opacity:0;transform:translateY(104vh) rotate(200deg)}}.znaczki{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:480px}.znaczek{width:34px;height:34px;border-radius:50%;background:var(--akcent-slaby);display:grid;place-items:center;color:var(--akcent);font-size:1.1rem;animation:wejscie-znaczka .4s ease-out both;animation-delay:calc(var(--z, 0) * 90ms)}@keyframes wejscie-znaczka{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.panel{overflow-y:auto;gap:20px;padding-inline:max(16px,env(safe-area-inset-left))}.panel h2{font-size:1.5rem}.panel h3{font-size:1rem;color:var(--tekst-slaby);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.karty-statystyk{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.statystyka{background:var(--tlo-karty);border:1px solid var(--obramowanie);border-radius:16px;padding:16px}.statystyka b{display:block;font-size:1.9rem;font-weight:700;line-height:1.1}.statystyka span{color:var(--tekst-slaby);font-size:.85rem}.slupek{display:grid;grid-template-columns:92px 1fr 56px;align-items:center;gap:12px;margin-bottom:10px;font-size:.95rem}.slupek .tor{height:12px;background:var(--obramowanie);border-radius:999px;overflow:hidden}.slupek .tor span{display:block;height:100%;background:var(--akcent);border-radius:999px}.slupek em{font-style:normal;color:var(--tekst-slaby);text-align:right;font-variant-numeric:tabular-nums}.ustawienie{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--obramowanie)}.ustawienie:last-child{border-bottom:none}.ustawienie label{font-size:1rem}.ustawienie small{display:block;color:var(--tekst-slaby);font-size:.82rem;margin-top:3px;max-width:42ch}input[type=range]{width:130px;accent-color:var(--akcent)}.przelacznik{width:56px;height:32px;border-radius:999px;background:var(--obramowanie);position:relative;flex:0 0 auto;transition:background .2s ease}.przelacznik[data-wl=true]{background:var(--akcent)}.przelacznik:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform .2s ease}.przelacznik[data-wl=true]:after{transform:translate(24px)}.pusto{color:var(--tekst-slaby);font-size:.95rem;line-height:1.5}.raport-naglowek h1{font-size:1.35rem;letter-spacing:-.01em}.raport-naglowek p{color:var(--tekst-slaby);font-size:.9rem;margin-top:4px}.raport-sterowanie{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.raport-sterowanie .przycisk-drugi[data-aktywny=true]{background:var(--akcent-slaby);border-color:var(--akcent);color:var(--tekst)}.przycisk-glowny.maly{padding:12px 24px;font-size:1rem}.przycisk-glowny:disabled{opacity:.5;cursor:default}.raport-tabela{width:100%;border-collapse:collapse;font-size:.92rem;margin-bottom:10px;font-variant-numeric:tabular-nums}.raport-tabela th{text-align:left;font-weight:600;color:var(--tekst-slaby);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.raport-tabela th,.raport-tabela td{padding:8px 10px 8px 0;border-bottom:1px solid var(--obramowanie)}.raport-notatki span{display:block;height:34px;border-bottom:1px solid var(--obramowanie)}.raport-stopka{color:var(--tekst-slaby);font-size:.8rem;padding-bottom:8px}.tylko-druk{display:none}@media print{html,body,#root{height:auto;overflow:visible;background:#fff}.ekran.raport{height:auto;padding:0;display:block;color:#000}.bez-druku{display:none!important}.tylko-druk{display:block}.raport section{break-inside:avoid;margin-bottom:18px}.statystyka{box-shadow:none}.slupek .tor,.slupek .tor span{print-color-adjust:exact;-webkit-print-color-adjust:exact}}@page{margin:16mm}