@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/lexend-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/lexend-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--wdz-surface: #fdfaf5;--wdz-canvas: #f4ede1;--wdz-ink: #1e1b2e;--wdz-ink-soft: #5a5470;--wdz-brand: #3e36a8;--wdz-brand-soft: #eae7fb;--wdz-spark: #ffb020;--wdz-spark-soft: #fff1d6;--wdz-grow: #1b8f6a;--wdz-grow-soft: #dff3ea;--wdz-help: #dd5b34;--wdz-help-soft: #fce7de;--wdz-krój-nagłówek: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--wdz-krój-treść: "Lexend", "Segoe UI", system-ui, sans-serif;--wdz-tekst-display: 48px;--wdz-waga-display: 700;--wdz-tekst-tytuł: 32px;--wdz-waga-tytuł: 600;--wdz-tekst-treść: 26px;--wdz-waga-treść: 500;--wdz-tekst-etykieta: 22px;--wdz-waga-etykieta: 600;--wdz-interlinia: 1.45;--wdz-miara: 35ch;--wdz-odstęp-lg: 16px;--wdz-odstęp-xl: 24px;--wdz-odstęp-xxl: 32px;--wdz-odstęp-xxxl: 48px;--wdz-promień-md: 14px;--wdz-promień-lg: 24px;--wdz-promień-xl: 36px;--wdz-promień-full: 999px;--wdz-cel: 88px;--wdz-cel-poboczny: 64px;--wdz-przerwa: 16px;--wdz-ramka-bezpieczna: 20px;--wdz-ruch-natychmiast: 90ms;--wdz-ruch-spokojnie: .22s;--wdz-ruch-opowieść: .42s;--wdz-wejście: cubic-bezier(.2, .8, .2, 1);--wdz-wyjście: ease-in;--wdz-krawędź: 5px;--wdz-wciśnięcie: 4px}[data-pora=wieczór]{--wdz-surface: #f2e9da;--wdz-canvas: #e8dfd0;--wdz-ink: #1e1b2e;--wdz-ink-soft: #6a6178;--wdz-brand: #3b3480;--wdz-brand-soft: #e2dcf2;--wdz-spark: #d9a044;--wdz-spark-soft: #efe2c8;--wdz-grow: #1b8f6a;--wdz-grow-soft: #dff3ea;--wdz-help: #dd5b34;--wdz-help-soft: #fce7de}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--wdz-canvas);color:var(--wdz-ink);font-family:var(--wdz-krój-treść);font-size:var(--wdz-tekst-treść);line-height:var(--wdz-interlinia);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.12s!important;transition-property:opacity!important}}.ekran{display:flex;flex-direction:column;min-height:100dvh;padding:var(--wdz-ramka-bezpieczna);gap:var(--wdz-odstęp-xl)}.ekran--srodek{justify-content:center;align-items:center}.scena{display:grid;grid-template-columns:1fr;gap:var(--wdz-odstęp-xl);flex:1;align-content:start}@media(min-width:900px){.scena--dwie{grid-template-columns:minmax(0,1fr) minmax(0,22rem)}}.karta{background:var(--wdz-surface);border-radius:var(--wdz-promień-xl);padding:var(--wdz-odstęp-xxl);display:flex;flex-direction:column;gap:var(--wdz-odstęp-xl)}.karta--przyklad{background:var(--wdz-canvas);border-radius:var(--wdz-promień-lg);padding:var(--wdz-odstęp-xl)}.display,.tytul{font-family:var(--wdz-krój-nagłówek);margin:0;text-wrap:balance}.display{font-size:var(--wdz-tekst-display);font-weight:var(--wdz-waga-display);line-height:1.1}.tytul{font-size:var(--wdz-tekst-tytuł);font-weight:var(--wdz-waga-tytuł);line-height:1.2}.polecenie{font-size:var(--wdz-tekst-tytuł);font-weight:var(--wdz-waga-tytuł);margin:0;max-width:var(--wdz-miara);text-wrap:pretty}.tresc{font-size:var(--wdz-tekst-treść);font-weight:var(--wdz-waga-treść);margin:0;max-width:var(--wdz-miara);white-space:pre-line}.etykieta{font-size:var(--wdz-tekst-etykieta);font-weight:var(--wdz-waga-etykieta);color:var(--wdz-ink-soft);margin:0}.przycisk{font:inherit;font-size:var(--wdz-tekst-etykieta);font-weight:var(--wdz-waga-etykieta);min-height:var(--wdz-cel);min-width:var(--wdz-cel);padding:0 var(--wdz-odstęp-xxl);border:none;border-radius:var(--wdz-promień-lg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--wdz-odstęp-lg);transition:transform var(--wdz-ruch-natychmiast) var(--wdz-wejście),box-shadow var(--wdz-ruch-natychmiast) var(--wdz-wejście)}.przycisk:disabled{opacity:.45;cursor:default}.przycisk--glowny{background:var(--wdz-brand);color:var(--wdz-surface);box-shadow:0 var(--wdz-krawędź) 0 color-mix(in srgb,var(--wdz-brand) 65%,black)}.przycisk--zgoda{background:var(--wdz-grow);color:var(--wdz-surface);box-shadow:0 var(--wdz-krawędź) 0 color-mix(in srgb,var(--wdz-grow) 65%,black)}.przycisk--pomoc{background:var(--wdz-help);color:var(--wdz-surface);box-shadow:0 var(--wdz-krawędź) 0 color-mix(in srgb,var(--wdz-help) 65%,black)}.przycisk--drugi{background:var(--wdz-brand-soft);color:var(--wdz-brand);box-shadow:0 var(--wdz-krawędź) 0 color-mix(in srgb,var(--wdz-brand) 30%,transparent)}.przycisk--cichy{background:transparent;color:var(--wdz-ink-soft);min-height:var(--wdz-cel-poboczny);padding:0 var(--wdz-odstęp-xl);box-shadow:none}.przycisk:not(:disabled):active{transform:translateY(var(--wdz-wciśnięcie));box-shadow:0 1px color-mix(in srgb,var(--wdz-ink) 25%,transparent)}.przycisk:focus-visible,.kafel:focus-visible,.kafel:has(:focus-visible){outline:3px solid var(--wdz-brand);outline-offset:3px}.akcje{display:flex;flex-wrap:wrap;gap:var(--wdz-przerwa);align-items:center}.akcje--glowne{justify-content:flex-end;margin-top:auto}.kafle{border:0;margin:0;padding:0;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--wdz-przerwa)}.kafel{font:inherit;font-size:var(--wdz-tekst-treść);font-weight:var(--wdz-waga-treść);text-align:left;min-height:var(--wdz-cel);padding:var(--wdz-odstęp-lg) var(--wdz-odstęp-xl);border-radius:var(--wdz-promień-lg);background:var(--wdz-surface);color:var(--wdz-ink);border:3px solid var(--wdz-canvas);cursor:pointer;display:flex;align-items:center;gap:var(--wdz-odstęp-lg);transition:transform var(--wdz-ruch-natychmiast) var(--wdz-wejście)}.kafel:not(:disabled):active{transform:translateY(var(--wdz-wciśnięcie))}.kafel--wybrany{border-color:var(--wdz-brand);background:var(--wdz-brand-soft)}.kafel--poprawnie{border-color:var(--wdz-grow);background:var(--wdz-grow-soft)}.kafel--ponow{border-color:var(--wdz-help);border-style:dashed;background:var(--wdz-help-soft)}.kafel__znacznik{flex:none;width:2rem;height:2rem;display:grid;place-items:center;font-size:var(--wdz-tekst-etykieta)}.postep{display:flex;gap:var(--wdz-odstęp-lg);align-items:center;list-style:none;margin:0;padding:0}.postep__krok{height:10px;width:28px;border-radius:var(--wdz-promień-full);background:var(--wdz-canvas);border:2px solid var(--wdz-brand-soft)}.postep__krok--zrobiony{background:var(--wdz-brand);border-color:var(--wdz-brand)}.postep__krok--teraz{width:64px;background:var(--wdz-spark);border-color:var(--wdz-spark)}.zwrotne{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wdz-odstęp-xl);padding:var(--wdz-odstęp-xl);border-radius:var(--wdz-promień-xl);animation:wjazd var(--wdz-ruch-spokojnie) var(--wdz-wejście)}.zwrotne--poprawnie{background:var(--wdz-grow-soft)}.zwrotne--ponow,.zwrotne--dalej{background:var(--wdz-help-soft)}.zwrotne__tresc{flex:1 1 16rem;display:flex;flex-direction:column;gap:var(--wdz-odstęp-lg)}@keyframes wjazd{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.podpowiedz{background:var(--wdz-spark-soft);border-radius:var(--wdz-promień-lg);padding:var(--wdz-odstęp-xl);display:flex;flex-direction:column;gap:var(--wdz-odstęp-lg);align-items:flex-start}.podpowiedz__tresc{font-size:var(--wdz-tekst-treść);margin:0}.wiedzik{flex:none;display:grid;place-items:center;width:3rem;height:3rem}.wiedzik--duzy{width:6rem;height:6rem}.wiedzik__blask{animation:blask 2.4s ease-in-out infinite}@keyframes blask{0%,to{opacity:.78}50%{opacity:1}}.ilustracja{background:var(--wdz-canvas);border-radius:var(--wdz-promień-lg);padding:var(--wdz-odstęp-xl);display:flex;flex-direction:column;gap:var(--wdz-odstęp-lg);align-items:center;text-align:center}.ilustracja__obraz{width:100%;max-width:30rem;height:auto;max-height:40vh;object-fit:contain}.ilustracja__opis{font-size:var(--wdz-tekst-etykieta);color:var(--wdz-ink-soft);margin:0}.numpad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wdz-przerwa);max-width:22rem}.wynik{font-family:var(--wdz-krój-nagłówek);font-size:var(--wdz-tekst-display);font-weight:var(--wdz-waga-display);min-height:var(--wdz-cel);padding:0 var(--wdz-odstęp-xl);border-radius:var(--wdz-promień-lg);background:var(--wdz-surface);border:3px solid var(--wdz-brand-soft);display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.kropki{display:flex;flex-wrap:wrap;gap:var(--wdz-przerwa);align-items:center}.kropki__grupa{display:flex;flex-wrap:wrap;gap:12px;padding:var(--wdz-odstęp-lg);border-radius:var(--wdz-promień-lg);background:var(--wdz-canvas);max-width:16rem}.kropka{width:36px;height:36px;border-radius:var(--wdz-promień-full);background:var(--wdz-brand);border:3px solid var(--wdz-brand)}.kropka--druga{background:var(--wdz-surface)}.dzialanie{font-family:var(--wdz-krój-nagłówek);font-size:var(--wdz-tekst-display);font-weight:var(--wdz-waga-display);font-variant-numeric:tabular-nums;margin:0}.pasek{display:flex;align-items:center;justify-content:space-between;gap:var(--wdz-odstęp-xl);flex-wrap:wrap}.stos{display:flex;flex-direction:column;gap:var(--wdz-odstęp-xl)}.kroki{display:flex;flex-direction:column;gap:var(--wdz-odstęp-lg);margin:0;padding:0;list-style:none}.pole{font:inherit;font-size:var(--wdz-tekst-treść);min-height:var(--wdz-cel);padding:0 var(--wdz-odstęp-xl);border-radius:var(--wdz-promień-lg);border:3px solid var(--wdz-brand-soft);background:var(--wdz-surface);color:var(--wdz-ink);width:100%;max-width:22rem}.pole:focus-visible{outline:3px solid var(--wdz-brand);outline-offset:2px}.wizualnie-ukryte{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ekran--marka{background:var(--wdz-brand);color:var(--wdz-surface)}.domkniecie{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--wdz-odstęp-xl);max-width:var(--wdz-miara)}.slad{display:inline-flex;align-items:center;gap:var(--wdz-odstęp-lg);margin:0;font-size:var(--wdz-tekst-tytuł);font-weight:var(--wdz-waga-tytuł)}.gwiazdka{flex:none;color:var(--wdz-spark)}.slad--przy-misji{font-size:var(--wdz-tekst-etykieta);gap:var(--wdz-odstęp-sm, 8px)}.karta--misja{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--wdz-odstęp-lg)}.misja__opis{flex:1 1 14rem;min-width:0}.przycisk--nagroda{background:var(--wdz-surface);color:var(--wdz-brand);box-shadow:0 var(--wdz-krawędź) 0 color-mix(in srgb,var(--wdz-ink) 30%,transparent)}.ekran--marka .przycisk--drugi{background:transparent;color:var(--wdz-surface);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--wdz-surface) 55%,transparent)}