.lbGame{
  --ink:#20394a;
  --sky:#bfeaff;
  --cream:#fffaf0;
  --green:#2db878;
  --green-dark:#17875a;
  --red:#f06467;
  --red-dark:#c6404b;
  --yellow:#ffd45b;
  --purple:#7b62df;
  --blue:#4d9ee8;
  direction:rtl;
  position:relative;
  overflow:hidden;
  border-radius:32px;
  padding:22px;
  color:var(--ink);
  background:
    radial-gradient(circle at 15% 8%,rgba(255,255,255,.92),transparent 17%),
    linear-gradient(180deg,#bfeaff 0 31%,#e6f8c9 31% 100%);
  box-shadow:0 25px 70px rgba(28,83,104,.22);
  font-family:"Alexandria",Tahoma,Arial,sans-serif;
  isolation:isolate
}
.lbGame *{box-sizing:border-box}
.lbGame button{font:inherit}
.lbSky,.lbSparkles{position:absolute;inset:0;pointer-events:none}
.lbSun{position:absolute;left:7%;top:45px;font-size:65px;filter:drop-shadow(0 8px 10px rgba(255,190,34,.28));animation:lbSunFloat 5s ease-in-out infinite}
.lbCloud{position:absolute;width:120px;height:38px;border-radius:999px;background:rgba(255,255,255,.8);filter:drop-shadow(0 7px 8px rgba(55,120,150,.12));animation:lbCloudMove 18s linear infinite}
.lbCloud:before,.lbCloud:after{content:"";position:absolute;border-radius:50%;background:inherit}
.lbCloud:before{width:55px;height:55px;right:18px;bottom:8px}
.lbCloud:after{width:42px;height:42px;left:20px;bottom:7px}
.lbCloudOne{top:62px;right:-140px}
.lbCloudTwo{top:155px;left:-130px;animation-duration:24s;animation-delay:-10s;transform:scale(.8)}
.lbCloudThree{top:22px;right:42%;animation-duration:29s;animation-delay:-17s;transform:scale(.58)}
.lbBird{position:absolute;color:#39718c;font-size:33px;font-weight:900;animation:lbBirdFly 12s linear infinite}
.lbBirdOne{top:145px;right:-30px}
.lbBirdTwo{top:95px;right:-60px;animation-delay:-6s;animation-duration:16s}
.lbSparkles i{position:absolute;color:#fff9a7;font-style:normal;text-shadow:0 0 12px white;animation:lbSpark 2.8s ease-in-out infinite}
.lbSparkles i:nth-child(1){right:8%;top:31%;font-size:20px}
.lbSparkles i:nth-child(2){right:26%;top:48%;animation-delay:-1s}
.lbSparkles i:nth-child(3){left:9%;top:38%;font-size:25px;animation-delay:-1.8s}
.lbSparkles i:nth-child(4){left:26%;top:55%;animation-delay:-.7s}
.lbSparkles i:nth-child(5){right:47%;top:34%;animation-delay:-2.1s}
.lbSparkles i:nth-child(6){left:45%;top:64%;animation-delay:-1.3s}

.lbHeader{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:2px 3px 16px}
.lbTitleBlock{max-width:720px}
.lbKicker{display:inline-flex;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.83);font-size:12px;font-weight:900;box-shadow:0 7px 18px rgba(38,95,120,.1)}
.lbHeader h1{margin:8px 0 3px;font-size:clamp(31px,5vw,52px);line-height:1;color:#24556c;text-shadow:0 3px 0 rgba(255,255,255,.65)}
.lbHeader h1 span{display:inline-block;animation:lbBasketSwing 2.4s ease-in-out infinite;transform-origin:50% 0}
.lbHeader p{margin:0;font-weight:800;color:#3e7082}
.lbSound,.lbReplay,.lbWordAudio{border:0;background:#fff;border-radius:999px;cursor:pointer;font-weight:900;box-shadow:0 8px 19px rgba(28,74,92,.16)}
.lbSound{padding:11px 16px;white-space:nowrap}

.lbLevels{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lbLevels button{appearance:none;border:2px solid transparent;border-radius:20px;padding:11px 8px;background:rgba(255,255,255,.84);cursor:pointer;box-shadow:0 8px 18px rgba(31,82,102,.1);transition:.22s}
.lbLevels button span,.lbLevels button b,.lbLevels button small{display:block}
.lbLevels button span{font-size:26px}
.lbLevels button b{font-size:17px}
.lbLevels button small{margin-top:3px;color:#617986;font-size:11px}
.lbLevels button:hover{transform:translateY(-3px)}
.lbLevels button.is-active{transform:translateY(-4px);border-color:var(--yellow);background:#fff7ce;box-shadow:0 12px 25px rgba(238,174,36,.25)}

.lbStats{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0}
.lbStats>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:0 7px;padding:8px 10px;border-radius:17px;background:rgba(255,255,255,.88);box-shadow:0 6px 15px rgba(33,82,98,.1)}
.lbStats>div>span{grid-row:1/3;font-size:23px}
.lbStats small{font-size:10px;color:#637784;font-weight:900}
.lbStats b{font-size:19px}
.lbStats em{font-style:normal}

.lbGarden{position:relative;z-index:2;min-height:630px;border-radius:29px;overflow:hidden;background:linear-gradient(180deg,#95dbff 0 48%,#86d25f 48% 100%);box-shadow:inset 0 0 0 5px rgba(255,255,255,.34),inset 0 -24px 45px rgba(52,103,30,.14),0 15px 35px rgba(36,100,73,.16)}
.lbGarden:before{content:"";position:absolute;left:-10%;right:-10%;bottom:-80px;height:270px;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#73c94e,#4aaa45);box-shadow:inset 0 16px 0 rgba(255,255,255,.12)}
.lbGarden:after{content:"";position:absolute;left:15%;right:15%;bottom:-130px;height:290px;border-radius:50%;border:38px solid rgba(255,231,173,.76);transform:perspective(400px) rotateX(65deg)}
.lbHills:before,.lbHills:after{content:"";position:absolute;bottom:155px;width:480px;height:220px;border-radius:50% 50% 0 0;background:#62b84d}
.lbHills:before{right:-145px;transform:rotate(8deg)}
.lbHills:after{left:-165px;background:#57ac4a;transform:rotate(-7deg)}
.lbFlowers{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;font-size:31px;filter:drop-shadow(0 6px 2px rgba(36,92,31,.2))}
.lbFlowers span:nth-child(2){transform:translateY(-28px)}
.lbFlowers span:nth-child(3){transform:translateY(-10px)}
.lbFlowers span:nth-child(4){transform:translateY(-38px)}

.lbTree{position:absolute;z-index:2;right:10px;top:72px;width:190px;height:390px}
.lbTreeTrunk{position:absolute;right:72px;top:135px;width:58px;height:230px;border-radius:35px 35px 18px 18px;background:linear-gradient(90deg,#6e3e22,#9f6639 50%,#6e3e22);box-shadow:inset 8px 0 rgba(255,255,255,.08),0 12px 15px rgba(42,76,35,.16)}
.lbTreeTop i{position:absolute;width:125px;height:125px;border-radius:50%;background:linear-gradient(145deg,#47c875,#178e56);box-shadow:inset 10px 9px rgba(255,255,255,.11),0 12px 18px rgba(29,93,56,.19)}
.lbTreeTop i:nth-child(1){right:30px;top:15px}
.lbTreeTop i:nth-child(2){right:-4px;top:72px}
.lbTreeTop i:nth-child(3){right:70px;top:70px}
.lbTreeTop i:nth-child(4){right:37px;top:115px;width:110px;height:110px}
.lbTreeTop i:nth-child(5){right:78px;top:5px;width:90px;height:90px}
.lbOwl{position:absolute;z-index:3;right:81px;top:145px;font-size:42px;animation:lbOwl 4s ease-in-out infinite}

.lbQuestionBoard{position:absolute;z-index:5;top:22px;left:50%;transform:translateX(-50%);width:min(390px,58%);text-align:center;padding:12px 85px 12px 16px;border-radius:25px;background:linear-gradient(145deg,#fff9d9,#fff);border:5px solid #bd814c;box-shadow:0 11px 0 #83532d,0 18px 24px rgba(59,73,39,.18)}
.lbQuestionBoard:before,.lbQuestionBoard:after{content:"";position:absolute;top:-34px;width:8px;height:38px;border-radius:8px;background:#7d5434}
.lbQuestionBoard:before{right:35px}
.lbQuestionBoard:after{left:35px}
.lbQuestionLabel{display:block;font-size:13px;font-weight:900;color:#765331}
.lbQuestionBoard strong{position:absolute;right:13px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:65px;height:65px;border-radius:19px;background:linear-gradient(145deg,#7b62df,#5542b4);color:white;font-family:"Baloo Bhaijaan 2","Alexandria",sans-serif;font-size:50px;line-height:1;box-shadow:inset 0 0 0 4px rgba(255,255,255,.22),0 7px 0 #3e318c}
.lbReplay{padding:7px 12px;margin-top:5px;font-size:11px}

.lbWordCard{position:absolute;z-index:6;top:153px;left:50%;transform:translateX(-50%);width:230px;min-height:228px;padding:22px 16px 14px;text-align:center;border-radius:28px;background:linear-gradient(160deg,#fff,#fff6cf);border:5px solid rgba(255,255,255,.85);box-shadow:0 17px 0 rgba(91,118,50,.2),0 25px 32px rgba(37,85,63,.21);transition:.28s}
.lbWordCard.is-correct{animation:lbCardCorrect .65s}
.lbWordCard.is-wrong{animation:lbCardWrong .5s}
.lbCardRibbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);min-width:135px;padding:6px 12px;border-radius:999px;background:#ffd45b;color:#694616;font-size:11px;font-weight:1000;box-shadow:0 5px 0 #d4a534}
.lbImageFrame{width:108px;height:108px;margin:4px auto 7px;display:flex;align-items:center;justify-content:center;border-radius:24px;background:linear-gradient(145deg,#eaf9ff,#fff);box-shadow:inset 0 0 0 3px #d2eef9}
.lbImageFrame img{width:94px;height:94px;object-fit:contain}
.lbImageFallback{display:none;font-size:55px}
.lbWord{font-family:"Baloo Bhaijaan 2","Alexandria",sans-serif;font-size:34px;line-height:1.1;font-weight:900;color:#68442d;min-height:38px}
.lbCategory{margin-top:3px;font-size:10px;color:#75848a;font-weight:900}
.lbWordAudio{position:absolute;left:10px;bottom:10px;width:38px;height:38px}

.lbTrail{position:absolute;z-index:3;top:390px;left:17%;right:17%;height:8px;border-radius:999px;background:repeating-linear-gradient(90deg,#f7df9e 0 25px,transparent 25px 40px);opacity:.75}
.lbTrail i{position:absolute;width:14px;height:20px;border-radius:50%;border:3px solid rgba(117,82,44,.45);transform:rotate(24deg)}
.lbTrail i:nth-child(1){right:5%;top:-22px}
.lbTrail i:nth-child(2){right:25%;top:9px}
.lbTrail i:nth-child(3){right:48%;top:-20px}
.lbTrail i:nth-child(4){left:25%;top:8px}
.lbTrail i:nth-child(5){left:5%;top:-22px}

.lbBaskets{position:absolute;z-index:7;left:11%;right:11%;bottom:38px;display:grid;grid-template-columns:repeat(2,1fr);gap:34px}
.lbBasket{position:relative;min-height:142px;border:0;border-radius:28px 28px 42px 42px;padding:44px 12px 14px;cursor:pointer;color:#fff;box-shadow:inset 0 -18px rgba(0,0,0,.11),0 12px 0 rgba(47,78,39,.25),0 19px 30px rgba(31,77,48,.18);transition:.22s}
.lbBasket:before{content:"";position:absolute;inset:12px;border-radius:20px 20px 31px 31px;background:repeating-linear-gradient(90deg,transparent 0 16px,rgba(255,255,255,.09) 17px 21px);pointer-events:none}
.lbBasketYes{background:linear-gradient(145deg,#39cc82,#16985f)}
.lbBasketNo{background:linear-gradient(145deg,#ff7b73,#d84452)}
.lbBasketHandle{position:absolute;left:19%;right:19%;top:-38px;height:72px;border:11px solid currentColor;border-bottom:0;border-radius:70px 70px 0 0;opacity:.72}
.lbBasketYes .lbBasketHandle{color:#167d50}
.lbBasketNo .lbBasketHandle{color:#b73743}
.lbBasketIcon,.lbBasket b,.lbBasket small{position:relative;z-index:2;display:block}
.lbBasketIcon{font-size:39px}
.lbBasket b{font-size:18px}
.lbBasket small{margin-top:3px;font-size:10px;opacity:.9}
.lbBasket:hover{transform:translateY(-5px) scale(1.015)}
.lbBasket[disabled]{cursor:default;opacity:.68}
.lbBasket.is-correct{animation:lbBasketCorrect .7s}
.lbBasket.is-wrong{animation:lbBasketWrong .55s}
.lbBasketGlow{position:absolute;inset:8px;border-radius:20px 20px 33px 33px;opacity:0;background:radial-gradient(circle,rgba(255,255,190,.95),transparent 65%)}
.lbBasket.is-correct .lbBasketGlow{animation:lbGlow .7s}

.lbMessage{position:absolute;z-index:8;left:21%;right:21%;top:404px;min-height:47px;padding:10px 14px;text-align:center;border-radius:17px;background:rgba(255,255,255,.88);color:#345761;font-weight:900;box-shadow:0 8px 19px rgba(46,90,72,.14)}
.lbBankStatus{position:absolute;z-index:8;left:22%;right:22%;top:457px;text-align:center;color:#eaffdf;font-size:10px;font-weight:900;text-shadow:0 2px 4px rgba(33,83,43,.5)}
.lbBurst{position:absolute;z-index:20;top:48%;left:50%;transform:translate(-50%,-50%);pointer-events:none;font-size:37px;font-weight:1000;color:#fff56d;text-shadow:0 4px 0 #9a6a17}

.lbProgress{height:14px;margin:13px 4px;border-radius:999px;background:#d8c69e;overflow:hidden;box-shadow:inset 0 2px 5px rgba(82,63,30,.15)}
.lbProgress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bd7d,#ffd45b,#ff816e);transition:.35s}
.lbControls,.lbShare{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.lbControls button,.lbShare button,.lbEnd button{border:0;border-radius:16px;padding:11px 18px;font-weight:900;cursor:pointer;box-shadow:0 6px 0 rgba(0,0,0,.14)}
.lbPrimary{background:linear-gradient(145deg,#ffd45b,#f2ac31);color:#5d3a10}
.lbSecondary{background:#fff;color:#31576a}
.lbShare{margin-top:11px}
.lbShare button{padding:8px 14px;background:rgba(255,255,255,.78);font-size:12px;color:#365a68}

.lbEnd{display:none;position:absolute;z-index:50;inset:0;align-items:center;justify-content:center;padding:20px;background:rgba(23,54,64,.76);backdrop-filter:blur(5px)}
.lbEnd.is-visible{display:flex}
.lbEndCard{position:relative;width:min(460px,100%);padding:29px;text-align:center;border-radius:31px;background:linear-gradient(160deg,#fff,#fff7d8);box-shadow:0 28px 80px rgba(0,0,0,.35);animation:lbEndIn .38s}
.lbEndLeaves{font-size:24px}
.lbCup{font-size:72px}
.lbStars{font-size:37px}
.lbEndCard h2{margin:6px;font-size:30px;color:#365d48}
.lbEndStats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}
.lbEndStats>div{padding:11px;border-radius:17px;background:#fff;box-shadow:0 7px 17px rgba(50,84,62,.08)}
.lbEndStats b,.lbEndStats small{display:block}
.lbEndStats b{font-size:21px}
.lbEndStats small{font-size:10px;color:#6d7c77}
.lbBest{font-weight:900;color:#9b6a20}
.lbEndCard button{background:linear-gradient(145deg,#ffd45b,#f0ad35);color:#55350f}

.lbPaused .lbSparkles i,.lbPaused .lbSun,.lbPaused .lbBird,.lbPaused .lbOwl,.lbPaused .lbTitleBlock h1 span{animation-play-state:paused!important}
.lbPaused .lbBaskets{pointer-events:none;filter:grayscale(.25)}

@keyframes lbCloudMove{from{transform:translateX(0)}to{transform:translateX(-130vw)}}
@keyframes lbBirdFly{from{transform:translateX(0)}to{transform:translateX(-120vw)}}
@keyframes lbSunFloat{50%{transform:translateY(8px) rotate(7deg)}}
@keyframes lbSpark{50%{opacity:.25;transform:scale(.55) rotate(90deg)}}
@keyframes lbBasketSwing{50%{transform:rotate(8deg)}}
@keyframes lbOwl{50%{transform:translateY(-5px) rotate(-4deg)}}
@keyframes lbCardCorrect{45%{transform:translateX(-50%) translateY(-13px) rotate(2deg) scale(1.06);filter:brightness(1.12)}}
@keyframes lbCardWrong{20%,60%{transform:translateX(calc(-50% - 9px))}40%,80%{transform:translateX(calc(-50% + 9px))}}
@keyframes lbBasketCorrect{45%{transform:translateY(-10px) scale(1.05);filter:brightness(1.2)}}
@keyframes lbBasketWrong{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
@keyframes lbGlow{50%{opacity:1}}
@keyframes lbEndIn{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}

@media(max-width:820px){
  .lbGame{padding:13px;border-radius:20px}
  .lbHeader{align-items:flex-start}
  .lbHeader p{font-size:12px}
  .lbLevels{gap:6px}
  .lbLevels button{padding:8px 4px}
  .lbLevels button small{display:none}
  .lbStats{gap:4px}
  .lbStats>div{display:block;text-align:center;padding:6px 2px}
  .lbStats>div>span{font-size:18px}
  .lbStats small{display:block;font-size:8px}
  .lbStats b{font-size:15px}
  .lbGarden{min-height:700px}
  .lbTree{right:-50px;top:88px;transform:scale(.7);transform-origin:right top;opacity:.8}
  .lbQuestionBoard{top:21px;width:88%;padding-right:76px}
  .lbWordCard{top:156px;width:205px;min-height:218px}
  .lbImageFrame{width:98px;height:98px}
  .lbImageFrame img{width:86px;height:86px}
  .lbWord{font-size:30px}
  .lbMessage{top:392px;left:8%;right:8%;font-size:12px}
  .lbBankStatus{top:450px;left:8%;right:8%}
  .lbTrail{top:475px;left:8%;right:8%}
  .lbBaskets{left:7%;right:7%;bottom:35px;gap:14px}
  .lbBasket{min-height:143px;padding:43px 7px 12px}
  .lbBasket b{font-size:15px}
}
@media(max-width:520px){
  .lbHeader h1{font-size:31px}
  .lbKicker{font-size:9px}
  .lbSound{padding:9px 10px;font-size:11px}
  .lbGarden{min-height:760px}
  .lbQuestionBoard{width:94%;padding-left:8px}
  .lbBaskets{grid-template-columns:1fr;bottom:22px;gap:42px}
  .lbBasket{min-height:105px;padding:33px 7px 9px}
  .lbBasketHandle{top:-27px;height:55px;border-width:8px}
  .lbBasketIcon{font-size:27px}
  .lbBasket small{display:none}
  .lbTrail{display:none}
  .lbMessage{top:390px}
  .lbBankStatus{top:450px}
  .lbWordCard{top:154px}
  .lbEndStats{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .lbGame *{animation:none!important;transition:none!important}
}