/* Minigry w ścieżce literki — panel 1552×764 pod paskiem kroku (projekty w Design: tablice „Mini-…”) */
.krok__scena--mini{padding:0}
.mini{position:absolute;left:24px;top:16px;width:1552px;height:764px;border-radius:36px;overflow:hidden;box-shadow:0 16px 40px rgba(46,26,53,.16);touch-action:none;user-select:none;-webkit-user-select:none}
.mini__pole{position:absolute;inset:0}
.mini__polecenie{position:absolute;left:28px;top:24px;z-index:20;display:flex;align-items:center;gap:14px;padding:10px 12px 10px 10px;background:rgba(255,255,255,.94);border-radius:999px;box-shadow:0 8px 20px rgba(46,26,53,.14);pointer-events:auto}
.mini__polecenie img{width:62px;height:70px;object-fit:contain}
.mini__polecenie p{margin:0;font:800 30px/1.1 "Bricolage Grotesque",sans-serif}
.mini__polecenie .lit{color:var(--malina);font-family:"Andika",sans-serif}
.mini__powtorz{width:62px;height:62px;border-radius:50%;border:0;background:#FDE9F1;color:var(--malina);display:flex;align-items:center;justify-content:center}
.mini__licznik{position:absolute;right:28px;top:30px;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 16px;background:rgba(255,255,255,.94);border-radius:999px;box-shadow:0 8px 20px rgba(46,26,53,.14)}
.mg-pasek{display:block;width:260px;height:22px;border-radius:999px;background:#F1ECEF;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.08)}
.mg-pasek i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#FFC93C,#FFB020);transition:width .35s}
.mg-pasek__ile{font:800 22px "Bricolage Grotesque",sans-serif;color:#5E4A63;min-width:70px;text-align:right}
.mg-licznik__et{font-weight:700;font-size:19px;color:#5E4A63;margin-right:4px}
.mg-slot{width:46px;height:46px;border-radius:50%;background:#F1ECEF;border:3px dashed #D5C6CE;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mg-slot--pelny{background:#FFF1C2;border:3px solid #FFC93C;animation:mgSlot .45s ease}
.mg-slot b{font:700 26px/1 "Andika",sans-serif;color:var(--malina);padding-bottom:3px}
.mg-slot img{width:34px;height:34px;object-fit:contain}
.mg-slot img[src^="img/pis-"]{width:40px;height:40px;transform:scale(1.6)}   /* litera pisana: obrazek ma całą liniaturę, w kółku powiększamy samą literę */
.mg-slot svg{width:26px;height:26px;fill:#FFC93C}
@keyframes mgSlot{0%{transform:scale(.4)}70%{transform:scale(1.2)}100%{transform:scale(1)}}
.mg-lit{font:700 86px/1 "Andika",sans-serif;color:#2E1A35;padding-bottom:8px}
.mg-obr{width:100%;height:100%;object-fit:contain}
.mg-plus{position:absolute;z-index:15;background:#FFC93C;color:#2E1A35;border-radius:999px;padding:6px 18px;font:800 30px "Bricolage Grotesque",sans-serif;box-shadow:0 5px 0 #D9A21B;pointer-events:none;animation:mgPlus 1s ease-out forwards}
@keyframes mgPlus{0%{opacity:0;transform:translateY(10px) scale(.6)}20%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-70px)}}
.mg-oj{animation:mgOj .45s ease}
@keyframes mgOj{0%,100%{transform:translateX(0)}20%{transform:translateX(-12px) rotate(-4deg)}40%{transform:translateX(10px) rotate(3deg)}60%{transform:translateX(-7px)}80%{transform:translateX(4px)}}
.mg-ciagnie{z-index:30 !important;transform:scale(1.08);filter:drop-shadow(0 14px 16px rgba(46,26,53,.28));cursor:grabbing}
.mg-wraca{transition:left .3s ease,top .3s ease}

.mg-raczka{position:absolute;left:0;top:0;width:96px;height:96px;z-index:40;pointer-events:none;opacity:0;filter:drop-shadow(0 6px 8px rgba(46,26,53,.35));animation:mgRaczka 2s ease-in-out 3}
.mg-raczka svg{width:96px;height:96px}
@keyframes mgRaczka{0%{opacity:0;transform:translate(calc(var(--x0) - 30px),calc(var(--y0) - 10px))}12%{opacity:1;transform:translate(calc(var(--x0) - 30px),calc(var(--y0) - 10px)) scale(.9)}70%{opacity:1;transform:translate(calc(var(--x1) - 30px),calc(var(--y1) - 10px))}90%,100%{opacity:0;transform:translate(calc(var(--x1) - 30px),calc(var(--y1) - 10px))}}
.mg-raczka--stuk{animation-name:mgRaczkaStuk}
@keyframes mgRaczkaStuk{0%,100%{opacity:0;transform:translate(calc(var(--x0) - 30px),calc(var(--y0) + 20px))}25%,75%{opacity:1;transform:translate(calc(var(--x0) - 30px),calc(var(--y0) + 20px))}50%{opacity:1;transform:translate(calc(var(--x0) - 30px),calc(var(--y0) + 10px)) scale(.88)}}

/* ---------- A2. Kret w ogródku ---------- */
.mini--a-kret{background:linear-gradient(180deg,#CFEBFF 0%,#EAF6FF 40%)}
.kret__slonce{position:absolute;left:820px;top:52px;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 40% 38%,#FFF2B0 0%,#FFD54F 45%,#FFC93C 100%);box-shadow:0 0 0 16px rgba(255,213,79,.25),0 0 0 34px rgba(255,213,79,.12)}
.kret__plot{position:absolute;left:0;right:0;top:196px;height:110px;background:linear-gradient(180deg,transparent 30px,#E9CFA4 30px 46px,transparent 46px 74px,#E9CFA4 74px 90px,transparent 90px),repeating-linear-gradient(90deg,#F6E3C4 0 34px,transparent 34px 58px)}
.kret__trawa{position:absolute;left:0;right:0;top:288px;height:26px;background:#7DBE5E;border-radius:0 0 50% 50%/0 0 18px 18px;z-index:1}
.kret__ziemia{position:absolute;left:0;right:0;top:300px;bottom:0;background:repeating-linear-gradient(180deg,transparent 0 54px,rgba(90,52,24,.18) 54px 60px),linear-gradient(180deg,#A9743F 0%,#8C5A2E 100%)}
.kret__arbuz{position:absolute;top:640px;width:150px;height:120px;object-fit:contain;z-index:9;pointer-events:none}
.kret__arbuz--l{left:20px}
.kret__arbuz--p{left:1385px;transform:scaleX(-1)}
.kret__okno{position:absolute;width:210px;height:280px;overflow:hidden;z-index:2}
.kret__tab{position:absolute;left:20px;top:56px;width:170px;height:214px;transform:translateY(232px);transition:transform .32s cubic-bezier(.3,1.5,.6,1);cursor:pointer}
.kret__tab--gora{transform:translateY(0)}
.kret__kret{position:absolute;left:0;top:84px;width:170px;height:174px;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(40,20,5,.35));pointer-events:none}
.kret__deska{position:absolute;left:0;top:0;width:170px;height:124px;border-radius:22px;background:#F7E2B5;border:5px solid #B07A3A;box-shadow:0 8px 0 rgba(90,52,24,.35);display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}
.kret__deska .mg-lit{font-size:86px}
.kret__tab--dobra .kret__deska{background:#E3F6D8;border-color:#2F7A45}
.kret__tab--dobra .kret__deska::after{content:"✓";position:absolute;right:-14px;top:-14px;width:50px;height:50px;border-radius:50%;background:#2F7A45;color:#fff;display:flex;align-items:center;justify-content:center;font:800 30px sans-serif}
.kret__tab--zla .kret__deska{background:#F3E6E9;border-color:#C9A2AE}
.kret__tab--zla .mg-lit{color:#8C7480}
.kret__kopiec{position:absolute;width:240px;height:90px;border-radius:50% 50% 46% 46%/70% 70% 30% 30%;background:radial-gradient(ellipse at 50% 30%,#7A4A22 0%,#5E3818 70%);box-shadow:inset 0 10px 0 rgba(255,255,255,.08),0 8px 0 rgba(60,32,12,.3);z-index:3;pointer-events:none}
.kret__kopiec::before,.kret__kopiec::after{content:"";position:absolute;width:14px;height:10px;border-radius:50%;background:#6B4220;top:-6px;left:60px;opacity:0}
.kret__kopiec::after{left:160px;top:-2px}
.kret__kopiec--rusza{animation:kretKopiec .4s ease}
.kret__kopiec--rusza::before,.kret__kopiec--rusza::after{animation:kretGrudka .5s ease-out}
@keyframes kretKopiec{0%,100%{transform:scale(1)}40%{transform:scale(1.06,.92)}}
@keyframes kretGrudka{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(-26px,-40px)}}
.kret__kopiec--rusza::after{animation-name:kretGrudka2}
@keyframes kretGrudka2{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(28px,-36px)}}

/* ---------- A3. Grządka arbuzów ---------- */
.mini--a-grzadka{background:#8CC46C}
.grz__niebo{position:absolute;left:0;right:0;top:0;height:170px;background:linear-gradient(180deg,#CDEBC0 0%,#B5DFA3 100%)}
.grz__trawa{position:absolute;left:0;right:0;top:150px;bottom:0;background:radial-gradient(circle at 20% 30%,#9BCF7D 0 3px,transparent 4px) 0 0/46px 46px,#8CC46C}
.grz__rama{position:absolute;left:56px;top:150px;width:1210px;height:590px;border-radius:26px;background:repeating-linear-gradient(90deg,#A86E3C 0 120px,#9A6232 120px 124px);box-shadow:0 12px 0 #6E4220,0 18px 30px rgba(46,26,53,.2)}
.grz__ziemia{position:absolute;left:80px;top:174px;width:1162px;height:542px;border-radius:18px;background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.06) 0 2px,transparent 3px) 0 0/22px 22px,linear-gradient(180deg,#5A3A20 0%,#4A2F18 100%);box-shadow:inset 0 10px 18px rgba(0,0,0,.35)}
.grz__dolek{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#6B4728 0 60%,#5A3A20 100%);transition:opacity .4s}
.grz__dolek--pusty{opacity:.45}
.grz__rzecz{position:absolute;width:170px;height:170px;z-index:2;opacity:0;transform:scale(.7);transition:opacity .25s,transform .25s;cursor:pointer;pointer-events:none}
.grz__rzecz--widac{opacity:1;transform:scale(1);pointer-events:auto}
.grz__rzecz--widac:not(.grz__rzecz--nie) .mg-obr{animation:grzZaprasza 1.4s ease-in-out .6s infinite}   /* „weź mnie”: delikatne pulsowanie, takie samo dla każdego obrazka */
@keyframes grzZaprasza{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.grz__rzecz--leci{transition:transform .6s cubic-bezier(.4,-.3,.6,1),opacity .6s;pointer-events:none}
.grz__rzecz .mg-obr{filter:drop-shadow(0 8px 8px rgba(0,0,0,.35))}
.grz__slowo{position:absolute;left:50%;top:172px;transform:translateX(-50%);padding:4px 16px;border-radius:999px;background:#fff;font:800 26px "Bricolage Grotesque",sans-serif;color:#2E1A35;white-space:nowrap;box-shadow:0 4px 0 rgba(0,0,0,.15)}
.grz__rzecz--nie .grz__slowo{background:#F3E6E9;color:#8C7480}
.grz__rzecz--nie .mg-obr{filter:saturate(.4) drop-shadow(0 8px 8px rgba(0,0,0,.3))}
.grz__lisc{position:absolute;width:280px;height:280px;z-index:3;transform:rotate(var(--rot));transition:transform .45s cubic-bezier(.3,1.3,.6,1),opacity .4s;cursor:pointer}
.grz__lisc img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 8px rgba(0,0,0,.35));pointer-events:none}
.grz__lisc img+img{transform:rotate(95deg) scale(.92)}
.grz__lisc--odsuniety{transform:translate(40px,-90px) rotate(calc(var(--rot) + 40deg)) scale(.7);opacity:0;pointer-events:none}
.grz__biedronka{position:absolute;left:1180px;top:200px;width:60px;height:60px;object-fit:contain;transform:rotate(-30deg);z-index:4;pointer-events:none}
.grz__slimak{position:absolute;left:90px;top:686px;width:110px;height:80px;object-fit:contain;z-index:4;pointer-events:none}
.grz__kosz{position:absolute;left:1296px;top:300px;width:230px;height:420px;border-radius:30px;background:rgba(255,255,255,.55)}
.grz__kosz p{margin:20px 0 0;text-align:center;font:800 24px "Bricolage Grotesque",sans-serif;color:#2F7A45}
.grz__kosz>img{position:absolute;left:5px;bottom:10px;width:220px;height:220px;object-fit:contain;z-index:2}
.grz__w-koszu{position:absolute;left:24px;right:24px;bottom:120px;height:70px;display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-end;z-index:1}
.grz__zebrane{width:64px;height:56px;object-fit:contain;margin:0 -12px;transform:rotate(var(--rot));animation:mgSlot .4s ease;filter:drop-shadow(0 3px 2px rgba(0,0,0,.2))}   /* runda 2: mniejsze, równo w koszyku */
.grz__kosz--hop{animation:grzHop .4s ease}
@keyframes grzHop{0%,100%{transform:translateY(0)}40%{transform:translateY(8px) scaleY(.96)}}

/* ---------- A4. Biedronki na listkach ---------- */
.mini--a-biedronki{background:#E6F7DA}
.bied__tlo{position:absolute;inset:0;background:radial-gradient(circle at 15% 85%,#B9E39E 0 120px,transparent 121px),radial-gradient(circle at 92% 18%,#D5F2BF 0 170px,transparent 171px),linear-gradient(180deg,#E6F7DA 0%,#C8EBB0 100%)}
.bied__trawa{position:absolute;left:0;right:0;bottom:0;height:230px;background:linear-gradient(180deg,#9ED17E 0%,#7DBE5E 100%);border-radius:50% 50% 0 0/50px 50px 0 0}
.bied__listek{position:absolute;width:330px;height:420px;transform:rotate(var(--rot));transform-origin:50% 100%}
.bied__listek img{position:absolute;left:0;top:0;width:330px;height:330px;object-fit:contain;transform:rotate(-35deg);filter:drop-shadow(0 12px 10px rgba(30,60,20,.3))}
.bied__listek b{position:absolute;left:110px;top:105px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;font:700 76px/1 "Andika",sans-serif;padding-bottom:6px;box-shadow:0 6px 0 rgba(30,60,20,.25);transition:background .3s,box-shadow .3s}
.bied__listek--para b{background:#FFF1C2;box-shadow:0 0 0 6px #FFC93C,0 6px 0 rgba(30,60,20,.25)}
.bied{position:absolute;width:150px;height:150px;z-index:6;cursor:grab;animation:biedChodzi 2.6s ease-in-out infinite;animation-delay:var(--opoz)}
.bied img{width:150px;height:150px;object-fit:contain;pointer-events:none}
.bied b{position:absolute;left:44px;top:52px;width:62px;height:62px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font:700 46px/1 "Andika",sans-serif;padding-bottom:5px;box-shadow:0 3px 0 rgba(0,0,0,.2);pointer-events:none}
.bied.mg-ciagnie,.bied--siedzi{animation:none}
.bied--siedzi{transform:rotate(-8deg) scale(.7);transition:left .25s ease,top .25s ease,transform .3s;cursor:default}
@keyframes biedChodzi{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(6px,-3px) rotate(4deg)}75%{transform:translate(-6px,2px) rotate(-4deg)}}

/* ---------- A5. Ślimaki na sałacie ---------- */
.mini--a-slimaki{background:#BFE3A6}
.slim__ziemia{position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 118px,rgba(90,52,24,.12) 118px 130px),linear-gradient(180deg,#B5865A 0%,#9C6E43 100%)}
.slim__salata{position:absolute;width:260px;height:260px;filter:drop-shadow(0 14px 12px rgba(40,60,20,.35))}
.slim__lisc--srodek{filter:brightness(1.18) saturate(.85)}
.slim__lisc{position:absolute;left:30px;top:30px;width:200px;height:200px;object-fit:contain;transform-origin:50% 50%}
.slim__trawnik{position:absolute;left:0;right:0;bottom:0;height:96px;background:radial-gradient(circle at 20% 30%,#9BCF7D 0 3px,transparent 4px) 0 0/26px 26px,#86C267;box-shadow:inset 0 8px 0 rgba(255,255,255,.2);z-index:2}
.slim__trawnik p{position:absolute;left:28px;top:30px;margin:0;font:800 24px "Bricolage Grotesque",sans-serif;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.15)}
.slim{position:absolute;left:0;top:0;width:190px;height:140px;cursor:pointer}
.slim img{width:190px;height:140px;object-fit:contain;filter:drop-shadow(0 6px 5px rgba(60,30,10,.35));pointer-events:none}
.slim--prawo img{transform:scaleX(-1)}
.slim__muszla{position:absolute;left:104px;top:22px;width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 rgba(0,0,0,.25);pointer-events:none}
.slim--prawo .slim__muszla{left:22px}
.slim__muszla .mg-lit{font-size:46px;padding-bottom:5px}
.slim--leci{transition:transform .7s cubic-bezier(.4,-.4,.5,1);z-index:12 !important}

/* ---------- A6. Wyścig autek ---------- */
.mini--a-wyscig{background:#CFEAFF}
.wys__tlo{position:absolute;inset:0;background:linear-gradient(180deg,#CFEAFF 0%,#EAF6FF 45%,#9FD27F 45.2%,#8CC46C 100%)}
.wys__trybuny{position:absolute;left:0;right:0;top:250px;height:90px;background:radial-gradient(circle,#FF8FB3 0 9px,transparent 10px) 0 0/48px 30px,radial-gradient(circle,#FFD54F 0 9px,transparent 10px) 24px 15px/48px 30px,#F4F0FA;border-top:10px solid #D9CFE8}
.wys__tor{position:absolute;left:0;right:0;top:470px;height:270px;background:#5A5F6B;border-top:10px solid transparent;border-bottom:10px solid transparent;border-image:repeating-linear-gradient(90deg,#E8483C 0 40px,#fff 40px 80px) 10}
.wys__pas{position:absolute;left:0;right:0;top:122px;height:8px;background:repeating-linear-gradient(90deg,#fff 0 60px,transparent 60px 110px)}
.wys__meta{position:absolute;left:1400px;top:0;bottom:0;width:60px;background:conic-gradient(#222 25%,#fff 0 50%,#222 0 75%,#fff 0) 0 0/30px 30px}
.wys__auto{position:absolute;width:260px;height:120px;z-index:4;transition:left 1s cubic-bezier(.3,.9,.4,1)}
.wys__auto img{position:absolute;left:0;top:-70px;width:260px;height:260px;object-fit:contain;filter:drop-shadow(0 8px 6px rgba(0,0,0,.35));pointer-events:none}
.wys__auto--moje img{transform:scaleX(-1)}
.wys__auto--rywal{transition:none;z-index:3}
.wys__auto span{position:absolute;left:74px;top:-38px;padding:4px 14px;border-radius:999px;background:var(--malina);color:#fff;font:800 20px "Bricolage Grotesque",sans-serif;white-space:nowrap}
.wys__auto--jedzie img{animation:wysJedzie 1s ease}
@keyframes wysJedzie{0%,100%{transform:scaleX(-1) translateY(0)}20%,60%{transform:scaleX(-1) translateY(-6px) rotate(-2deg)}40%,80%{transform:scaleX(-1) translateY(0)}}
.wys__karta{position:absolute;left:596px;top:118px;width:360px;height:300px;border-radius:30px;background:#fff;box-shadow:0 14px 30px rgba(46,26,53,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:5;transition:box-shadow .3s}
.wys__karta .mg-obr{width:230px;height:200px}
.wys__karta--nowa{animation:wysKarta .4s ease}
.wys__karta--dobrze{box-shadow:0 0 0 8px #7FD36B,0 14px 30px rgba(46,26,53,.18)}
@keyframes wysKarta{0%{transform:scale(.7) rotate(-4deg);opacity:0}100%{transform:scale(1);opacity:1}}
.wys__sluchaj{display:flex;align-items:center;gap:8px;padding:6px 16px;border:0;border-radius:999px;background:#FDE9F1;color:var(--malina);font:800 22px "Bricolage Grotesque",sans-serif}
.wys__btn{position:absolute;top:200px;width:300px;height:130px;border:0;border-radius:34px;color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;font:800 42px "Bricolage Grotesque",sans-serif;z-index:5;transition:transform .12s}
.wys__btn:active{transform:translateY(4px)}
.wys__btn span{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:40px}
.wys__btn--tak{left:240px;background:#2F9E57;box-shadow:0 9px 0 #1E6E3B}
.wys__btn--nie{left:1012px;background:#E05252;box-shadow:0 9px 0 #9E2F2F}

/* ---------- A7. Chmurka podlewa ---------- */
.mini--a-deszczyk{background:#D8EEFF}
.desz__niebo{position:absolute;inset:0;background:radial-gradient(circle at 88% 30%,#FFF3C4 0 60px,rgba(255,243,196,0) 140px),linear-gradient(180deg,#D8EEFF 0%,#F2FAFF 60%)}
.desz__ziemia{position:absolute;left:0;right:0;top:640px;bottom:0;background:linear-gradient(180deg,#9C6B3F 0%,#7E5530 100%);border-top:14px solid #7DBE5E}
.desz__kwiat{position:absolute;width:172px;height:420px;cursor:pointer}
.desz__kwiat img{position:absolute;left:-14px;top:0;width:200px;height:330px;object-fit:contain;object-position:50% 100%;transform-origin:50% 100%;transform:rotate(var(--zw));filter:grayscale(.65) brightness(.9) sepia(.15);transition:transform 1s cubic-bezier(.3,1.6,.6,1),filter 1s}
.desz__kwiat--podlany img{transform:rotate(0) scale(1.06);filter:none}
.desz__tab{position:absolute;left:40px;top:332px;width:92px;height:84px;border-radius:20px;background:#FFF8E8;border:5px solid #B07A3A;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 0 rgba(60,32,12,.35);transition:background .4s,border-color .4s}
.desz__tab .mg-lit{font-size:60px;padding-bottom:6px}
.desz__kwiat--podlany .desz__tab{background:#E3F6D8;border-color:#2F7A45}
.desz__chmura{position:absolute;width:240px;height:200px;z-index:6;pointer-events:none;transition:left .6s ease,top .6s ease;animation:deszUnosi 3s ease-in-out infinite}
.desz__chmura img{width:240px;height:200px;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(60,90,130,.25))}
@keyframes deszUnosi{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.desz__deszcz{position:absolute;left:50px;top:150px;width:140px;height:330px;opacity:0;background:repeating-linear-gradient(100deg,transparent 0 14px,rgba(80,150,230,.85) 14px 18px,transparent 18px 34px);-webkit-mask:linear-gradient(180deg,#000 30%,transparent);mask:linear-gradient(180deg,#000 70%,transparent);background-size:100% 60px}
.desz__chmura--pada .desz__deszcz{opacity:1;animation:deszPada .35s linear infinite}
@keyframes deszPada{from{background-position:0 0}to{background-position:-12px 60px}}

/* ---------- A8. Motyle w ogródku ---------- */
.mini--a-motyle{background:#E8F4FF}
.mot__niebo{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 25%,#fff 0 60px,transparent 61px),radial-gradient(ellipse at 75% 18%,#fff 0 50px,transparent 51px),linear-gradient(180deg,#CFE8FF 0%,#F1F8FF 60%)}
.mot__laka{position:absolute;left:0;right:0;top:600px;bottom:0;background:radial-gradient(circle at 20% 30%,#9BCF7D 0 3px,transparent 4px) 0 0/40px 40px,linear-gradient(180deg,#8CC46C,#78B35A);border-radius:50% 50% 0 0/40px 40px 0 0}
.mot__kwiat{position:absolute;width:200px;height:250px;object-fit:contain;object-position:50% 100%;z-index:2;pointer-events:none}
.mot{position:absolute;left:0;top:0;width:190px;height:260px;cursor:pointer;z-index:5}
.mot__skrzydla{position:absolute;left:15px;top:0;width:160px;height:140px;object-fit:contain;animation:motTrzepot .35s ease-in-out infinite alternate;pointer-events:none}
.mot--lewo .mot__skrzydla{transform:scaleX(-1)}
@keyframes motTrzepot{from{transform:scaleY(1)}to{transform:scaleY(.82)}}
.mot--lewo .mot__skrzydla{animation-name:motTrzepotL}
@keyframes motTrzepotL{from{transform:scaleX(-1) scaleY(1)}to{transform:scaleX(-1) scaleY(.82)}}
.mot__nitka{position:absolute;left:94px;top:110px;width:2px;height:30px;background:#8C7480}
.mot__kartka{position:absolute;left:47px;top:136px;width:96px;height:120px;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 6px 12px rgba(46,26,53,.2);pointer-events:none}
.mot__kartka .mg-obr--pis{object-fit:cover;object-position:50% 50%;transform:scale(1.25)}
.mot--siada{transition:transform 1s cubic-bezier(.4,0,.3,1);z-index:4}
.mot--siada .mot__skrzydla{animation-duration:1.2s}
.mot--siada .mot__kartka,.mot--siada .mot__nitka{opacity:0;transition:opacity .5s .6s}

/* ---------- A1. Łap do koszyka (zabawa.js) — plansza w kroku po powrocie z zabawy ---------- */
.mini--sad-koniec{display:flex;align-items:center;justify-content:center;gap:40px;background:linear-gradient(180deg,#BDE4FF 0%,#E4F3FF 48%,#FDE9F1 100%)}
.mini--sad-koniec img{width:260px;height:300px;object-fit:contain}
.mini--sad-koniec h2{margin:0;font:800 72px/1 "Bricolage Grotesque",sans-serif;color:var(--malina)}
.mini--sad-koniec p{margin:10px 0 0;font-size:32px}

/* ---------- O1. Owieczki do zagrody ---------- */
.mini--o-zagroda{background:#CFE8FF}
.zag__niebo{position:absolute;inset:0;background:linear-gradient(180deg,#CFE8FF 0%,#EAF5FF 34%,#B7E09A 34.2%,#93CC72 100%)}
.zag__laka{position:absolute;left:0;right:0;top:260px;bottom:0;background:radial-gradient(circle at 20% 30%,#A8D98A 0 3px,transparent 4px) 0 0/44px 44px}
.zag__zagroda{position:absolute;left:1004px;top:290px;width:520px;height:450px;border-radius:26px;background:rgba(160,210,120,.65)}
.zag__plot{position:absolute;left:6px;right:6px;height:14px;border-radius:7px;background:#B98A5A;box-shadow:0 4px 0 #8A5E34}
.zag__plot--g{top:10px}.zag__plot--d{bottom:14px}
.zag__slup{position:absolute;top:0;bottom:6px;width:14px;border-radius:7px;background:#B98A5A;box-shadow:4px 0 0 #8A5E34}
.zag__slup--l{left:0}.zag__slup--p{right:0}
.zag__tab{position:absolute;left:150px;top:-54px;padding:6px 20px;border-radius:14px;background:#FFF8E8;border:4px solid #B07A3A;font:800 30px "Bricolage Grotesque",sans-serif;white-space:nowrap}
.zag__tab b{font-family:"Andika",sans-serif;color:var(--malina)}
.owc{position:absolute;width:230px;height:230px;z-index:5;cursor:grab;transform-origin:50% 90%;animation:owcSkubie 3.2s ease-in-out infinite;animation-delay:var(--opoz)}
.owc img{width:230px;height:230px;object-fit:contain;filter:drop-shadow(0 8px 6px rgba(40,70,20,.25));pointer-events:none}
.owc__med{position:absolute;left:118px;top:126px;width:88px;height:88px;border-radius:50%;background:#fff;border:4px solid #F0C64B;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 0 rgba(0,0,0,.15);pointer-events:none}
.owc__med .mg-obr{width:72px;height:72px}
.owc__med .mg-lit{font-size:56px}
@keyframes owcSkubie{0%,70%,100%{transform:rotate(0)}78%{transform:rotate(-4deg) translateY(4px)}86%{transform:rotate(2deg)}}
.owc.mg-ciagnie{animation:none}
.owc--w-zagrodzie{animation:owcHop .5s ease;transform:scale(.8);transition:left .3s ease,top .3s ease;cursor:default}
@keyframes owcHop{0%{transform:scale(.8) translateY(0)}40%{transform:scale(.8) translateY(-30px)}100%{transform:scale(.8)}}
.zag__chmura{position:absolute;height:auto;opacity:.95;animation:zagChmura 9s ease-in-out infinite alternate}
@keyframes zagChmura{from{transform:translateX(-20px)}to{transform:translateX(30px)}}
.zag__kwiatek{position:absolute;width:80px;height:100px;object-fit:contain;object-position:50% 100%;pointer-events:none}

/* ---------- O2. Owieczki przez płotek ---------- */
.mini--o-plotek{background:#2E3A78}
.plo__niebo{position:absolute;inset:0;background:linear-gradient(180deg,#2E3A78 0%,#6E6FB8 40%,#F6B7A0 62%)}
.plo__ksiezyc{position:absolute;left:1180px;top:150px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 38% 36%,#FFFBE6 0%,#FFF1BF 60%,#F5DE94 100%);box-shadow:0 0 50px 14px rgba(255,244,201,.45)}
.plo__gwiazdka{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px rgba(255,255,255,.6);animation:ploMruga 2.4s ease-in-out infinite alternate}
@keyframes ploMruga{from{opacity:.25}to{opacity:1}}
.plo__laka{position:absolute;left:0;right:0;top:474px;bottom:0;background:radial-gradient(circle at 20% 30%,#A8D98A 0 3px,transparent 4px) 0 0/44px 44px,linear-gradient(180deg,#9FD07E,#7DBE5E)}
.plo__plot{position:absolute;left:690px;top:530px;width:220px;height:150px;z-index:3;pointer-events:none}
.plo__plot i{position:absolute;left:0;right:0;height:18px;background:#C99A68;border-radius:6px;box-shadow:0 4px 0 rgba(90,52,24,.3)}
.plo__plot i:first-child{top:30px}.plo__plot i:nth-child(2){top:90px}
.plo__plot b{position:absolute;top:0;width:22px;height:150px;background:#B98A5A;border-radius:6px 6px 0 0}
.plo__plot b:nth-child(3){left:10px}.plo__plot b:nth-child(4){right:10px}
.plo__owca{position:absolute;left:0;top:0;width:220px;height:220px;z-index:4;cursor:pointer}
.plo__owca img{width:220px;height:220px;object-fit:contain;transform:scaleX(-1);filter:drop-shadow(0 8px 6px rgba(20,30,60,.3));pointer-events:none}
.plo__lit{position:absolute;left:70px;top:112px;width:84px;height:84px;border-radius:50%;background:#fff;border:4px solid #8FA7E6;display:flex;align-items:center;justify-content:center;pointer-events:none}
.plo__lit .mg-lit{font-size:56px;padding-bottom:6px}
.plo__owca--sen{transition:transform 1.5s cubic-bezier(.3,0,.4,1),opacity 1.5s;opacity:.15;z-index:2}

/* ---------- O3. Okienka w domku ---------- */
.mini--o-okienka{background:#F4E2C8}
.okn__sciana{position:absolute;left:0;right:0;top:0;bottom:120px;background:repeating-linear-gradient(0deg,transparent 0 46px,rgba(150,100,60,.12) 46px 48px),repeating-linear-gradient(90deg,transparent 0 94px,rgba(150,100,60,.10) 94px 96px),linear-gradient(180deg,#F7E7CF 0%,#EBCFA8 100%)}
.okn__laka{position:absolute;left:0;right:0;bottom:0;height:126px;background:radial-gradient(circle at 20% 30%,#A8D98A 0 3px,transparent 4px) 0 0/40px 40px,linear-gradient(180deg,#9FD07E,#7DBE5E);border-top:8px solid #6FAE4F}
.okn__laka span{position:absolute;left:28px;top:40px;font:800 26px "Bricolage Grotesque",sans-serif;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.15)}
.okn{position:absolute;width:200px;height:230px;perspective:900px;cursor:pointer;z-index:2}
.okn__wnetrze{position:absolute;left:14px;top:14px;width:172px;height:196px;border-radius:4px;background:radial-gradient(circle at 50% 20%,#FFF6CF 0%,#FFE09A 50%,#E9B86A 100%);box-shadow:inset 0 0 0 6px #7A4A22,inset 0 10px 20px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center}
.okn__rzecz{width:140px;height:140px;margin-top:-18px;opacity:0;transform:scale(.6);transition:opacity .3s .2s,transform .3s .2s}
.okn--otwarte .okn__rzecz{opacity:1;transform:scale(1)}
.okn--otwarte:not(.okn--nie):not(.okn--puste) .okn__rzecz .mg-obr{animation:grzZaprasza 1.4s ease-in-out .7s infinite}
.okn--nie .okn__rzecz{filter:saturate(.35)}
.okn--puste .okn__rzecz{opacity:0 !important}
.okn__slowo{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);padding:2px 12px;border-radius:999px;background:#fff;font:800 22px "Bricolage Grotesque",sans-serif;white-space:nowrap;opacity:0;transition:opacity .3s .3s}
.okn--otwarte .okn__slowo{opacity:1}
.okn--puste .okn__slowo{opacity:0}
.okn__skrzydlo{position:absolute;left:0;top:0;width:200px;height:215px;object-fit:fill;transform-origin:0 50%;transition:transform .55s cubic-bezier(.3,1.2,.5,1);filter:drop-shadow(0 6px 6px rgba(80,50,20,.3));pointer-events:none}
.okn--otwarte .okn__skrzydlo{transform:rotateY(-78deg)}
.okn__parapet{position:absolute;left:-8px;right:-8px;top:212px;height:18px;border-radius:4px;background:#B98A5A;box-shadow:0 5px 0 #8A5E34}
.okn__gosc{position:absolute;width:110px;height:110px;z-index:6;transition:left .9s cubic-bezier(.4,-.3,.4,1.2),top .9s cubic-bezier(.4,-.3,.4,1.2);pointer-events:none;filter:drop-shadow(0 6px 6px rgba(0,0,0,.25))}
.okn__gosc--na-lace{animation:okGosc .9s ease}
@keyframes okGosc{50%{transform:scale(1.3) rotate(-8deg)}}

/* ---------- O4. Jagniątka do mamy ---------- */
.mini--o-jagniatka{background:#CFE8FF}
.jag__mama{position:absolute;width:260px;height:260px;z-index:3}
.jag__mama img{width:260px;height:260px;object-fit:contain;filter:drop-shadow(0 10px 8px rgba(40,70,20,.25))}
.jag__mama b{position:absolute;left:80px;top:150px;width:98px;height:98px;border-radius:50%;background:#fff;border:5px solid #F0C64B;display:flex;align-items:center;justify-content:center;font:700 70px/1 "Andika",sans-serif;padding-bottom:6px;box-shadow:0 5px 0 rgba(0,0,0,.15);transition:background .3s}
.jag__mama--szczesliwa{animation:owcHop .6s ease}
.jag__mama--szczesliwa b{background:#FFF1C2}
.jag__jagnie{position:absolute;width:150px;height:150px;z-index:5;cursor:grab;animation:jagBryka 2.4s ease-in-out infinite;animation-delay:var(--opoz)}
.jag__jagnie img{width:150px;height:150px;object-fit:contain;transform:scaleX(-1);filter:drop-shadow(0 6px 5px rgba(40,70,20,.25));pointer-events:none}
.jag__jagnie b{position:absolute;left:44px;top:84px;width:60px;height:60px;border-radius:50%;background:#fff;border:3px solid #9FD07E;display:flex;align-items:center;justify-content:center;font:700 42px/1 "Andika",sans-serif;padding-bottom:4px;pointer-events:none}
@keyframes jagBryka{0%,60%,100%{transform:translateY(0)}70%{transform:translateY(-18px) rotate(-4deg)}80%{transform:translateY(0)}}
.jag__jagnie.mg-ciagnie{animation:none}
.jag__jagnie--u-mamy{animation:none;transition:left .3s ease,top .3s ease;z-index:4;cursor:default}

/* ---------- O5. Grzybki na łące ---------- */
.mini--o-grzybki{background:#CFE8D8}
.grzy__las{position:absolute;inset:0;background:linear-gradient(180deg,#D8EEDD 0%,#CDE9C9 34%)}
.grzy__drzewo{position:absolute;object-fit:contain;object-position:50% 100%;opacity:.95;pointer-events:none}
.grzy__laka{position:absolute;left:0;right:0;top:250px;bottom:0;background:radial-gradient(circle at 20% 30%,#9DD07F 0 3px,transparent 4px) 0 0/38px 38px,linear-gradient(180deg,#9FD07E 0%,#7FBE5F 100%);border-radius:50% 50% 0 0/40px 40px 0 0}
.grzy{position:absolute;width:170px;height:170px;transform:rotate(var(--rot));cursor:pointer;transition:left .8s cubic-bezier(.4,-.4,.4,1.1),top .8s cubic-bezier(.4,-.4,.4,1.1),transform .8s}
.grzy>img{width:170px;height:170px;object-fit:contain;filter:drop-shadow(0 8px 6px rgba(40,60,20,.3));pointer-events:none}
.grzy__lit{position:absolute;left:52px;top:22px;width:66px;height:66px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 rgba(0,0,0,.2);pointer-events:none}
.grzy__lit .mg-lit{font-size:48px;padding-bottom:5px}
.grzy--leci{z-index:30 !important;transform:rotate(-20deg) scale(.55)}
.grzy--w-koszu{transform:rotate(-10deg) scale(.5);z-index:19 !important}
.grzy__kosz{position:absolute;right:30px;bottom:20px;width:260px;height:230px;z-index:20}
.grzy__kosz img{position:absolute;left:0;bottom:0;width:260px;height:220px;object-fit:contain;z-index:2}

/* ---------- O6. Pociąg przez łąkę ---------- */
.mini--o-pociag{background:#D6ECFF}
.poc__niebo{position:absolute;inset:0;background:linear-gradient(180deg,#CFE8FF 0%,#EEF7FF 45%)}
.poc__wzgorza{position:absolute;left:-60px;right:-60px;top:250px;height:260px;background:radial-gradient(ellipse at 20% 100%,#A6D88A 0 45%,transparent 46%),radial-gradient(ellipse at 70% 100%,#93CC72 0 50%,transparent 51%),radial-gradient(ellipse at 110% 100%,#A6D88A 0 40%,transparent 41%)}
.poc__tory{position:absolute;left:0;right:0;top:500px;height:100px;background:linear-gradient(180deg,#8CC46C 0 30px,#B9A27C 30px 70px,#8CC46C 70px),repeating-linear-gradient(90deg,transparent 0 30px,#7A5A3A 30px 46px)}
.poc__tory::after{content:"";position:absolute;left:0;right:0;top:40px;height:22px;border-top:6px solid #8E8E9A;border-bottom:6px solid #8E8E9A}
.poc__peron{position:absolute;left:0;right:0;top:590px;bottom:0;background:repeating-linear-gradient(90deg,#D9D3C7 0 118px,#CFC8BB 118px 120px);border-top:10px solid #F2C94C}
.poc__peron span{position:absolute;right:28px;top:14px;padding:4px 14px;border-radius:10px;background:#2C4A73;color:#fff;font:800 22px "Bricolage Grotesque",sans-serif}
.poc__sklad{position:absolute;left:0;top:0;width:1552px;height:600px;transition:transform 2.6s cubic-bezier(.5,0,.8,.6);pointer-events:none}
.poc__sklad>*{pointer-events:auto}
.poc__sklad--odjezdza{transform:translateX(1700px)}
.poc__wagon{position:absolute;width:196px;height:150px;border-radius:18px 18px 10px 10px;background:linear-gradient(180deg,#B83A3A 0%,#8B1E2B 100%);box-shadow:inset 0 -14px 0 rgba(0,0,0,.18),0 8px 12px rgba(0,0,0,.2);border-top:10px solid #E6B04A}
.poc__wagon::after{content:"";position:absolute;right:-26px;top:96px;width:26px;height:10px;background:#555}
.poc__okno{position:absolute;left:24px;top:14px;width:148px;height:92px;border-radius:12px;background:#FFF6DA;box-shadow:inset 0 0 0 5px #E6B04A}
.poc__kolo{position:absolute;left:22px;bottom:-30px;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,#ccc 0 22%,#333 24% 58%,#222 60%);box-shadow:0 0 0 4px #E6B04A}
.poc__kolo--p{left:auto;right:22px}
.poc__sklad--odjezdza .poc__kolo{animation:pocKolo .4s linear infinite}
@keyframes pocKolo{to{transform:rotate(360deg)}}
.poc__lok{position:absolute;width:300px;height:300px;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 8px 8px rgba(0,0,0,.25))}
.poc__bagaz{position:absolute;width:150px;height:130px;border-radius:20px;background:#fff;box-shadow:0 6px 0 rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;cursor:grab;z-index:6}
.poc__bagaz .mg-obr{width:120px;height:110px}
.poc__bagaz--w-wagonie{width:120px;height:86px;background:transparent;box-shadow:none;cursor:default;transition:left .25s,top .25s}
.poc__bagaz--w-wagonie .mg-obr{width:110px;height:80px}

/* ---------- O7. Przez strumyk ---------- */
.mini--o-strumyk{background:#7FC6E8}
.str__woda{position:absolute;inset:0;background:linear-gradient(90deg,#6BB7DD 0%,#8FD0EE 50%,#6BB7DD 100%);overflow:hidden}
.str__woda i{position:absolute;left:-10%;width:120%;height:60px;border-radius:50%;border-top:4px solid rgba(255,255,255,.3);animation:strFala 4s linear infinite}
.str__woda i:nth-child(1){top:200px}.str__woda i:nth-child(2){top:400px;animation-delay:-1.3s}.str__woda i:nth-child(3){top:620px;animation-delay:-2.6s}
@keyframes strFala{from{transform:translateY(-40px)}to{transform:translateY(60px)}}
.str__brzeg{position:absolute;top:0;bottom:0;width:250px;background:radial-gradient(circle at 20% 30%,#A8D98A 0 3px,transparent 4px) 0 0/40px 40px,linear-gradient(90deg,#8CC46C,#9FD07E)}
.str__brzeg--l{left:0;border-radius:0 60px 60px 0/0 50% 50% 0;box-shadow:8px 0 0 #C9B48A}
.str__brzeg--p{right:0;border-radius:60px 0 0 60px/50% 0 0 50%;box-shadow:-8px 0 0 #C9B48A}
.str__kwiat{position:absolute;width:90px;height:110px;object-fit:contain;object-position:50% 100%;pointer-events:none}
.str__literka{position:absolute;width:116px;height:136px;object-fit:contain;z-index:8;transition:left .45s ease,top .45s cubic-bezier(.3,-.7,.6,1);filter:drop-shadow(0 10px 8px rgba(0,0,0,.25));pointer-events:none}
.str__literka--bez{transition:none}
.str__kamien{position:absolute;width:160px;height:120px;cursor:pointer;z-index:3;transition:transform .3s,opacity .3s}
.str__plaski{position:absolute;left:0;top:14px;width:160px;height:96px;border-radius:50% 48% 46% 52%/55% 50% 50% 45%;background:radial-gradient(ellipse at 40% 30%,#C7CDD6 0%,#9AA3AE 45%,#6B7480 100%);box-shadow:0 10px 0 rgba(30,80,120,.35),0 0 0 10px rgba(255,255,255,.18)}
.str__kamien span{position:absolute;left:47px;top:22px;width:66px;height:66px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 rgba(0,0,0,.2);pointer-events:none}
.str__kamien span .mg-lit{font-size:48px;padding-bottom:5px}
.str__kamien:not(.str__kamien--teraz){opacity:.7}
.str__kamien--teraz span{box-shadow:0 0 0 5px #FFE58A,0 3px 0 rgba(0,0,0,.2);animation:strTeraz 1.6s ease-in-out infinite}
@keyframes strTeraz{50%{box-shadow:0 0 0 9px rgba(255,229,138,.6),0 3px 0 rgba(0,0,0,.2)}}
.str__kamien.str__kamien--uzyty{opacity:1}
.str__kamien--uzyty span{background:#E3F6D8;box-shadow:0 0 0 5px #7FD36B,0 3px 0 rgba(0,0,0,.2)}
.str__kamien--tonie{transform:translateY(18px) scale(.92);opacity:.5}

/* ---------- O8. Chmurki-owieczki ---------- */
.mini--o-chmurki{background:#BFE1FF}
.chm__niebo{position:absolute;inset:0;background:radial-gradient(circle at 85% 18%,#FFF3C4 0 50px,rgba(255,243,196,0) 130px),linear-gradient(180deg,#A9D6FF 0%,#D9EEFF 70%)}
.chm__laka{position:absolute;left:0;right:0;top:620px;bottom:0;background:radial-gradient(circle at 20% 30%,#A8D98A 0 3px,transparent 4px) 0 0/40px 40px,linear-gradient(180deg,#9FD07E,#7DBE5E);border-radius:50% 50% 0 0/36px 36px 0 0}
.chm{position:absolute;left:0;top:0;width:320px;height:220px;cursor:pointer;z-index:4}
.chm__obl{position:absolute;left:0;top:0;width:320px;height:220px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(60,100,150,.2));transition:opacity .4s,transform .5s;pointer-events:none}
.chm__owca{position:absolute;left:85px;top:40px;width:150px;height:150px;object-fit:contain;opacity:0;transform:scale(.4);transition:opacity .4s .3s,transform .5s .3s;pointer-events:none}
.chm__kartka{position:absolute;left:113px;top:68px;width:94px;height:118px;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 6px 12px rgba(46,26,53,.18);transition:opacity .3s;pointer-events:none}
.chm__kartka .mg-obr--pis{object-fit:cover;transform:scale(1.25)}
.chm--puf .chm__obl{opacity:0;transform:scale(1.4)}
.chm--puf .chm__kartka{opacity:0}
.chm--puf .chm__owca{opacity:1;transform:scale(1)}
.chm--owca{transition:transform 1s cubic-bezier(.4,0,.3,1);z-index:3;cursor:default}

/* ---------- E1. Bilet do kina ---------- */
.mini--e-bilet{background:#2A1530}
.bil__kino{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,214,120,.35) 0,transparent 60%),linear-gradient(180deg,#3A1A3E 0%,#24102A 100%)}
.bil__kurtyna{position:absolute;top:0;bottom:0;width:120px;background:repeating-linear-gradient(90deg,#9E1B32 0 22px,#7A1226 22px 40px);box-shadow:inset 0 -40px 40px rgba(0,0,0,.35)}
.bil__kurtyna--l{left:0;border-radius:0 0 60px 0}.bil__kurtyna--p{right:0;border-radius:0 0 0 60px}
.bil__lampki{position:absolute;left:120px;right:120px;top:0;height:20px;background:radial-gradient(circle,#FFE58A 0 5px,transparent 6px) 0 6px/46px 20px;filter:drop-shadow(0 0 6px #FFD54F)}
.bil{position:absolute;width:380px;height:590px;border-radius:24px;background:#FFF4DC;box-shadow:0 18px 40px rgba(0,0,0,.45),inset 0 0 0 8px #E3B04B;transition:transform .45s,opacity .45s}
.bil::before,.bil::after{content:"";position:absolute;top:438px;width:36px;height:36px;border-radius:50%;background:#2E1534}
.bil::before{left:-18px}.bil::after{right:-18px}
.bil--nowy{animation:bilWjazd .5s cubic-bezier(.3,1.4,.6,1)}
@keyframes bilWjazd{from{transform:translateY(60px) rotate(-4deg);opacity:0}}
.bil--odchodzi{transform:translateY(-40px) rotate(6deg) scale(.9);opacity:0}
.bil__napis{position:absolute;left:0;right:0;top:22px;text-align:center;font:800 32px "Bricolage Grotesque",sans-serif;color:#9E1B32;letter-spacing:.12em}
.bil__okno{position:absolute;left:40px;top:80px;width:300px;height:330px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 4px #E8D3A4}
.bil__pod{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.bil__pod .mg-obr{width:240px;height:230px}
.bil__pod .mg-lit{font-size:150px}
.bil__pod i{font:800 26px "Bricolage Grotesque",sans-serif;font-style:normal}
.bil canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;transition:opacity .5s}
.bil__farba--zeszla{opacity:0;pointer-events:none}
.bil__odcinek{position:absolute;left:0;right:0;top:456px;bottom:0;border-top:4px dashed #E3B04B;display:flex;align-items:center;justify-content:center;gap:40px;opacity:.35;transition:opacity .3s}
.bil--odkryty .bil__odcinek{opacity:1}
.bil__btn{width:104px;height:104px;border-radius:50%;border:0;color:#fff;font:800 56px/1 sans-serif;display:flex;align-items:center;justify-content:center;pointer-events:none}
.bil--odkryty .bil__btn{pointer-events:auto}
.bil__btn--tak{background:#2F9E57;box-shadow:0 8px 0 #1E6E3B}
.bil__btn--nie{background:#E05252;box-shadow:0 8px 0 #9E2F2F}
.bil__btn:active{transform:translateY(4px)}
.bil__stempel{position:absolute;left:64px;top:478px;padding:4px 22px;border:7px solid #2F9E57;border-radius:16px;color:#2F9E57;background:#FFF4DC;font:900 52px "Bricolage Grotesque",sans-serif;transform:rotate(-14deg) scale(1.6);opacity:0;transition:transform .35s cubic-bezier(.3,1.5,.6,1),opacity .2s;pointer-events:none}
.bil--dobrze .bil__stempel{opacity:1;transform:rotate(-8deg) scale(1)}
.bil--dobrze .bil__btn{opacity:0;transition:opacity .2s}

/* ---------- E2. Popcorn ---------- */
.mini--e-popcorn{background:#1E1030;cursor:none}
.pop__kino{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(120,170,255,.25) 0,transparent 55%),linear-gradient(180deg,#2A1640 0%,#170B24 100%)}
.pop__ekran{position:absolute;left:330px;right:330px;top:150px;height:250px;border-radius:14px;background:linear-gradient(180deg,#DDEBFF 0%,#A9C6F2 100%);box-shadow:0 0 60px 10px rgba(150,190,255,.35),inset 0 0 0 10px #3A2550;display:flex;align-items:center;justify-content:center}
.pop__ekran span{font:800 34px "Bricolage Grotesque",sans-serif;color:#3A2550;letter-spacing:.1em;opacity:.7}
.pop__fotele{position:absolute;left:0;right:0;bottom:0;height:90px;background:radial-gradient(ellipse at 50% 0,#8E1D33 0 44px,transparent 45px) 0 0/120px 90px;opacity:.9}
.pop__kubelek{position:absolute;left:0;top:560px;width:240px;height:200px;z-index:6;pointer-events:none}
.pop__paski{position:absolute;left:0;top:-44px;width:240px;height:244px;object-fit:contain;filter:drop-shadow(0 10px 8px rgba(0,0,0,.4))}
.pop__kubelek--hop{animation:grzHop .3s ease}
.pop__kulka{position:absolute;left:0;top:0;width:120px;height:120px;z-index:5;pointer-events:none;background:url(img/zb-popcorn.webp) center/contain no-repeat;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}
.pop__kulka span{position:absolute;left:28px;top:24px;width:64px;height:64px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #F2C94C;display:flex;align-items:center;justify-content:center}
.pop__kulka span .mg-lit{font-size:46px;padding-bottom:5px}
.pop__ster{transition:opacity .6s}.pop__ster--schowaj{opacity:0}
.pop__kulka--zla{opacity:.75}
.pop__kulka--nowa{animation:popPojaw .35s ease-out}
@keyframes popPojaw{from{opacity:0}to{opacity:1}}
.pop__ster{position:absolute;right:28px;bottom:20px;z-index:8;display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.9);font:700 21px "Atkinson Hyperlegible",sans-serif;color:#2E1A35;pointer-events:none}
.pop__ster svg{width:34px;height:34px}
.pop__klaw{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:10px;background:#fff;border:3px solid #2E1A35;box-shadow:0 4px 0 #2E1A35;font:800 24px sans-serif}

/* ---------- E3. Pilot do telewizora ---------- */
.mini--e-pilot{background:#F3E1C7}
.pil__sciana{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#F6E6CF 0 60px,#F1DDC2 60px 120px)}
.pil__podloga{position:absolute;left:0;right:0;bottom:0;height:150px;background:repeating-linear-gradient(90deg,#C9955F 0 160px,#BD8A55 160px 164px);border-top:12px solid #A8743F}
.pil__szafka{position:absolute;left:200px;width:720px;top:600px;height:70px;border-radius:12px;background:linear-gradient(180deg,#8A5A2B,#6E4520);box-shadow:0 10px 0 #5A3818}
.pil__tv{position:absolute;left:180px;top:140px;width:760px;height:470px;border-radius:34px;background:linear-gradient(180deg,#3B3F4A,#24272E);box-shadow:0 20px 40px rgba(0,0,0,.3),inset 0 0 0 6px #4A4F5C;padding:26px}
.pil__noga{position:absolute;left:340px;bottom:-26px;width:80px;height:30px;background:#24272E;border-radius:0 0 10px 10px}
.pil__ekran{position:relative;width:100%;height:100%;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#FFFDF5 0%,#E9F2FF 100%)}
.pil__obraz{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.pil__obraz .mg-obr{width:330px;height:300px}
.pil__sluchaj{display:flex;align-items:center;gap:8px;padding:6px 18px;border:0;border-radius:999px;background:#FDE9F1;color:var(--malina);font:800 26px "Bricolage Grotesque",sans-serif}
.pil__sluchaj span{color:#2E1A35}
.pil__kanal{position:absolute;right:20px;top:14px;padding:2px 12px;border-radius:10px;background:rgba(0,0,0,.45);color:#7CFF9A;font:800 26px monospace}
.pil__szum{position:absolute;inset:0;opacity:0;background:repeating-linear-gradient(0deg,#ddd 0 2px,#555 2px 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.3) 0 3px,transparent 3px 6px);pointer-events:none}
.pil__tv--szum .pil__szum{opacity:1;animation:pilSzum .12s steps(2) infinite}
@keyframes pilSzum{50%{background-position:0 3px,4px 0}}
.pil__tv--koniec .pil__ekran{box-shadow:inset 0 0 0 10px #7FD36B}
.pil__pilot{position:absolute;left:1080px;top:150px;width:240px;height:540px;border-radius:60px;background:linear-gradient(90deg,#2E3138,#454A55 50%,#2E3138);box-shadow:0 20px 30px rgba(0,0,0,.3);transform:rotate(-6deg);display:flex;flex-direction:column;align-items:center;padding-top:40px;gap:30px}
.pil__dioda{width:22px;height:22px;border-radius:50%;background:#7A1E1E}
.pil__dioda--miga{animation:pilDioda .3s ease}
@keyframes pilDioda{50%{background:#FF4B4B;box-shadow:0 0 12px 4px rgba(255,75,75,.7)}}
.pil__btn{width:150px;height:150px;border-radius:50%;border:0;color:#fff;font:800 76px/1 sans-serif;display:flex;align-items:center;justify-content:center;transition:transform .1s}
.pil__btn:active{transform:translateY(5px)}
.pil__btn--tak{background:#2F9E57;box-shadow:0 9px 0 #1E6E3B}
.pil__btn--nie{background:#E05252;box-shadow:0 9px 0 #9E2F2F}
.pil__guziki{width:140px;height:70px;background:radial-gradient(circle,#6B7180 0 12px,transparent 13px) 0 0/35px 35px;opacity:.8}

/* ---------- E4. Rękawiczki eskimosa ---------- */
.mini--e-eskimos{background:#DDEFFF}
.esk__niebo{position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,#FFFFFF 0 40px,rgba(255,255,255,0) 120px),linear-gradient(180deg,#BFDDF7 0%,#E8F4FF 70%)}
.esk__snieg{position:absolute;inset:0;background:radial-gradient(circle,#fff 0 3px,transparent 4px) 0 0/70px 70px,radial-gradient(circle,rgba(255,255,255,.8) 0 2px,transparent 3px) 35px 20px/90px 90px;animation:eskPada 9s linear infinite;pointer-events:none}
@keyframes eskPada{from{background-position:0 0,35px 20px}to{background-position:-40px 700px,0 720px}}
.esk__zaspa{position:absolute;left:-40px;right:-40px;bottom:-30px;height:240px;border-radius:50% 50% 0 0/80px 80px 0 0;background:linear-gradient(180deg,#FFFFFF,#E3F0FB);box-shadow:inset 0 10px 20px rgba(140,180,220,.25)}
.esk__balwan{position:absolute;width:180px;height:230px;object-fit:contain;object-position:50% 100%;pointer-events:none}
.esk__rek{position:absolute;width:300px;height:330px}
.esk__rek img{width:300px;height:280px;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(60,90,130,.3))}
.esk__rek b{position:absolute;left:96px;top:186px;width:108px;height:108px;border-radius:50%;background:#fff;border:5px solid #7FB3E0;display:flex;align-items:center;justify-content:center;font:700 74px/1 "Andika",sans-serif;padding-bottom:6px;box-shadow:0 5px 0 rgba(60,90,130,.2);transition:background .3s}
.esk__rek--para b{background:#E8F7FF;border-color:#2F7A45}
.esk__platek{position:absolute;width:150px;height:150px;z-index:6;cursor:grab;animation:eskPlatek 3s ease-in-out infinite;animation-delay:var(--opoz)}
.esk__platek img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(60,100,160,.35));pointer-events:none}
.esk__platek b{position:absolute;left:43px;top:43px;width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font:700 46px/1 "Andika",sans-serif;padding-bottom:5px;box-shadow:0 0 0 4px #CFE6FA;pointer-events:none}
@keyframes eskPlatek{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-10px)}}
.esk__platek.mg-ciagnie{animation:none}
.esk__platek--na-miejscu{animation:none;transform:scale(.82);transition:left .3s ease,top .3s ease,transform .3s;cursor:default;z-index:4}

/* ---------- E5. Bajka o kosmosie ---------- */
.mini--e-kosmos{background:#141235}
.kos__niebo{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(120,90,200,.45) 0,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(60,120,200,.35) 0,transparent 45%),linear-gradient(180deg,#1A1846 0%,#0E0C2A 100%)}
.kos__pyl{position:absolute;inset:0;background:radial-gradient(circle,#fff 0 1.5px,transparent 2.5px) 0 0/63px 57px,radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 2px) 31px 22px/91px 83px;animation:ploMruga 3s ease-in-out infinite alternate;pointer-events:none}
.kos__ksiezyc{position:absolute;width:200px;height:200px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(255,230,160,.5));pointer-events:none}
.kos__spada{position:absolute;width:160px;height:160px;object-fit:contain;opacity:.8;pointer-events:none}
.kos__gw{position:absolute;left:0;top:0;width:160px;height:160px;cursor:pointer;z-index:4}
.kos__gw img{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(255,214,90,.75));pointer-events:none}
.kos__gw span{position:absolute;left:48px;top:52px;width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none}
.kos__gw span .mg-lit{font-size:46px;padding-bottom:5px}
.kos__gw--leci{transition:transform .8s cubic-bezier(.4,-.3,.5,1);z-index:9}
.kos__sloik{position:absolute;right:30px;bottom:20px;width:250px;height:300px;z-index:3}
.kos__sloik img{position:absolute;inset:0;width:250px;height:300px;object-fit:contain;z-index:1;opacity:.9}
.kos__w-sloiku{position:absolute;left:62px;right:62px;bottom:52px;height:150px;z-index:2}   /* gwiazdki w słoiku: nad szkłem, żeby świeciły */
.kos__mala{position:absolute;width:40px;height:40px;background:url(img/zb-gwiazdka-zolta.webp) center/contain no-repeat;filter:drop-shadow(0 0 8px rgba(255,214,90,.9));animation:mgSlot .4s ease}
.kos__sloik--swieci{filter:drop-shadow(0 0 24px rgba(255,214,90,.55))}

/* ---------- E6. Bajka o rybkach ---------- */
.mini--e-rybki{background:#1E7FB8}
.ryb__woda{position:absolute;inset:0;background:linear-gradient(180deg,#5EC2EC 0%,#2A92C9 45%,#16679A 100%)}
.ryb__promienie{position:absolute;inset:0;background:repeating-linear-gradient(100deg,rgba(255,255,255,.10) 0 40px,transparent 40px 140px);-webkit-mask:linear-gradient(180deg,#000,transparent 70%);mask:linear-gradient(180deg,#000,transparent 70%);animation:rybPromienie 8s ease-in-out infinite alternate}
@keyframes rybPromienie{to{transform:translateX(-60px)}}
.ryb__babelki{position:absolute;inset:0;background:radial-gradient(circle,transparent 0 5px,rgba(255,255,255,.6) 6px 8px,transparent 9px) 0 0/230px 270px,radial-gradient(circle,transparent 0 3px,rgba(255,255,255,.5) 4px 5px,transparent 6px) 90px 130px/170px 310px,radial-gradient(circle,transparent 0 8px,rgba(255,255,255,.35) 9px 11px,transparent 12px) 150px 40px/330px 390px;animation:rybBabelki 9s linear infinite;pointer-events:none}   /* bąbelki-kółka w trzech rozmiarach*/
@keyframes rybBabelki{to{background-position:0 -810px,90px -800px,150px -740px}}
.ryb__dno{position:absolute;left:-40px;right:-40px;bottom:-20px;height:140px;border-radius:50% 50% 0 0/50px 50px 0 0;background:linear-gradient(180deg,#F2D9A2,#D9B877)}
.ryb__wodorost{position:absolute;width:26px;height:220px;border-radius:50% 50% 0 0;background:linear-gradient(90deg,#2E8B57,#3FAF6B);transform-origin:50% 100%;animation:rybWodorost 3s ease-in-out infinite alternate;opacity:.85}
@keyframes rybWodorost{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}
.ryb__ozdoba{position:absolute;object-fit:contain;pointer-events:none}
.ryb{position:absolute;left:0;top:0;width:230px;height:170px;cursor:pointer;z-index:4}
.ryb img{width:230px;height:170px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,40,80,.3));pointer-events:none}
.ryb--prawo img{transform:scaleX(-1)}
.ryb span{position:absolute;left:66px;top:36px;width:96px;height:96px;border-radius:50%;background:#fff;border:4px solid #FFD27A;display:flex;align-items:center;justify-content:center;pointer-events:none}
.ryb span .mg-obr{width:80px;height:80px}
.ryb span .mg-lit{font-size:58px;padding-bottom:6px}
.ryb--zlapana{transition:transform 1.1s cubic-bezier(.4,0,.3,1),opacity 1.1s;opacity:0}

/* ---------- E7. Obrazek z pikseli ---------- */
.mini--e-piksele{background:#F3E1C7}
.pik__tv{position:absolute;left:316px;top:130px;width:920px;height:600px;border-radius:40px;background:linear-gradient(180deg,#3B3F4A,#24272E);box-shadow:0 20px 40px rgba(0,0,0,.3),inset 0 0 0 6px #4A4F5C;padding:30px;transition:box-shadow .4s}
.pik__tv--gotowe{box-shadow:0 0 0 10px #7FD36B,0 20px 40px rgba(0,0,0,.3)}
.pik__ekran{position:relative;width:860px;height:540px;border-radius:18px;overflow:hidden;background:#fff}
.pik__obraz{position:absolute;inset:20px;width:820px;height:500px;object-fit:contain}
.pik__siatka{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr)}
.pik__kafel{display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.55);cursor:pointer;transition:transform .35s ease,opacity .35s ease}
.pik__kafel .mg-lit{font-size:64px;color:#2E1A35;padding-bottom:6px}
.pik__obraz{transition:height .4s ease}
.pik__ekran--podpis .pik__obraz{height:398px}
.pik__podpis{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:4px 30px 10px;border-radius:999px;background:rgba(255,255,255,.95);box-shadow:0 6px 16px rgba(46,26,53,.18);font:700 60px/1.1 "Andika",sans-serif;color:#2E1A35;animation:wysKarta .4s ease}
.pik__podpis b{color:var(--malina)}
.pik__kafel--zdjety{transform:scale(0) rotate(30deg);opacity:0;pointer-events:none}

/* ---------- E8. Taśma filmowa ---------- */
.mini--e-tasma{background:#1B1426}
.tas__kino{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(255,220,140,.18) 0,transparent 60%),linear-gradient(180deg,#241A33,#140E1C)}
.tas__szpula{position:absolute;bottom:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#2A2333 0 18px,#6B6F7A 19px 26px,transparent 27px),repeating-conic-gradient(#4A4E58 0 30deg,#3A3D46 30deg 60deg);box-shadow:0 0 0 12px #2E3038;opacity:.85}
.tas__szpula--l{left:40px}.tas__szpula--p{right:40px}
.tas__tasma{position:absolute;left:0;width:2300px;height:280px;background:#141017;border-top:28px solid #141017;border-bottom:28px solid #141017;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.tas__tasma::before,.tas__tasma::after{content:"";position:absolute;left:0;right:0;height:16px;background:radial-gradient(circle,transparent 0,transparent 0) ,repeating-linear-gradient(90deg,transparent 0 14px,#E8E2D6 14px 30px,transparent 30px 46px);border-radius:3px}
.tas__tasma::before{top:-22px}.tas__tasma::after{bottom:-22px}
.tas__klatka{position:absolute;top:6px;width:170px;height:212px;border-radius:10px;background:#FFFDF6;overflow:hidden;cursor:pointer;box-shadow:inset 0 0 0 4px #3A3140;transition:background .3s,box-shadow .3s}
.tas__klatka .mg-obr--pis{object-fit:contain;transform:none}   /* cała litera z liniaturą — bez przycinania kropek i ogonków */
.tas__klatka--zlota{background:#FFE9A3;box-shadow:inset 0 0 0 6px #FFC93C,0 0 30px 6px rgba(255,201,60,.55)}

/* ---------- I1. Indyk i kurki ---------- */
.mini--i-jajka{background:#C99A68}
.kur__sciana{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#B8834F 0 118px,#A9763F 118px 122px),linear-gradient(180deg,#C99A68,#A9763F)}
.kur__okienko{position:absolute;left:1220px;top:160px;width:180px;height:140px;border-radius:12px;background:linear-gradient(180deg,#BFE3FF,#E8F5FF);box-shadow:inset 0 0 0 10px #7A4A22;opacity:.9}
.kur__grzeda{position:absolute;left:160px;right:260px;top:300px;height:22px;border-radius:11px;background:#7A4A22;box-shadow:0 6px 0 rgba(0,0,0,.2)}
.kur__siano{position:absolute;left:0;right:0;bottom:0;height:170px;background:repeating-linear-gradient(100deg,#F2D27A 0 6px,#E8C25F 6px 10px,#F7DE95 10px 15px);border-top:6px solid #D9B24A;border-radius:40px 40px 0 0}
.kur__kura{position:absolute;width:190px;height:170px;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 6px 6px rgba(0,0,0,.25));transform-origin:50% 100%}
.kur__kura--indyk{width:230px;height:190px;margin-top:-20px}
.kur__kura--znosi{animation:kurZnosi .5s ease}
@keyframes kurZnosi{30%{transform:scaleY(.85) translateY(6px)}60%{transform:scaleY(1.05)}}
.kur__kosz{position:absolute;right:30px;bottom:40px;width:250px;height:210px;object-fit:contain;z-index:3}
.kur__jajo{position:absolute;left:0;top:0;width:180px;height:220px;cursor:pointer;z-index:4}
.kur__jajo img{width:180px;height:220px;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(0,0,0,.25));pointer-events:none}
.kur__jajo span{position:absolute;left:52px;top:84px;width:76px;height:76px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #F0C64B;pointer-events:none}
.kur__jajo span .mg-obr{width:62px;height:62px}
.kur__jajo span .mg-lit{font-size:48px;padding-bottom:5px}
.kur__jajo--lezy{filter:saturate(.8)}
.kur__jajo--leci{transition:transform .7s cubic-bezier(.4,-.3,.5,1);z-index:9}

/* ---------- I2. Ziarenka dla indyka ---------- */
.mini--i-ziarenka{background:#D9B98A}
.zia__niebo{position:absolute;left:0;right:0;top:0;height:250px;background:linear-gradient(180deg,#CFE8FF,#EAF5FF)}
.zia__plot{position:absolute;left:0;right:0;top:170px;height:100px;background:linear-gradient(180deg,transparent 22px,#C99A68 22px 36px,transparent 36px 64px,#C99A68 64px 78px,transparent 78px),repeating-linear-gradient(90deg,#D8AE7C 0 26px,transparent 26px 70px)}
.zia__ziemia{position:absolute;left:0;right:0;top:250px;bottom:0;background:radial-gradient(ellipse 18px 6px at 50% 50%,rgba(120,170,80,.55) 0 99%,transparent) 0 0/230px 170px,radial-gradient(ellipse 14px 5px at 50% 50%,rgba(110,160,70,.45) 0 99%,transparent) 97px 61px/310px 230px,radial-gradient(circle,rgba(140,100,60,.18) 0 3px,transparent 4px) 0 0/34px 34px,linear-gradient(180deg,#E3C595,#D2AE77)}   /* drobne kępki trawy zamiast dużych plam */
.zia__indyk{position:absolute;width:230px;height:230px;object-fit:contain;z-index:6;transition:left .8s ease-in-out,top .8s ease-in-out;filter:drop-shadow(0 10px 8px rgba(60,40,10,.3));pointer-events:none}
.zia__indyk--lewo{transform:scaleX(-1)}
.zia__indyk--idzie{animation:ziaIdzie .2s ease-in-out infinite alternate}
@keyframes ziaIdzie{to{margin-top:-8px}}
.zia__indyk--dziobie{animation:ziaDziob .23s ease-in-out 3}
@keyframes ziaDziob{50%{margin-top:22px;rotate:12deg}}
.zia__kupka{position:absolute;width:150px;height:130px;cursor:pointer;z-index:3;transition:opacity .4s,transform .4s}
.zia__ziarna{position:absolute;left:10px;top:60px;width:130px;height:62px;border-radius:50% 50% 45% 45%/70% 70% 30% 30%;background:radial-gradient(ellipse 3px 2px,#FFE79A 0 99%,transparent) 0 0/9px 7px,radial-gradient(ellipse 3px 2px,#D9A532 0 99%,transparent) 4px 3px/11px 8px,#EFC75A;box-shadow:0 8px 0 rgba(120,80,20,.25)}
.zia__lit{position:absolute;left:40px;top:0;width:70px;height:70px;border-radius:50%;background:#fff;border:4px solid #C99A68;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 0 rgba(0,0,0,.15)}
.zia__lit .mg-lit{font-size:50px;padding-bottom:5px}
.zia__kupka--wybrana .zia__lit{border-color:#2F7A45;background:#E3F6D8}
.zia__kupka--zjedzona{opacity:0;transform:scale(.6);pointer-events:none}

/* ---------- I3. Igła w stogu siana ---------- */
.mini--i-igla{background:#CFE8FF}
.igl__niebo{position:absolute;inset:0;background:linear-gradient(180deg,#BFE1FF 0%,#EAF5FF 45%)}
.igl__laka{position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(180deg,#9FD07E,#7DBE5E)}
.igl__wnetrze{position:absolute;left:100px;top:190px;width:1350px;height:574px;border-radius:50% 50% 0 0/62% 62% 0 0;background:radial-gradient(circle,rgba(200,150,50,.18) 0 2px,transparent 3px) 0 0/18px 18px,linear-gradient(180deg,#FFF3C8,#FBE6A6)}
.igl__rzecz{position:absolute;width:140px;height:140px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}
.igl__rzecz .mg-obr{width:130px;height:130px}
.igl__rzecz .mg-lit{font-size:100px}
.igl__rzecz--znaleziona{animation:mgSlot .5s ease;filter:drop-shadow(0 0 16px #FFE58A);z-index:3}
.igl__siano{position:absolute;left:100px;top:190px;width:1350px;height:574px;border-radius:50% 50% 0 0/62% 62% 0 0;z-index:2;pointer-events:none;
  background:repeating-linear-gradient(72deg,transparent 0 9px,rgba(140,95,20,.35) 9px 11px,transparent 11px 22px),repeating-linear-gradient(-60deg,transparent 0 13px,rgba(255,240,170,.6) 13px 15px,transparent 15px 26px),linear-gradient(180deg,#F5D57A,#E5B94E);box-shadow:inset 0 -30px 40px rgba(150,100,20,.25);
  -webkit-mask:radial-gradient(circle 118px at calc(var(--mx) - 100px) calc(var(--my) - 190px),transparent 0 95%,#000 100%);mask:radial-gradient(circle 118px at calc(var(--mx) - 100px) calc(var(--my) - 190px),transparent 0 95%,#000 100%)}
.igl__lupa{position:absolute;width:420px;height:420px;object-fit:contain;z-index:8;pointer-events:none;filter:drop-shadow(0 10px 10px rgba(0,0,0,.25));-webkit-mask:radial-gradient(circle 104px at 283px 132px,rgba(0,0,0,.12) 0 97%,#000 100%);mask:radial-gradient(circle 104px at 283px 132px,rgba(0,0,0,.12) 0 97%,#000 100%)}   /* szkło przezroczyste: widać odsłonięte siano */

/* ---------- I4. Kurczaczki do mamy ---------- */
.mini--i-kurczaczki{background:#D9B98A}
.kcz__mama{position:absolute;width:260px;height:290px;z-index:3}
.kcz__gniazdo{position:absolute;left:10px;top:180px;width:240px;height:90px;border-radius:50%;background:repeating-linear-gradient(100deg,#C9A060 0 6px,#A87E42 6px 10px,#D9B475 10px 15px);box-shadow:0 8px 0 rgba(90,60,20,.3)}
.kcz__mama img{position:absolute;left:20px;top:0;width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 8px 6px rgba(60,40,10,.25))}
.kcz__mama b{position:absolute;left:84px;top:150px;width:96px;height:96px;border-radius:50%;background:#fff;border:5px solid #E8A33D;display:flex;align-items:center;justify-content:center;font:700 68px/1 "Andika",sans-serif;padding-bottom:6px;box-shadow:0 5px 0 rgba(0,0,0,.15);transition:background .3s}
.kcz__mama--szczesliwa{animation:owcHop .6s ease}
.kcz__mama--szczesliwa b{background:#FFF1C2;border-color:#2F7A45}
.kcz__piskle{position:absolute;width:180px;height:180px;z-index:6;cursor:grab;animation:jagBryka 2.2s ease-in-out infinite;animation-delay:var(--opoz)}
.kcz__piskle img{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 6px 5px rgba(60,40,10,.25));pointer-events:none}
.kcz__piskle b{position:absolute;left:64px;top:118px;width:52px;height:52px;border-radius:50%;background:#fff;border:3px solid #F2C94C;display:flex;align-items:center;justify-content:center;font:700 36px/1 "Andika",sans-serif;padding-bottom:4px;pointer-events:none}
.kcz__piskle.mg-ciagnie{animation:none}
.kcz__piskle--u-mamy{animation:none;transform:scale(.9);transition:left .3s ease,top .3s ease;z-index:4;cursor:default}

/* ---------- I5. Pranie na sznurku ---------- */
.mini--i-pranie{background:#D9B98A}
.pra__slup{position:absolute;top:190px;width:22px;height:360px;border-radius:8px;background:linear-gradient(90deg,#8A5A2B,#A8743F);box-shadow:4px 0 0 rgba(0,0,0,.15)}
.pra__slup--l{left:110px}.pra__slup--p{right:110px}
.pra__sznur{position:absolute;left:120px;right:120px;top:206px;height:60px;border-top:5px solid #F4EEE2;border-radius:0 0 50% 50%/0 0 30px 30px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.15))}
.pra__miska{position:absolute;left:250px;top:540px;width:1060px;height:230px;border-radius:30px 30px 160px 160px/30px 30px 90px 90px;background:linear-gradient(180deg,#5FB8E8,#3C93C9);box-shadow:inset 0 14px 0 rgba(255,255,255,.3),0 10px 0 rgba(0,0,0,.15)}
.pra__skarpeta{position:absolute;width:160px;height:170px;cursor:grab;transform:rotate(var(--rot));transform-origin:50% 0}
.pra__skarpeta img{width:160px;height:160px;object-fit:contain;pointer-events:none}
.pra__skarpeta span{position:absolute;left:78px;top:14px;width:58px;height:58px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 rgba(0,0,0,.18);pointer-events:none}
.pra__skarpeta span .mg-lit{font-size:42px;padding-bottom:4px}
.pra__skarpeta.mg-ciagnie{transform:rotate(0) scale(1.08)}
.pra__skarpeta--wisi{transform:rotate(0);cursor:default;animation:praWiatr 2.6s ease-in-out infinite;animation-delay:var(--opoz);transition:left .3s,top .3s}
.pra__skarpeta--wisi::before{content:"";position:absolute;left:100px;top:-10px;width:16px;height:34px;border-radius:4px;background:#E8B04A;box-shadow:inset -4px 0 0 rgba(0,0,0,.15);z-index:2}
@keyframes praWiatr{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}

/* ---------- I6. Kałuże po deszczu ---------- */
.mini--i-kaluze{background:#C9B08A}
.mini--i-kaluze .zia__niebo{background:linear-gradient(180deg,#B9C7D6,#DCE6EF)}
.kal__chmury{position:absolute;left:0;right:0;top:0;height:200px;background:radial-gradient(ellipse 120px 40px at 20% 40%,#fff 0 99%,transparent),radial-gradient(ellipse 160px 46px at 70% 35%,#F4F7FA 0 99%,transparent);opacity:.9}
.kal__krople{position:absolute;inset:0;background:repeating-linear-gradient(105deg,transparent 0 60px,rgba(120,150,190,.18) 60px 62px,transparent 62px 130px);pointer-events:none;animation:kalDeszcz 1.2s linear infinite}
@keyframes kalDeszcz{to{background-position:-30px 130px}}
.kal{position:absolute;width:190px;height:130px;cursor:pointer;z-index:3;transition:opacity .3s}
.kal__woda{position:absolute;left:0;top:30px;width:190px;height:90px;border-radius:50% 46% 52% 48%/55% 50% 50% 45%;background:radial-gradient(ellipse at 40% 35%,#D4ECFA 0%,#93C6E6 45%,#6AA6CF 100%);box-shadow:inset 0 4px 0 rgba(255,255,255,.5),0 6px 0 rgba(90,60,20,.18)}
.kal span{position:absolute;left:50px;top:0;width:90px;height:90px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 0 rgba(0,0,0,.15);pointer-events:none}
.kal span .mg-obr{width:74px;height:74px}
.kal:not(.kal--teraz){opacity:.55}
.kal--teraz span{box-shadow:0 0 0 5px #FFE58A,0 4px 0 rgba(0,0,0,.15)}
.kal.kal--plusk{opacity:1}
.kal--plusk span{box-shadow:0 0 0 5px #7FD36B,0 4px 0 rgba(0,0,0,.15)}   /* kałuże, do których Literka skoczyła: widać przebytą drogę */
.kal--chlup .kal__woda{animation:kalChlup .5s ease}
@keyframes kalChlup{40%{transform:scale(1.15,.8)}}
.kal--plusk .kal__woda{animation:kalPlusk .6s ease}
@keyframes kalPlusk{30%{transform:scale(1.25,.7);box-shadow:0 0 0 14px rgba(150,200,240,.4)}}

/* ---------- I7. Malujemy płot ---------- */
.mini--i-plot{background:#D9B98A}
.plt__belka{position:absolute;left:60px;right:60px;height:26px;border-radius:6px;background:#B98A5A;box-shadow:0 5px 0 rgba(90,60,20,.3);z-index:1}
.plt__belka--g{top:330px}.plt__belka--d{top:560px}
.plt__deska{position:absolute;width:120px;height:470px;border-radius:60px 60px 10px 10px/50px 50px 10px 10px;background:repeating-linear-gradient(180deg,#EADBC4 0 40px,#E4D2B7 40px 42px),#EADBC4;box-shadow:inset -10px 0 0 rgba(0,0,0,.06),0 8px 0 rgba(90,60,20,.25);overflow:hidden;cursor:pointer;z-index:2}
.plt__farba{position:absolute;left:0;right:0;top:0;height:0;background:var(--kolor);transition:height .8s ease-in;box-shadow:inset -10px 0 0 rgba(0,0,0,.08)}
.plt__deska--maluje .plt__farba{height:100%}
.plt__deska span{position:absolute;left:18px;top:150px;width:84px;height:84px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 0 rgba(0,0,0,.12);z-index:2}
.plt__deska span .mg-lit{font-size:62px;padding-bottom:6px}
.plt__pedzel{position:absolute;width:110px;height:150px;z-index:8;pointer-events:none}
.plt__pedzel i{position:absolute;left:44px;top:0;width:22px;height:80px;border-radius:8px;background:#A8743F}
.plt__pedzel b{position:absolute;left:14px;top:76px;width:82px;height:60px;border-radius:6px 6px 20px 20px;background:linear-gradient(180deg,#9AA3AE 0 14px,var(--kolor) 14px)}
.plt__pedzel--jedzie{animation:pltPedzel .8s ease-in forwards}
@keyframes pltPedzel{from{transform:translateY(0)}to{transform:translateY(400px)}}

/* ---------- I8. Kaczki na stawie ---------- */
.mini--i-kaczki{background:#9FD07E}
.kac__niebo{position:absolute;left:0;right:0;top:0;height:230px;background:linear-gradient(180deg,#CFE8FF,#EAF5FF)}
.kac__trawa{position:absolute;left:0;right:0;top:220px;bottom:0;background:radial-gradient(circle at 20% 30%,#A8D98A 0 3px,transparent 4px) 0 0/40px 40px,linear-gradient(180deg,#9FD07E,#7DBE5E)}
.kac__staw{position:absolute;left:110px;top:270px;width:1180px;height:440px;border-radius:50%;background:radial-gradient(ellipse at 45% 40%,#8FD3F2 0%,#5DB4E0 55%,#3C93C9 100%);box-shadow:inset 0 0 0 14px rgba(120,90,50,.25),0 10px 0 rgba(0,0,0,.08);overflow:hidden}
.kac__staw i{position:absolute;left:10%;width:80%;height:40px;border-radius:50%;border-top:4px solid rgba(255,255,255,.35);animation:strFala 5s linear infinite}
.kac__staw i:first-child{top:120px}.kac__staw i:last-child{top:280px;animation-delay:-2.5s}
.kac__gniazdo{position:absolute;left:1280px;top:640px;width:250px;height:90px;border-radius:50%;background:repeating-linear-gradient(100deg,#C9A060 0 6px,#A87E42 6px 10px,#D9B475 10px 15px);box-shadow:0 8px 0 rgba(90,60,20,.3)}
.kac{position:absolute;left:0;top:0;width:210px;height:200px;cursor:pointer;z-index:4;transition:opacity .5s}
.kac>img{width:210px;height:170px;object-fit:contain;clip-path:inset(0 0 24% 0);filter:drop-shadow(0 4px 2px rgba(0,60,100,.2));pointer-events:none}   /* nogi pod wodą */
.kac--lewo>img{transform:scaleX(-1)}
.kac::after{content:"";position:absolute;left:30px;top:116px;width:160px;height:26px;border-radius:50%;border:4px solid rgba(255,255,255,.55);border-top-color:transparent;pointer-events:none}   /* zmarszczki wody wokół kaczki */
.kac__kartka{position:absolute;left:58px;top:-70px;width:94px;height:112px;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 6px 12px rgba(46,26,53,.2);pointer-events:none}
.kac__kartka .mg-obr--pis{width:100%;height:100%;object-fit:contain}
.kac--wyplywa{animation:kacWyplywa .5s ease}
@keyframes kacWyplywa{from{opacity:0}}
.kac--znika{opacity:0}
.kac--do-gniazda{transition:transform 1.1s cubic-bezier(.4,0,.3,1);z-index:6}
.kac--do-gniazda .kac__kartka{opacity:0;transition:opacity .4s .5s}

/* ---------- U1. Pszczółka i kwiatki ---------- */
.mini--u-kwiatki{background:#9FD07E}
.lak__niebo{position:absolute;left:0;right:0;top:0;height:260px;background:radial-gradient(circle at 80% 30%,#FFF3C4 0 50px,rgba(255,243,196,0) 130px),linear-gradient(180deg,#CFE8FF,#EAF5FF)}
.lak__laka{position:absolute;left:0;right:0;top:240px;bottom:0;background:radial-gradient(circle,#FFE58A 0 3px,transparent 4px) 0 0/173px 127px,radial-gradient(circle,#FFB3C8 0 3px,transparent 4px) 61px 70px/211px 149px,radial-gradient(circle,#fff 0 2px,transparent 3px) 120px 30px/251px 181px,linear-gradient(180deg,#9FD07E,#7DBE5E);border-radius:50% 50% 0 0/40px 40px 0 0}
.lak__ul{position:absolute;left:1180px;top:300px;width:330px;height:330px;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(60,40,10,.3));pointer-events:none}
.lak__pszczola{position:absolute;width:130px;height:130px;object-fit:contain;z-index:9;transition:left .9s ease-in-out,top .9s ease-in-out;animation:lakBzy .25s ease-in-out infinite alternate;pointer-events:none}
.lak__pszczola--lewo{transform:scaleX(-1)}
@keyframes lakBzy{to{margin-top:-6px}}
.lak__kwiat{position:absolute;width:180px;height:240px;cursor:pointer;z-index:3;transition:opacity .4s,transform .4s}
.lak__kwiat>img{position:absolute;left:0;top:30px;width:180px;height:210px;object-fit:contain;object-position:50% 100%;pointer-events:none}
.lak__kwiat span{position:absolute;left:44px;top:0;width:92px;height:92px;border-radius:50%;background:#fff;border:4px solid #FFC93C;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 0 rgba(0,0,0,.15);pointer-events:none}
.lak__kwiat span .mg-obr{width:74px;height:74px}
.lak__kwiat span .mg-lit{font-size:58px;padding-bottom:6px}
.lak__kwiat--zebrany{opacity:0;transform:scale(.7)}

/* ---------- U2. Pszczółki do ula ---------- */
.mini--u-do-ula{background:#9FD07E}
.dou__ul{left:1170px;top:340px}
.dou__kwiat{position:absolute;width:150px;height:150px;object-fit:contain;object-position:50% 100%;pointer-events:none;opacity:.95}
.dou{position:absolute;left:0;top:0;width:190px;height:190px;cursor:pointer;z-index:5}
.dou>img{width:190px;height:190px;object-fit:contain;filter:drop-shadow(0 8px 6px rgba(0,0,0,.2));animation:lakBzy .2s ease-in-out infinite alternate;pointer-events:none}
.dou--prawo>img{transform:scaleX(-1)}
.dou span{position:absolute;left:62px;top:78px;width:72px;height:72px;border-radius:50%;background:#fff;border:4px solid #FFC93C;box-sizing:border-box;display:flex;align-items:center;justify-content:center;pointer-events:none}
.dou span .mg-lit{font-size:50px;padding-bottom:5px}
.dou--fikolek>img{animation:douFikolek .5s ease}
@keyframes douFikolek{to{rotate:360deg}}
.dou--do-ula{transition:transform .9s cubic-bezier(.4,-.2,.5,1);z-index:9}

/* ---------- U3. Słoiki z miodem ---------- */
.mini--u-spizarnia{background:#E9D3B2}
.spi__sciana{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#EAD6B6 0 160px,#E2CCA8 160px 164px),linear-gradient(180deg,#EFDDBF,#DCC29B)}
.spi__polka{position:absolute;width:1060px;height:26px;border-radius:6px;background:linear-gradient(180deg,#A8743F,#8A5A2B);box-shadow:0 10px 12px rgba(60,40,10,.25)}
.spi__sloik{position:absolute;width:180px;height:200px;cursor:pointer;z-index:3}
.spi__sloik>img{position:absolute;inset:0;width:180px;height:200px;object-fit:contain;z-index:1;pointer-events:none}
.spi__miod{z-index:2 !important;box-shadow:inset 8px 0 0 rgba(255,255,255,.35);position:absolute;left:46px;right:46px;top:84px;bottom:18px;border-radius:10px 10px 26px 26px;background:linear-gradient(180deg,#FFC93C,#E8981E);opacity:.8;z-index:0}
.spi__etykieta{position:absolute;left:52px;top:96px;width:76px;height:70px;border-radius:12px;background:#FFF8E8;border:3px solid #C9A060;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}
.spi__etykieta .mg-obr{width:62px;height:60px}
.spi__sloik--leci{transition:transform .75s cubic-bezier(.4,-.3,.5,1);z-index:9}
.spi__kosz{position:absolute;right:30px;bottom:30px;width:300px;height:280px;z-index:4}
.spi__kosz>img{position:absolute;left:0;bottom:0;width:300px;height:250px;object-fit:contain;z-index:2}
.spi__w-koszu{position:absolute;left:50px;right:50px;bottom:120px;height:110px;display:flex;justify-content:center;align-items:flex-end;z-index:1}
.spi__maly{width:70px;height:80px;object-fit:contain;margin:0 -8px;animation:mgSlot .4s ease}

/* ---------- U4. Miodowe pary ---------- */
.mini--u-plaster{background:#FFE6A3}
.pla__tlo{position:absolute;inset:0;background:radial-gradient(circle at 15% 85%,rgba(255,201,60,.45) 0 160px,transparent 161px),radial-gradient(circle at 92% 20%,rgba(255,201,60,.35) 0 140px,transparent 141px),linear-gradient(180deg,#FFF3CF,#FFDF8A)}
.pla__pszczola{position:absolute;right:40px;top:520px;width:200px;height:200px;object-fit:contain;animation:lakBzy .25s ease-in-out infinite alternate;pointer-events:none}
.pla__komorka{position:absolute;width:184px;height:212px;border:0;padding:0;background:none;perspective:700px;cursor:pointer}
.pla__komorka span{position:absolute;inset:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;align-items:center;justify-content:center;backface-visibility:hidden;transition:transform .45s ease}
.pla__tyl{background:radial-gradient(circle at 40% 35%,#FFD873 0%,#F5B330 60%,#D98E12 100%);box-shadow:inset 0 0 0 10px rgba(180,110,10,.5)}
.pla__tyl::after{content:"";width:46%;height:40%;border-radius:50%;background:rgba(255,255,255,.28);transform:translate(-18%,-30%)}
.pla__przod{background:#FFF8E4;font:700 92px/1 "Andika",sans-serif;color:#2E1A35;padding-bottom:10px;transform:rotateY(180deg)}
.pla__komorka--odkryta .pla__tyl{transform:rotateY(180deg)}
.pla__komorka--odkryta .pla__przod{transform:rotateY(0)}
.pla__komorka--para .pla__przod{background:linear-gradient(180deg,#FFE58A,#FFC93C);color:#7A3E00}
.pla__komorka--para{animation:owcHop .5s ease;cursor:default}

/* ---------- U5. Bańki w umywalce ---------- */
.mini--u-banki{background:#DDF0F7}
.ban__lazienka{position:absolute;inset:0;background:linear-gradient(180deg,#E6F5FB,#CDE8F2)}
.ban__kafle{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.7) 2px,transparent 2px) 0 0/90px 90px,linear-gradient(180deg,rgba(255,255,255,.7) 2px,transparent 2px) 0 0/90px 90px;opacity:.8}
.ban__umywalka{position:absolute;left:526px;top:430px;width:500px;height:340px;object-fit:contain;object-position:50% 0;pointer-events:none;z-index:2}
.ban__piana{position:absolute;left:640px;top:494px;width:290px;height:64px;z-index:3;background:radial-gradient(circle at 8% 60%,#fff 0 18px,transparent 19px),radial-gradient(circle at 22% 45%,#fff 0 24px,transparent 25px),radial-gradient(circle at 37% 60%,#fff 0 22px,transparent 23px),radial-gradient(circle at 52% 40%,#fff 0 27px,transparent 28px),radial-gradient(circle at 67% 60%,#fff 0 22px,transparent 23px),radial-gradient(circle at 81% 45%,#fff 0 24px,transparent 25px),radial-gradient(circle at 93% 62%,#fff 0 16px,transparent 17px),radial-gradient(ellipse at 50% 80%,#fff 0 60%,transparent 61%);filter:drop-shadow(0 2px 3px rgba(80,140,180,.35))}
.ban{position:absolute;left:0;top:0;border-radius:50%;cursor:pointer;z-index:4;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.95) 0 9%,rgba(255,255,255,0) 10%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0 60%,rgba(170,220,255,.5) 75%,rgba(255,170,230,.55) 88%,rgba(255,255,255,.8) 100%);box-shadow:inset 0 0 18px rgba(140,200,255,.5)}
.ban span{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;pointer-events:none}
.ban span .mg-lit{font-size:46px;padding-bottom:5px}
.ban--pek{transition:transform .35s ease-out,opacity .35s;opacity:0;transform:scale(1.5) !important}

/* ---------- U6. Miś łasuch ---------- */
.mini--u-mis{background:#F6E6D2}
.mis__pokoj{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#F8EBDA 0 70px,#F3E2CC 70px 140px)}
.mis__stol{position:absolute;left:0;right:0;top:530px;bottom:0;background:linear-gradient(180deg,#C98D55,#A86E3C);border-top:14px solid #B98049}
.mis__mis{position:absolute;left:470px;top:110px;width:420px;height:420px;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(60,40,10,.25));transform-origin:50% 90%}
.mis__mis--je{animation:misJe .6s ease}
@keyframes misJe{30%{transform:scale(1.06,.94)}60%{transform:scale(.97,1.04)}}
.mis__garnek{position:absolute;left:1180px;top:250px;width:200px;height:230px;border-radius:30px 30px 70px 70px;background:#F7E7C6;border:8px solid #C98D55;overflow:hidden;box-shadow:0 10px 0 rgba(60,40,10,.2)}
.mis__garnek i{position:absolute;left:0;right:0;bottom:0;height:var(--miod,0%);background:linear-gradient(180deg,#FFC93C,#E8981E);transition:height .6s ease}
.mis__garnek b{position:absolute;left:0;right:0;top:80px;text-align:center;font:800 34px "Bricolage Grotesque",sans-serif;color:#8A4B12;z-index:1}
.mis__talerz{position:absolute;width:170px;height:150px;border-radius:50%;background:radial-gradient(ellipse,#fff 0 58%,#E9E2D6 60% 100%);box-shadow:0 8px 0 rgba(60,40,10,.2);display:flex;align-items:center;justify-content:center;cursor:grab;z-index:5}
.mis__talerz .mg-obr{width:120px;height:110px}
.mis__talerz--zjedzony{transform:scale(.3);opacity:0;transition:transform .4s,opacity .4s}

/* ---------- U7. Labirynt w plastrze ---------- */
.mini--u-labirynt{background:#FFE6A3}
.lab__kom{position:absolute;width:136px;height:136px;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);background:radial-gradient(circle at 40% 35%,#FFE9A8 0%,#F7C64F 70%,#E2A52A 100%);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s}
.lab__kom .mg-lit{font-size:64px;padding-bottom:6px;color:#5A3200}
.lab__kom--droga{background:radial-gradient(circle at 40% 30%,#FFD36B 0%,#F0A21E 55%,#C9770A 100%)}   /* komórka z drogi pszczółki wypełniona miodem (cień z clip-path się nie rysował) */
.lab__kom--droga .mg-lit{color:#fff;text-shadow:0 2px 0 rgba(120,60,0,.45)}
.lab__pszczola{position:absolute;width:150px;height:150px;object-fit:contain;z-index:8;transition:left .45s ease,top .45s ease;animation:lakBzy .25s ease-in-out infinite alternate;pointer-events:none}
.lab__sloik{position:absolute;width:160px;height:180px}
.lab__sloik img{position:absolute;inset:0;width:160px;height:180px;object-fit:contain;z-index:1}
.lab__sloik i{position:absolute;left:40px;right:40px;bottom:16px;height:20%;border-radius:8px 8px 22px 22px;background:linear-gradient(180deg,#FFC93C,#E8981E);z-index:2;transition:height .8s}
.lab__sloik--pelny i{height:58%}

/* ---------- U8. Kropelki miodu ---------- */
.mini--u-krople{background:#FFE6A3;cursor:none}
.kro__plaster{position:absolute;left:0;right:0;top:0;height:130px;background:radial-gradient(circle,transparent 0 26px,#E2A52A 27px 32px,transparent 33px) 0 0/66px 58px,radial-gradient(circle,transparent 0 26px,#E2A52A 27px 32px,transparent 33px) 33px 29px/66px 58px,linear-gradient(180deg,#F7C64F,#FFD873);box-shadow:0 8px 0 rgba(200,130,20,.35)}
.kro__sloik{position:absolute;left:0;top:520px;width:220px;height:240px;z-index:6;pointer-events:none}
.kro__sloik img{position:absolute;inset:0;width:220px;height:240px;object-fit:contain;z-index:1}
.kro__miod{position:absolute;left:70px;right:70px;bottom:24px;height:var(--miod,12%);border-radius:8px 8px 26px 26px;box-shadow:inset 6px 0 0 rgba(255,255,255,.3);background:linear-gradient(180deg,#FFC93C,#E8981E);z-index:2;transition:height .5s}
.kro__kropla{position:absolute;left:0;top:0;width:130px;height:160px;z-index:5;pointer-events:none;background:radial-gradient(circle at 35% 55%,rgba(255,255,255,.55) 0 10%,transparent 11%),linear-gradient(180deg,#FFD25A,#EE9E1C);clip-path:path('M65 0 C 65 0 130 80 130 105 A 65 55 0 1 1 0 105 C 0 80 65 0 65 0 Z');filter:drop-shadow(0 6px 6px rgba(150,90,10,.35))}
.kro__kropla span{position:absolute;left:25px;top:68px;width:80px;height:84px;border-radius:40px;background:#fff;overflow:hidden}
.kro__kropla span .mg-obr--pis{object-fit:contain;transform:scale(1.7)}   /* sama litera pisana większa, liniatura przycięta przez kółko */
.kro__kropla--zla{opacity:.75}

/* ---------- Y1. Ryby w stawie ---------- */
.mini--y-staw{background:#9FD07E}
.sta__niebo{position:absolute;left:0;right:0;top:0;height:300px;background:linear-gradient(180deg,#CFE8FF,#EAF5FF)}
.sta__laka{position:absolute;left:0;right:0;top:280px;height:120px;background:linear-gradient(180deg,#9FD07E,#86C267)}
.sta__byk{position:absolute;left:1180px;top:150px;width:230px;height:200px;object-fit:contain;pointer-events:none}
.sta__woda{position:absolute;left:0;right:0;top:370px;bottom:0;background:linear-gradient(180deg,#7CC7EC 0%,#3E9BCF 60%,#2A7FB1 100%);overflow:hidden}
.sta__woda i{position:absolute;left:-10%;width:120%;height:40px;border-radius:50%;border-top:4px solid rgba(255,255,255,.35);animation:strFala 5s linear infinite}
.sta__woda i:first-child{top:20px}.sta__woda i:last-child{top:200px;animation-delay:-2.5s}
.sta__trzciny{position:absolute;bottom:0;width:140px;height:260px;background:repeating-linear-gradient(90deg,transparent 0 14px,#4E8F3A 14px 20px,transparent 20px 34px);-webkit-mask:linear-gradient(180deg,transparent,#000 30%);mask:linear-gradient(180deg,transparent,#000 30%);z-index:3;pointer-events:none}
.sta__trzciny--l{left:300px}.sta__trzciny--p{right:0}
.sta__pomost{position:absolute;left:0;top:330px;width:330px;height:46px;background:repeating-linear-gradient(90deg,#B98A5A 0 46px,#A87A4A 46px 50px);box-shadow:0 10px 0 rgba(60,40,10,.25);z-index:4}
.sta__pomost::after{content:"";position:absolute;left:40px;top:46px;width:20px;height:420px;background:#8A5A2B;box-shadow:200px 0 0 #8A5A2B}
.sta__literka{position:absolute;left:150px;top:180px;width:140px;height:160px;object-fit:contain;z-index:5;pointer-events:none}
.sta__wedka{position:absolute;left:250px;top:228px;width:150px;height:8px;border-radius:4px;background:#7A4A22;transform-origin:0 50%;transform:rotate(-12deg);z-index:6}
.sta__zylka{position:absolute;left:396px;top:197px;height:2px;background:rgba(60,60,60,.7);transform-origin:0 50%;z-index:6;transition:width .5s,transform .5s;pointer-events:none}
.sta__wiadro{position:absolute;left:30px;top:200px;width:130px;height:140px;object-fit:contain;z-index:5;pointer-events:none}
.sta__ryba--lowi{transition:transform .8s cubic-bezier(.4,-.4,.4,1);z-index:9}

/* ---------- Y2. Puszki na jarmarku ---------- */
.mini--y-jarmark{background:#FFF1DA}
.jar__namiot{position:absolute;left:0;right:0;top:0;height:130px;background:repeating-linear-gradient(90deg,#E8483C 0 90px,#FFF6E8 90px 180px);border-radius:0 0 50% 50%/0 0 40px 40px;box-shadow:0 8px 0 rgba(0,0,0,.08)}
.jar__lampki{position:absolute;left:0;right:0;top:120px;height:30px;background:radial-gradient(circle,#FFE58A 0 7px,transparent 8px) 0 8px/70px 30px;filter:drop-shadow(0 0 6px #FFC93C);animation:ploMruga 1.4s ease-in-out infinite alternate}
.jar__lada{position:absolute;left:0;right:0;top:520px;bottom:0;background:linear-gradient(180deg,#C98D55,#A86E3C);border-top:16px solid #B98049}
.jar__byk{position:absolute;left:1350px;top:560px;width:200px;height:200px;object-fit:contain;transform:scaleX(-1);pointer-events:none}
.jar__puszka{position:absolute;width:124px;height:124px;cursor:pointer;transition:transform .6s ease-in,opacity .6s}
.jar__puszka img{width:124px;height:124px;object-fit:contain;filter:drop-shadow(0 4px 3px rgba(0,0,0,.25));pointer-events:none}
.jar__puszka span{position:absolute;left:31px;top:34px;width:62px;height:62px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none}
.jar__puszka span .mg-lit{font-size:44px;padding-bottom:4px}
.jar__puszka--spada{transform:translateY(160px) rotate(80deg);opacity:0;pointer-events:none}
.jar__pilka{position:absolute;width:72px;height:72px;object-fit:contain;z-index:9;transition:left .38s ease-out,top .38s cubic-bezier(.2,-.6,.6,1);pointer-events:none}
.jar__pilka--bez{transition:none}
.jar__deska{position:absolute;height:14px;border-radius:4px;background:linear-gradient(180deg,#C99A68,#A8743F);box-shadow:0 5px 0 rgba(60,40,10,.25)}

/* ---------- Y3. Tygrys w dżungli ---------- */
.mini--y-dzungla{background:#2F6B3A}
.dzu__tlo{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#4E8F4F 0%,#2F6B3A 70%)}
.dzu__liany{position:absolute;left:0;right:0;top:0;height:220px;background:repeating-linear-gradient(90deg,transparent 0 120px,rgba(30,80,30,.7) 120px 128px,transparent 128px 210px);-webkit-mask:linear-gradient(180deg,#000,transparent);mask:linear-gradient(180deg,#000,transparent)}
.dzu__rzeka{position:absolute;left:260px;right:260px;top:200px;bottom:0;border-radius:50% 50% 0 0/80px 80px 0 0;background:linear-gradient(180deg,#5FB0B8,#3C8E9A)}
.dzu__tygrys{position:absolute;width:180px;height:180px;object-fit:contain;z-index:8;transition:left .45s ease,top .45s cubic-bezier(.3,-.7,.6,1);filter:drop-shadow(0 10px 8px rgba(0,0,0,.3));pointer-events:none}
.dzu__lisc{position:absolute;width:200px;height:140px;cursor:pointer;z-index:3;transition:opacity .3s}
.dzu__lisc>img{position:absolute;left:0;top:-30px;width:200px;height:200px;object-fit:contain;transform:rotate(var(--rot)) rotate(80deg);pointer-events:none;filter:drop-shadow(0 6px 4px rgba(0,40,40,.35))}
.dzu__lisc span{position:absolute;left:55px;top:25px;width:90px;height:90px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 4px 0 rgba(0,0,0,.15)}
.dzu__lisc span .mg-obr{width:74px;height:74px}
.dzu__lisc:not(.dzu__lisc--teraz){opacity:.55}
.dzu__lisc--teraz span{box-shadow:0 0 0 5px #FFE58A,0 4px 0 rgba(0,0,0,.15)}
.dzu__lisc.dzu__lisc--uzyty{opacity:1}
.dzu__lisc--uzyty span{box-shadow:0 0 0 5px #7FD36B,0 4px 0 rgba(0,0,0,.15)}
.dzu__lisc--chwieje{animation:mgOj .5s ease}
.dzu__liscie{position:absolute;width:220px;height:220px;object-fit:contain;pointer-events:none;z-index:1}

/* ---------- Y4. Dwa koszyki ---------- */
.mini--y-koszyki{background:#D9B98A}
.kos2__byk{position:absolute;left:640px;top:120px;width:260px;height:200px;object-fit:contain;opacity:.95;pointer-events:none}
.kos2__kosz{position:absolute;width:320px;height:300px}
.kos2__kosz img{position:absolute;left:0;bottom:0;width:320px;height:260px;object-fit:contain;filter:drop-shadow(0 10px 8px rgba(60,40,10,.3))}
.kos2__kosz b{position:absolute;left:90px;top:0;width:140px;height:70px;border-radius:16px;background:#FFF8E8;border:4px solid #B07A3A;display:flex;align-items:center;justify-content:center;font:700 50px/1 "Andika",sans-serif;color:var(--malina);padding-bottom:4px;z-index:2}
.kos2__kosz--inne b{font:800 34px "Bricolage Grotesque",sans-serif;color:#5E4A63}
.kos2__kosz img{z-index:2}
.kos2__w-koszu{position:absolute;left:50px;right:50px;bottom:150px;height:60px;display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-end;z-index:1}
.kos2__lit{flex:none;width:50px;height:54px;margin:0 -8px;border-radius:10px;background:#FFF;border:3px solid #C99A68;display:flex;align-items:center;justify-content:center;font:700 36px/1 "Andika",sans-serif;color:#2E1A35;padding-bottom:4px;box-sizing:border-box;box-shadow:0 3px 0 rgba(0,0,0,.12);animation:mgSlot .4s ease}   /* jeden rząd, litery wystają nad brzeg koszyka */
.kos2__klocek{position:absolute;width:170px;height:170px;border-radius:24px;background:linear-gradient(180deg,#FFF,#F1E7D6);border:5px solid #C99A68;box-shadow:0 8px 0 #A8743F;display:flex;align-items:center;justify-content:center;cursor:grab;z-index:6}
.kos2__klocek .mg-lit{font-size:120px;padding-bottom:12px}
.kos2__klocek--nowy{animation:wysKarta .4s ease}
.kos2__klocek--wpada{transform:scale(.4);opacity:0;transition:left .25s,top .25s,transform .4s,opacity .4s}

/* ---------- Y5. Latarka w ciemności ---------- */
.mini--y-latarka{background:#2A1E18}
.lat__strych{position:absolute;inset:0;background:linear-gradient(180deg,transparent 330px,#6B4A30 330px 344px,transparent 344px 560px,#6B4A30 560px 574px,transparent 574px),repeating-linear-gradient(90deg,#8A6A4C 0 140px,#7E5F43 140px 144px)}
.lat__lit{position:absolute;width:100px;height:100px;display:flex;align-items:center;justify-content:center;transform:rotate(var(--rot));cursor:pointer;z-index:2}
.lat__lit .mg-lit{font-size:90px;color:#3B2416;padding-bottom:8px;text-shadow:0 2px 0 rgba(255,255,255,.3)}
.lat__lit--znaleziona .mg-lit{color:#FFC93C;text-shadow:0 0 18px rgba(255,201,60,.9)}
.lat__lit--znaleziona{z-index:6}
.lat__ciemnosc{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle 150px at var(--mx) var(--my),rgba(255,240,180,.08) 0%,rgba(10,6,20,.2) 70%,rgba(10,6,20,.96) 100%);transition:opacity 1s}
.lat__ciemnosc--jasno{opacity:0}

/* ---------- Y6. Dym z komina ---------- */
.mini--y-dym{background:#CFE3F5}
.dym__niebo{position:absolute;inset:0;background:linear-gradient(180deg,#B8D6F0,#E8F2FB 70%)}
.dym__wzgorza{position:absolute;left:-60px;right:-60px;bottom:0;height:260px;background:radial-gradient(ellipse at 30% 100%,#9FD07E 0 55%,transparent 56%),radial-gradient(ellipse at 85% 100%,#8CC46C 0 50%,transparent 51%),linear-gradient(180deg,transparent 60%,#86C267 60%)}
.dym__dom{position:absolute;left:120px;top:400px;width:300px;height:250px;background:#F2D9B5;border-radius:8px;box-shadow:0 10px 0 rgba(60,40,10,.15)}
.dym__dach{position:absolute;left:-30px;top:-130px;width:360px;height:140px;background:#C2453A;clip-path:polygon(50% 0,100% 100%,0 100%)}
.dym__komin{position:absolute;left:190px;top:-130px;width:44px;height:90px;background:#8A4A3A;box-shadow:inset 0 10px 0 #6B3A2D}
.dym__okno{position:absolute;left:40px;top:70px;width:80px;height:80px;border-radius:8px;background:#FFE9A8;box-shadow:inset 0 0 0 6px #8A5A2B}
.dym__drzwi{position:absolute;left:180px;top:120px;width:80px;height:130px;border-radius:40px 40px 0 0;background:#8A5A2B}
.dym__sloik{position:absolute;right:40px;bottom:30px;width:150px;height:170px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(255,214,90,.4))}
.dym{position:absolute;left:0;top:0;width:200px;height:150px;cursor:pointer;z-index:4;transform-origin:50% 100%}
.dym__klab{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 25% 60%,#F4F4F6 0 30%,transparent 31%),radial-gradient(circle at 50% 40%,#FFFFFF 0 36%,transparent 37%),radial-gradient(circle at 75% 60%,#ECEDF1 0 30%,transparent 31%),radial-gradient(ellipse at 50% 75%,#F1F2F5 0 45%,transparent 46%);filter:drop-shadow(0 4px 4px rgba(80,90,110,.2));transition:opacity .3s}
.dym span{position:absolute;left:58px;top:34px;width:84px;height:84px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #DDE3EA;pointer-events:none;transition:opacity .3s}
.dym span .mg-obr{width:68px;height:68px}
.dym--gwiazdka{transition:transform .8s cubic-bezier(.4,-.3,.5,1);z-index:9}
.dym--gwiazdka .dym__klab{opacity:0}
.dym--gwiazdka::after{content:"";position:absolute;left:40px;top:20px;width:120px;height:120px;background:url(img/zb-gwiazdka-zolta.webp) center/contain no-repeat;filter:drop-shadow(0 0 14px rgba(255,214,90,.9))}
.dym--gwiazdka span{opacity:0}

/* ---------- Y7. Motyl w ogrodzie ---------- */
.mini--y-motyl{background:#9FD07E}
.mini--y-motyl .lak__kwiat span{width:84px;height:84px;left:48px}
.ymo__motyl{position:absolute;width:150px;height:150px;object-fit:contain;z-index:9;transition:left .9s ease-in-out,top .9s ease-in-out;animation:motTrzepot .3s ease-in-out infinite alternate;pointer-events:none}
.ymo__motyl--lewo{animation-name:motTrzepotL}
.ymo__kwiat--rozkwita{animation:owcHop .5s ease}
.ymo__kwiat--rozkwita span{box-shadow:0 0 0 6px #FFE58A,0 0 20px 6px rgba(255,214,90,.6);border-color:#2F7A45}

/* ---------- Y8. Rysunek kredkami ---------- */
.mini--y-rysunek{background:#C98D55}
.rys__stol{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#C98D55 0 160px,#BD8249 160px 164px)}
.rys__kartka{position:absolute;left:276px;top:130px;width:1000px;height:610px;background:#fff;border-radius:6px;box-shadow:0 14px 30px rgba(60,30,10,.35);transform:rotate(-1deg);overflow:hidden;background-image:linear-gradient(rgba(120,160,220,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(120,160,220,.25) 1px,transparent 1px);background-size:30px 30px}
.rys__obraz{position:absolute;inset:30px 120px;width:760px;height:550px;object-fit:contain}
.rys__siatka{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}   /* stałe wiersze — obrazki liter nie rozpychają siatki */
.rys__pole{min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#FFFDF6;border:2px dashed #D9CFC0;cursor:pointer;transition:background .5s,opacity .6s,transform .6s;padding:10px}
.rys__pole .mg-obr--pis{width:100%;height:100%;max-height:100%;object-fit:contain}
.rys__pole--kolor{background:var(--kol);opacity:.55;border-style:solid;border-color:rgba(255,255,255,.6)}
.rys__pole--kolor .mg-obr--pis{opacity:.35}
.rys__pole--znika{opacity:0;transform:scale(.6) rotate(8deg);pointer-events:none}
.rys__kredka{position:absolute;width:120px;height:120px;object-fit:contain;z-index:9;pointer-events:none;transform:rotate(-30deg)}
.rys__kredka--rysuje{animation:rysKredka .6s ease-in-out}
@keyframes rysKredka{0%{transform:rotate(-30deg) translate(0,0)}25%{transform:rotate(-30deg) translate(-60px,30px)}50%{transform:rotate(-30deg) translate(-10px,60px)}75%{transform:rotate(-30deg) translate(-80px,90px)}100%{transform:rotate(-30deg) translate(-30px,110px)}}

/* ---------- A9. Literka w autku (dwa pasy) ---------- */
.mini--a-droga{background:#BFE3FF}
.dro__niebo{position:absolute;inset:0;background:linear-gradient(180deg,#BFE3FF 0%,#EAF6FF 42%,#A6D88A 42.2%,#8CC46C 100%)}
.dro__wzgorza{position:absolute;left:-80px;right:-80px;top:220px;height:150px;background:radial-gradient(ellipse at 18% 100%,#B4E098 0 46%,transparent 47%),radial-gradient(ellipse at 62% 100%,#A2D684 0 52%,transparent 53%),radial-gradient(ellipse at 100% 100%,#B4E098 0 40%,transparent 41%)}
.dro__drzewo{position:absolute;left:0;top:0;object-fit:contain;object-position:50% 100%;opacity:.92;pointer-events:none}
.dro__chmura{position:absolute;left:0;top:0;width:150px;object-fit:contain;pointer-events:none}
.dro__droga{position:absolute;left:0;right:0;top:330px;height:380px;background:#5E6370;border-top:12px solid #E9E2D0;border-bottom:12px solid #E9E2D0;box-shadow:inset 0 14px 0 rgba(0,0,0,.08);box-sizing:border-box;overflow:hidden}
.dro__pas-linia{position:absolute;left:0;width:calc(100% + 130px);top:173px;height:10px;background:repeating-linear-gradient(90deg,#fff 0 70px,transparent 70px 130px);animation:droLinia .52s linear infinite}
@keyframes droLinia{from{transform:translateX(0)}to{transform:translateX(-130px)}}
.dro__strefa{position:absolute;left:0;right:0;height:190px;z-index:7;cursor:pointer;touch-action:none}
.dro__auto{position:absolute;width:300px;height:200px;z-index:5;transition:top .26s cubic-bezier(.3,.8,.4,1),left 1.4s cubic-bezier(.5,0,.8,.4);pointer-events:none}
.dro--auto .dro__literka{position:absolute;left:96px;top:-34px;width:112px;height:128px;object-fit:contain}
.dro--auto .dro__woz{position:absolute;left:0;top:-40px;width:300px;height:300px;object-fit:contain;transform:scaleX(-1);filter:drop-shadow(0 10px 6px rgba(0,0,0,.35))}
.dro__auto--hop{animation:droHop .35s ease}
@keyframes droHop{40%{transform:translateY(-14px)}}
.dro__gwiazdka{position:absolute;left:0;top:0;width:150px;height:150px;z-index:4;pointer-events:none}
.dro__gwiazdka img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 8px 6px rgba(0,0,0,.3))}
.dro__gwiazdka span{position:absolute;left:42px;top:46px;width:66px;height:66px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}
.dro__gwiazdka span .mg-lit{font-size:48px;padding-bottom:6px}
.dro__gwiazdka--zla{opacity:.75;transition:opacity .6s}
.dro__gwiazdka--znika{opacity:0;transition:opacity .5s}
.dro__strzalka{position:absolute;left:30px;width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.75);display:flex;align-items:center;justify-content:center;box-shadow:0 5px 0 rgba(0,0,0,.15);z-index:6;pointer-events:none;transition:background .2s,transform .2s}
.dro__strzalka svg{width:36px;height:36px;fill:none;stroke:#2E1A35;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.dro__strzalka--tu{background:#FFE58A;transform:scale(1.08)}
.dro__ster{position:absolute;right:28px;bottom:16px;z-index:8;display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.92);font:700 21px "Atkinson Hyperlegible",sans-serif;color:#2E1A35;pointer-events:none}
.dro__ster svg{width:30px;height:30px}

/* ---------- U9. Lot na pszczółce (silnik JAZDA, skórka dro--pszczola) ---------- */
.mini--u-niebo{background:#A9D6FF}
.dro__niebo-ul{position:absolute;inset:0;background:linear-gradient(180deg,#A9D6FF 0%,#DDF0FF 70%,#F4FAFF 100%)}
.dro__smugi{position:absolute;left:0;right:0;top:300px;height:300px;background:repeating-linear-gradient(180deg,transparent 0 88px,rgba(255,255,255,.45) 88px 92px,transparent 92px 184px)}
.dro__laka{position:absolute;left:-60px;right:-60px;bottom:-20px;height:150px;border-radius:50% 50% 0 0/60px 60px 0 0;background:linear-gradient(180deg,#9FD07E,#7DBE5E)}
.dro__kwiat{position:absolute;left:0;top:0;width:110px;height:110px;object-fit:contain;pointer-events:none}
.dro--pszczola .dro__woz{position:absolute;left:40px;top:0;width:220px;height:220px;object-fit:contain;transform:rotate(48deg);filter:drop-shadow(0 10px 6px rgba(0,0,0,.25));animation:lakBzy .2s ease-in-out infinite alternate}
.dro--pszczola .dro__literka{position:absolute;left:78px;top:-28px;width:104px;height:120px;object-fit:contain;z-index:1}
.dro__kropla{position:absolute;left:10px;top:-10px;width:130px;height:160px;background:radial-gradient(circle at 35% 55%,rgba(255,255,255,.55) 0 10%,transparent 11%),linear-gradient(180deg,#FFD25A,#EE9E1C);clip-path:path('M65 0 C 65 0 130 80 130 105 A 65 55 0 1 1 0 105 C 0 80 65 0 65 0 Z');filter:drop-shadow(0 6px 6px rgba(150,90,10,.35))}
.dro--pszczola-rzecz span{top:62px}

/* ---------- O9. Owieczka na łące (silnik JAZDA, skórka dro--owca) ---------- */
.mini--o-laka{background:#A6D88A}
.dro__niebo-laka{position:absolute;inset:0;background:linear-gradient(180deg,#BFE3FF 0%,#EAF6FF 30%,#A6D88A 30.2%,#8CC46C 100%)}
.dro__wzgorza-laka{position:absolute;left:-80px;right:-80px;top:150px;height:120px;background:radial-gradient(ellipse at 20% 100%,#B4E098 0 46%,transparent 47%),radial-gradient(ellipse at 70% 100%,#A2D684 0 52%,transparent 53%)}
.dro__plot{position:absolute;left:0;right:0;top:196px;height:70px;background:linear-gradient(180deg,transparent 14px,#C99A68 14px 24px,transparent 24px 44px,#C99A68 44px 54px,transparent 54px),repeating-linear-gradient(90deg,#D8AE7C 0 16px,transparent 16px 90px)}
.dro__sciezka{position:absolute;left:0;right:0;top:300px;height:90px;border-radius:45px;background:linear-gradient(180deg,#D9B98A,#C9A574);box-shadow:inset 0 6px 0 rgba(0,0,0,.06)}
.dro__sciezka--d{top:484px}
.dro--owca .dro__woz{position:absolute;left:40px;top:-50px;width:250px;height:250px;object-fit:contain;transform:scaleX(-1);filter:drop-shadow(0 10px 6px rgba(0,0,0,.25));animation:droBieg .3s ease-in-out infinite alternate}
.dro--owca .dro__literka{position:absolute;left:58px;top:-22px;width:92px;height:106px;object-fit:contain;z-index:1;animation:droBieg .3s ease-in-out infinite alternate}
@keyframes droBieg{to{margin-top:-8px}}
.dro--owca-rzecz>img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 6px 4px rgba(0,0,0,.25))}
.dro--owca-rzecz span{top:18px;border:4px solid #F2C94C;box-sizing:border-box}

/* ---------- E9. Lot na gwieździe (silnik JAZDA, skórka dro--kometa) ---------- */
.mini--e-kometa{background:#1A1846}
.dro__pyl{animation:none}
.dro__smugi--kosmos{background:repeating-linear-gradient(180deg,transparent 0 88px,rgba(160,180,255,.18) 88px 92px,transparent 92px 184px)}
.dro__ksiezyc{position:absolute;left:0;top:0;width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(255,230,160,.5));pointer-events:none}
.dro--kometa .dro__woz{position:absolute;left:10px;top:-20px;width:260px;height:260px;object-fit:contain;transform:rotate(30deg);filter:drop-shadow(0 0 14px rgba(255,230,160,.6));animation:lakBzy .4s ease-in-out infinite alternate}
.dro--kometa .dro__literka{position:absolute;left:150px;top:-30px;width:96px;height:110px;object-fit:contain;z-index:1}
.dro--kometa-rzecz>img{filter:drop-shadow(0 0 14px rgba(255,214,90,.7))}

/* ---------- I9. Indyk na podwórku (silnik JAZDA, skórka dro--indyk) ---------- */
.mini--i-podworko{background:#E3C595}
.dro__podworko{background:radial-gradient(circle,rgba(140,100,60,.18) 0 3px,transparent 4px) 0 0/34px 34px,linear-gradient(180deg,#E3C595,#D2AE77)}
.dro__rzad{position:absolute;left:0;right:0;top:300px;height:90px;border-radius:45px;background:rgba(150,105,55,.18)}
.dro__rzad--d{top:484px}
.dro--indyk .dro__woz{position:absolute;left:40px;top:-60px;width:230px;height:270px;object-fit:contain;filter:drop-shadow(0 10px 6px rgba(0,0,0,.25));animation:droBieg .28s ease-in-out infinite alternate}
.dro--indyk .dro__literka{position:absolute;left:100px;top:-50px;width:92px;height:106px;object-fit:contain;z-index:1;animation:droBieg .28s ease-in-out infinite alternate}
.dro--indyk-rzecz .zia__ziarna{left:10px;top:76px}
.dro--indyk-rzecz span{left:40px;top:10px;width:70px;height:70px;border:4px solid #C99A68;box-sizing:border-box}

/* ---------- Y9. Byk na pastwisku (silnik JAZDA, skórka dro--byk) ---------- */
.mini--y-pastwisko{background:#A6D88A}
.dro__trawa{position:absolute;left:0;right:0;top:300px;height:90px;border-radius:45px;background:repeating-linear-gradient(100deg,#7DBE5E 0 8px,#8FCB6F 8px 18px)}
.dro__trawa--d{top:484px}
.dro--byk .dro__woz{position:absolute;left:20px;top:-60px;width:260px;height:260px;object-fit:contain;filter:drop-shadow(0 10px 6px rgba(0,0,0,.25));animation:droBieg .32s ease-in-out infinite alternate}
.dro--byk .dro__literka{position:absolute;left:66px;top:-62px;width:92px;height:106px;object-fit:contain;z-index:1;animation:droBieg .32s ease-in-out infinite alternate}
.dro--byk-rzecz>img{filter:drop-shadow(0 6px 4px rgba(0,0,0,.25))}
.dro--byk-rzecz span{top:50px}