:root{--tlo: #fff4d6;--drewno: #a0663a;--drewno-ciemne: #6e4224;--trawa: #7cc55a;--tekst: #3b2a1a;--akcent: #ffb84d}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--tlo);color:var(--tekst);font-family:Segoe UI,system-ui,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.ekran{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.ukryty{display:none!important}h1{font-size:56px;margin:0}.podtytul{font-size:28px;margin:0}.lista-graczy{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-width:800px}button{font-size:24px;padding:12px 24px;border:4px solid var(--drewno-ciemne);border-radius:14px;background:var(--akcent);color:var(--tekst);cursor:pointer;box-shadow:0 6px 0 var(--drewno-ciemne);font-family:inherit}button:active{transform:translateY(4px);box-shadow:0 2px 0 var(--drewno-ciemne)}button.duzy{font-size:32px;padding:16px 32px}button.gracz{font-size:32px;min-width:200px;background:var(--trawa)}.okno{background:#fff;border:4px solid var(--drewno-ciemne);border-radius:14px;padding:24px 32px;display:flex;flex-direction:column;gap:16px;align-items:center;font-size:28px}.okno p{margin:0}.okno input{font-size:32px;padding:8px 16px;border:4px solid var(--drewno);border-radius:10px;width:320px;text-align:center;font-family:inherit}.rzad{display:flex;gap:16px}#ekran-gra{justify-content:flex-start;gap:0}#hud{width:100%;display:flex;align-items:center;gap:24px;padding:8px 16px;background:var(--drewno);color:#fff;font-size:28px;border-bottom:4px solid var(--drewno-ciemne)}#hud-srodek{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}#hud-cel{display:flex;align-items:center;gap:12px;min-width:0;background:var(--drewno-ciemne);border-radius:12px;padding:2px 12px;font-size:24px;font-weight:700}#cel-tekst,#hud-zadanie{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#cel-tekst{flex:0 1 auto}.cel-pasek{flex:1 0 80px;max-width:260px;height:18px;background:#3d2412;border:2px solid #f3dcae;border-radius:9px;overflow:hidden}#cel-wypelnienie{display:block;height:100%;width:0;background:var(--trawa);transition:width .5s ease-out}#cel-licznik{flex:none;font-size:22px}#hud-cel.zrobione{background:#c98a12;animation:celMruga 1s ease-in-out infinite}#hud-cel.zrobione #cel-wypelnienie{background:#fde74c}#hud-cel.koniec .cel-pasek,#hud-cel.koniec #cel-licznik{display:none}@keyframes celMruga{50%{filter:brightness(1.25)}}#hud-zadanie{font-size:22px}#hud button{font-size:24px;padding:4px 12px;box-shadow:none}#plansza{flex:1 1 0;min-height:0;width:100%;image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer}#komunikat{position:absolute;top:88px;left:50%;transform:translate(-50%);background:#fff;border:4px solid var(--drewno-ciemne);border-radius:14px;padding:12px 24px;font-size:28px}#komunikat{z-index:5}#pasek{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px;background:var(--drewno);border-top:4px solid var(--drewno-ciemne)}#pasek-nasiona{display:flex;gap:12px}button.nasiono{font-size:28px;padding:6px 14px;background:#f3dcae;box-shadow:0 4px 0 var(--drewno-ciemne)}button.nasiono.wybrane{background:var(--akcent);outline:4px solid #fff}button.nasiono.puste{opacity:.45}#pasek-plecak{color:#fff;font-size:28px;display:flex;gap:16px;align-items:center}.podskok{position:fixed;transform:translate(-50%,-100%);pointer-events:none;font-size:48px;z-index:6;animation:podskok 1.2s ease-out forwards;text-shadow:0 3px 0 rgba(0,0,0,.25)}.podskok.maly{font-size:32px;animation-duration:.9s}@keyframes podskok{0%{transform:translate(-50%,-100%) scale(.5);opacity:1}25%{transform:translate(-50%,-220%) scale(1.2)}45%{transform:translate(-50%,-140%) scale(1)}60%{transform:translate(-50%,-190%) scale(1.1)}75%{transform:translate(-50%,-150%) scale(1);opacity:1}to{transform:translate(-50%,-260%) scale(1);opacity:0}}#noc{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1030;z-index:10;display:flex;align-items:center;justify-content:center;font-size:96px;animation:noc 1.6s ease-in-out forwards;pointer-events:none}@keyframes noc{0%{opacity:0}35%,65%{opacity:1}to{opacity:0}}#okno-inna-karta{position:fixed;top:0;right:0;bottom:0;left:0;background:#3b2a1abf;z-index:20;display:flex;align-items:center;justify-content:center}#okno-inna-karta .duza-ikona{font-size:72px}#przejscie{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b1208;color:#fff;z-index:10;display:flex;align-items:center;justify-content:center;font-size:64px;animation:przejscie 1.1s ease-in-out forwards}@keyframes przejscie{0%{opacity:0}35%,60%{opacity:1}to{opacity:0}}#hud-pieniadze{display:inline-block}#hud-pieniadze.rosnie{animation:monetyRosna .7s ease-out}#hud-pieniadze.maleje{animation:monetyMaleja .5s ease-out}@keyframes monetyRosna{0%{transform:scale(1)}30%{transform:scale(1.35);color:#fff27a}to{transform:scale(1)}}@keyframes monetyMaleja{0%{transform:scale(1)}30%{transform:scale(.85);color:#ffd0b0}to{transform:scale(1)}}#hud{position:relative;z-index:9}#okno-sklep{position:fixed;top:0;right:0;bottom:0;left:0;background:#3b2a1a99;z-index:8;display:flex;align-items:center;justify-content:center;padding-top:64px}.okno.sklep{width:min(860px,94vw);max-height:calc(100vh - 96px);overflow-y:auto;align-items:stretch;background:#fff8e6;border-color:#1e1e26;gap:14px;padding:18px 24px}.sklep-gora{display:flex;align-items:center;gap:20px}#sklep-damian{width:96px;height:96px;image-rendering:pixelated;image-rendering:crisp-edges;background:#f2e2bd;border:4px solid #1e1e26;border-radius:12px;flex:none}.sklep-naglowek{flex:1}.sklep-naglowek h2{margin:0;font-size:40px}.dymek{margin:6px 0 0!important;font-size:24px;background:#fff;border:3px solid #1e1e26;border-radius:12px;padding:6px 14px;display:inline-block}#btn-sklep-zamknij{font-size:36px;padding:8px 18px;align-self:flex-start}.zakladki{display:flex;gap:12px}button.zakladka{flex:1;font-size:30px;background:#f3dcae}button.zakladka.aktywna{background:#f2b81d;outline:4px solid #1e1e26}.kafelki{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.kafelek{display:flex;flex-direction:column;gap:8px}button.kafelek-glowny{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;background:#fff;font-size:24px;min-height:150px}.kafelek-ikona{font-size:56px;line-height:1.1}.kafelek-cena{font-weight:700}.kafelek-mala{font-size:20px;opacity:.8}button.kafelek-glowny.za-drogie{opacity:.45}button.kafelek-wszystkie{font-size:20px;padding:6px 4px;background:#f2b81d;white-space:nowrap}.sklep-info{margin:0!important;font-size:24px;text-align:center;min-height:32px}.podskok.nad-oknem{z-index:12}#okno-brawo{position:fixed;top:0;right:0;bottom:0;left:0;background:#3b2a1a99;z-index:15;display:flex;align-items:center;justify-content:center}.okno.brawo{max-width:94vw;text-align:center;animation:brawoWskok .5s cubic-bezier(.3,1.6,.5,1)}.okno.brawo .duza-ikona{font-size:80px;line-height:1}.brawo-tytul{font-size:40px;font-weight:700}.brawo-nagroda{font-weight:700;color:#8a5a00}@keyframes brawoWskok{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.konfetti{position:fixed;top:-20px;width:12px;height:18px;border-radius:2px;z-index:16;pointer-events:none;animation-name:konfetti;animation-timing-function:ease-in;animation-fill-mode:both}@keyframes konfetti{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dryf),105vh) rotate(var(--obrot));opacity:.8}}