/* Zabawa „Łap na …” — Literka z koszykiem łapie spadające rzeczy (projekt w Design: tablice 7 i 7b, 1.11.2026) */
.mapa__zabawa{position:absolute;right:150px;bottom:104px;display:flex;align-items:center;gap:14px;border:4px solid #fff;background:#E4F3FF;color:#2E1A35;border-radius:28px;padding:10px 26px 10px 12px;box-shadow:0 8px 20px rgba(46,26,53,.14);cursor:pointer;white-space:nowrap;transition:transform .15s}
.mapa__zabawa:hover{transform:translateY(-3px)}
.mapa__zabawa img{width:76px;height:76px;object-fit:contain}
.mapa__zabawa span{display:flex;flex-direction:column;font:800 34px/1 "Bricolage Grotesque",sans-serif;text-align:left}
.mapa__zabawa small{font:700 17px "Atkinson Hyperlegible",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#4F5D73;margin-bottom:4px}
.mapa__zabawa .lit{font-family:"Bricolage Grotesque",sans-serif}

.ekran--zabawa{background:linear-gradient(180deg,#BDE4FF 0%,#E4F3FF 48%,#FDE9F1 100%);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
.zab__chmura{position:absolute;border-radius:999px;background:rgba(255,255,255,.8)}
.zab__chmura--1{left:120px;top:150px;width:210px;height:64px;box-shadow:60px -26px 0 -6px rgba(255,255,255,.8)}
.zab__chmura--2{left:1090px;top:210px;width:250px;height:72px;background:rgba(255,255,255,.65);box-shadow:80px -30px 0 -8px rgba(255,255,255,.65)}
.zab__trawa{position:absolute;left:-40px;right:-40px;bottom:-60px;height:150px;border-radius:50% 50% 0 0/60px 60px 0 0;background:linear-gradient(180deg,#9ED98A 0%,#6FBF5E 100%)}
.zab__gora{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:24px;padding:28px 180px 0 48px;z-index:3}
.zab__tytul h2{margin:0;font:800 54px/1 "Bricolage Grotesque",sans-serif}
.zab__tytul h2 .lit{font-family:"Bricolage Grotesque",sans-serif}
.zab__tytul p{margin:4px 0 0;font-size:26px;font-weight:700;color:#3E4A5E}   /* runda 2: większy podtytuł — na iPadzie był za drobny */
.zab__kosz{margin-left:auto;display:flex;align-items:center;gap:10px;padding:10px 22px 10px 12px;background:#fff;border-radius:999px;box-shadow:0 6px 14px rgba(46,26,53,.12)}
.zab__kosz>img{width:62px;height:62px;object-fit:contain}
#zab-sloty{display:flex;gap:10px}
.zab__slot{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#EEF2F6;border:3px dashed #C3CFDB;box-sizing:border-box}
.zab__slot--pelny{background:#FFF1C2;border:3px solid #FFC93C;animation:slotWpada .45s ease}
.zab__slot img{width:34px;height:34px;object-fit:contain}
.zab__slot b{font:700 26px/1 "Andika",sans-serif;color:var(--malina)}
@keyframes slotWpada{0%{transform:scale(.4)}70%{transform:scale(1.2)}100%{transform:scale(1)}}

.zab__pole{position:absolute;inset:0;z-index:2;cursor:none}
.zab__rzecz{position:absolute;left:0;top:0;z-index:2;will-change:transform;pointer-events:none}   /* pod nagłówkiem (z-index 3): owoce nie zasłaniają polecenia */
.zab__rzecz img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(46,26,53,.18))}
.zab__rzecz b{position:absolute;left:44%;top:56%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;background:#fff;border:4px solid #2F7A45;display:flex;align-items:center;justify-content:center;font:700 48px/1 "Andika",sans-serif;color:#2E1A35;padding-bottom:5px;box-sizing:border-box}
.zab__rzecz--odbita{transition:opacity .6s}
.zab__literka{position:absolute;left:0;top:0;width:250px;height:300px;will-change:transform;pointer-events:none}
.zab__duszek{position:absolute;left:24px;top:0;width:200px;height:232px;object-fit:contain}
.zab__wkoszu{position:absolute;left:70px;top:176px;width:92px;height:92px;object-fit:contain;transform:rotate(-10deg)}
.zab__wkoszu[src=""]{display:none}
.zab__koszyk{position:absolute;left:30px;top:150px;width:190px;height:150px;object-fit:contain}
.zab__literka.zlapala .zab__koszyk{animation:koszHop .35s ease}
.zab__literka.oj .zab__duszek{animation:trzes .45s ease}
@keyframes koszHop{0%,100%{transform:translateY(0)}40%{transform:translateY(10px) scaleY(.92)}}
.zab__cien{position:absolute;left:0;top:818px;width:150px;height:22px;border-radius:50%;background:rgba(46,90,40,.28);will-change:transform}
.zab__dymek{position:absolute;left:0;top:0;width:320px;padding:16px 22px;background:#fff;border-radius:24px;box-shadow:0 10px 24px rgba(46,26,53,.14);font-size:27px;line-height:1.25;pointer-events:none}
.zab__dymek b{font:800 33px "Bricolage Grotesque",sans-serif;color:var(--malina)}
.zab__dymek--zly b{color:#4F5D73}
.zab__plus{position:absolute;display:flex;align-items:center;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:plusLeci 1s ease-out forwards}
@keyframes plusLeci{0%{opacity:0;transform:translateY(10px) scale(.6)}20%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-70px)}}

.zab__ster{position:absolute;left:48px;bottom:26px;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 24px;background:rgba(255,255,255,.92);border-radius:999px;font-size:22px;font-weight:700;color:#2E4A2A}
.zab__ster svg{width:34px;height:34px}
.zab__klaw{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:46px;padding:0 12px;border-radius:10px;background:#fff;border:3px solid #2E4A2A;box-shadow:0 4px 0 #2E4A2A;font:800 24px "Atkinson Hyperlegible",sans-serif;box-sizing:border-box}
.zab__klaw--spacja{min-width:150px}
.zab__ster small{margin-left:8px;color:#5E6E5A;font-weight:400;font-size:22px}

.zab__koniec{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:rgba(46,26,53,.35)}
.zab__karta{display:flex;align-items:center;gap:36px;padding:44px 56px;background:#fff;border-radius:36px;box-shadow:0 20px 50px rgba(46,26,53,.25);max-width:1180px}
.zab__karta>img{width:240px;height:280px;object-fit:contain}
.zab__karta h2{margin:0;font:800 64px/1 "Bricolage Grotesque",sans-serif;color:var(--malina)}
.zab__karta p{margin:10px 0 0;font-size:28px}
.zab__zbior{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 28px}
.zab__zbior span{width:84px;height:84px;border-radius:50%;background:#FFF1C2;border:4px solid #FFC93C;display:flex;align-items:center;justify-content:center}
.zab__zbior img{width:62px;height:62px;object-fit:contain}
.zab__zbior b{font:700 46px/1 "Andika",sans-serif;color:var(--malina)}
.zab__przyciski{display:flex;gap:16px}
.mapa__zabawa em{font-style:normal}