.lhGame{
  --ink:#294253;
  --red:#cf4455;
  --red-dark:#8f2936;
  --gold:#ffc95d;
  --green:#2fb876;
  --blue:#4382d1;
  direction:rtl;
  position:relative;
  overflow:hidden;
  border-radius:32px;
  padding:22px;
  color:var(--ink);
  background:
    radial-gradient(circle at 12% 8%,rgba(255,255,255,.94),transparent 18%),
    linear-gradient(180deg,#c6edff 0 35%,#efd69b 35% 100%);
  font-family:"Alexandria",Tahoma,Arial,sans-serif;
  box-shadow:0 25px 72px rgba(39,82,104,.24);
  isolation:isolate
}
.lhGame *{box-sizing:border-box}
.lhGame button{font:inherit}
.lhWorld{position:absolute;inset:0;pointer-events:none}
.lhSun{position:absolute;left:6%;top:43px;font-size:67px;filter:drop-shadow(0 9px 12px rgba(255,184,33,.28));animation:lhSun 5s ease-in-out infinite}
.lhCloud{position:absolute;width:125px;height:39px;border-radius:999px;background:rgba(255,255,255,.83);filter:drop-shadow(0 7px 8px rgba(50,115,142,.12));animation:lhCloud 23s linear infinite}
.lhCloud:before,.lhCloud:after{content:"";position:absolute;border-radius:50%;background:inherit}
.lhCloud:before{width:58px;height:58px;right:20px;bottom:7px}
.lhCloud:after{width:43px;height:43px;left:20px;bottom:8px}
.lhCloudOne{top:72px;right:-150px}
.lhCloudTwo{top:155px;left:-140px;animation-duration:30s;animation-delay:-13s;transform:scale(.78)}
.lhBird{position:absolute;font-size:34px;filter:drop-shadow(0 7px 7px rgba(60,70,75,.2));animation:lhBird 18s linear infinite}
.lhBirdOne{right:-70px;top:165px}.lhBirdTwo{right:-130px;top:220px;animation-duration:24s;animation-delay:-8s}

.lhHeader{position:relative;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:2px 3px 16px}
.lhTitleBlock{max-width:760px}
.lhKicker{display:inline-flex;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.84);font-size:12px;font-weight:900;box-shadow:0 7px 17px rgba(38,95,120,.1)}
.lhHeader h1{margin:8px 0 3px;font-size:clamp(31px,5vw,52px);line-height:1;color:#8e2f38;text-shadow:0 3px 0 rgba(255,255,255,.72)}
.lhHeader h1 span{display:inline-block;animation:lhTitle 2.2s ease-in-out infinite}
.lhHeader p{margin:0;font-weight:800;color:#477481}
.lhSound{border:0;border-radius:999px;background:#fff;cursor:pointer;font-weight:900;padding:11px 16px;white-space:nowrap;box-shadow:0 8px 19px rgba(28,74,92,.16)}

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

.lhStats{position:relative;z-index:4;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:12px 0}
.lhStats>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,.9);box-shadow:0 6px 15px rgba(33,82,98,.1)}
.lhStats>div>span{grid-row:1/3;font-size:23px}.lhStats small{font-size:10px;color:#6d777a;font-weight:900}.lhStats b{font-size:18px}.lhStats em{font-style:normal}

.lhArena{position:relative;z-index:2;min-height:760px;overflow:hidden;border-radius:29px;background:linear-gradient(180deg,#99dcfb 0 42%,#ead19a 42% 100%);box-shadow:inset 0 0 0 5px rgba(255,255,255,.34),inset 0 -25px 45px rgba(103,77,30,.14),0 15px 35px rgba(58,80,72,.16)}
.lhArena:before{content:"";position:absolute;left:-5%;right:-5%;bottom:-120px;height:315px;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#d6b16a,#a4753e);box-shadow:inset 0 17px 0 rgba(255,255,255,.1)}
.lhMountains:before,.lhMountains:after{content:"";position:absolute;bottom:265px;width:500px;height:225px;clip-path:polygon(50% 0,100% 100%,0 100%)}
.lhMountains:before{right:-120px;background:linear-gradient(145deg,#9d9c93 0 55%,#77766f 56% 100%)}
.lhMountains:after{left:-140px;background:linear-gradient(145deg,#8e938c 0 58%,#686d67 59% 100%)}
.lhTrees{position:absolute;left:2%;right:2%;bottom:205px;display:flex;justify-content:space-between;align-items:flex-end;font-size:73px;opacity:.76;filter:drop-shadow(0 10px 7px rgba(65,55,30,.18))}
.lhTrees span:nth-child(2),.lhTrees span:nth-child(4){font-size:94px}

.lhTower{position:absolute;z-index:5;right:24px;top:31px;width:130px;height:245px;filter:drop-shadow(0 12px 9px rgba(70,52,28,.23))}
.lhTowerRoof{position:absolute;right:7px;top:0;width:115px;height:44px;clip-path:polygon(50% 0,100% 100%,0 100%);background:#8b2f36}
.lhTowerBody{position:absolute;right:29px;top:42px;width:72px;height:185px;background:linear-gradient(90deg,#825329,#b57b3e,#70441f);border:6px solid #5c381d}
.lhTowerBody:before{content:"";position:absolute;left:13px;right:13px;top:18px;height:48px;border:5px solid #2b3a46;background:#a6dcf2}
.lhTowerFlag{position:absolute;right:77px;top:-11px;font-size:32px;animation:lhFlag 2.7s ease-in-out infinite}

.lhMission{position:absolute;z-index:12;top:42px;left:50%;transform:translateX(-50%);width:320px;min-height:255px;padding:31px 18px 17px;text-align:center;border-radius:31px;background:linear-gradient(160deg,#fff,#fff0c0);border:5px solid rgba(255,255,255,.9);box-shadow:0 17px 0 rgba(112,79,43,.19),0 26px 34px rgba(50,77,68,.2);transition:.28s}
.lhMission.is-correct{animation:lhCardCorrect .65s}.lhMission.is-wrong{animation:lhCardWrong .5s}
.lhMissionBadge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);min-width:145px;padding:6px 12px;border-radius:999px;background:#ffc957;color:#68400d;font-size:11px;font-weight:1000;box-shadow:0 5px 0 #d89b22}
.lhMission>small{display:block;color:#8e6a44;font-weight:900}
.lhMissionIcon{font-size:43px;margin-top:4px}
.lhPicture{display:none;width:108px;height:108px;margin:6px auto;border-radius:23px;background:#fff;box-shadow:0 8px 17px rgba(55,66,56,.14);overflow:hidden;align-items:center;justify-content:center}
.lhPicture.is-visible{display:flex}.lhPicture img{width:100%;height:100%;object-fit:contain}.lhPicture span{font-size:40px}
.lhPrompt{font-size:12px;font-weight:900;color:#6b5c43}
.lhTarget{display:block;min-height:72px;margin:4px 0;font-family:"Baloo Bhaijaan 2","Alexandria",sans-serif;font-size:70px;line-height:1;color:#84313a}
.lhWordReveal{min-height:25px;font-size:17px;font-weight:1000;color:#594d3d}
.lhReplay{display:none;border:0;border-radius:999px;padding:7px 12px;margin:6px auto 0;background:#fff;color:#65438f;cursor:pointer;font-size:11px;font-weight:900;box-shadow:0 5px 0 rgba(93,67,38,.16)}
.lhReplay.is-visible{display:inline-flex}

.lhScope{position:absolute;z-index:23;left:50%;top:340px;width:105px;height:105px;border:10px solid #253643;border-radius:50%;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 4px rgba(255,255,255,.5),0 12px 18px rgba(45,45,35,.22);transform:translate(-50%,-50%);pointer-events:none;transition:left .52s ease,top .52s ease,transform .52s ease}
.lhScopeRing{position:absolute;inset:15px;border:2px solid rgba(36,51,62,.72);border-radius:50%}.lhScopeH,.lhScopeV{position:absolute;background:#d9424b}
.lhScopeH{left:0;right:0;top:50%;height:2px}.lhScopeV{top:0;bottom:0;left:50%;width:2px}.lhScopeDot{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:#d9424b;transform:translate(-50%,-50%);box-shadow:0 0 10px #fff}
.lhBeam{position:absolute;z-index:20;left:50%;top:340px;width:0;height:3px;background:linear-gradient(90deg,#fff6a4,#e33f48);transform-origin:left center;opacity:0;pointer-events:none;box-shadow:0 0 8px #fff2a2;transition:width .42s ease,transform .42s ease,opacity .15s}

.lhChoices{position:absolute;z-index:14;left:5%;right:5%;bottom:95px;display:grid;grid-template-columns:repeat(6,minmax(82px,1fr));gap:12px;align-items:end}
.lhChoice{position:relative;min-height:175px;border:0;background:transparent;cursor:pointer;padding:0;transition:.2s}
.lhChoiceStand{position:absolute;left:50%;bottom:0;width:15px;height:87px;border-radius:9px 9px 2px 2px;background:linear-gradient(90deg,#63401f,#a06a37,#5a371d);transform:translateX(-50%)}
.lhChoiceBase{position:absolute;left:50%;bottom:0;width:74px;height:18px;border-radius:50%;background:#60401f;transform:translateX(-50%)}
.lhChoiceFace{position:absolute;z-index:3;left:50%;top:0;width:116px;height:116px;border-radius:24px;transform:translateX(-50%) rotate(-2deg);background:linear-gradient(145deg,#fff,#ffe9ac);border:8px solid #9f5c2d;box-shadow:inset 0 0 0 4px #f7cf79,0 10px 15px rgba(64,54,39,.18);transition:.2s}
.lhChoice:nth-child(even) .lhChoiceFace{transform:translateX(-50%) rotate(2deg)}
.lhChoiceValue{position:absolute;z-index:5;left:50%;top:17px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:82px;height:82px;border-radius:50%;background:#fff;color:#722f37;font-family:"Baloo Bhaijaan 2","Alexandria",sans-serif;font-size:53px;font-weight:900;box-shadow:0 3px 8px rgba(61,43,29,.14)}
.lhChoiceMark{position:absolute;z-index:7;left:50%;top:50%;width:14px;height:14px;border-radius:50%;background:#fff36c;transform:translate(-50%,-50%) scale(0);box-shadow:0 0 19px #fff36c}
.lhChoice:hover .lhChoiceFace{transform:translateX(-50%) translateY(-7px) scale(1.05)}
.lhChoice[disabled]{cursor:default;opacity:.67}
.lhChoice.is-correct .lhChoiceFace{animation:lhTargetCorrect .72s;background:linear-gradient(145deg,#e9ffd7,#7bdd91)}
.lhChoice.is-correct .lhChoiceMark{animation:lhMark .6s forwards}
.lhChoice.is-wrong .lhChoiceFace{animation:lhTargetWrong .55s;background:linear-gradient(145deg,#ffd8d8,#f08990)}
.lhChoice.is-hint .lhChoiceFace{opacity:.2;filter:grayscale(1)}

.lhHintPanel{position:absolute;z-index:11;left:21px;top:47px;width:118px;padding:14px 8px;text-align:center;border-radius:20px;background:linear-gradient(145deg,#70451f,#4b2e18);border:5px solid #d6a04e;box-shadow:0 10px 0 rgba(69,45,23,.25),0 17px 22px rgba(70,61,31,.18);color:#fff}
.lhHintPanel span,.lhHintPanel b,.lhHintPanel small{display:block}.lhHintPanel span{font-size:34px}.lhHintPanel b{font-size:30px}.lhHintPanel small{font-size:9px}
.lhMessage{position:absolute;z-index:17;left:17%;right:17%;bottom:25px;min-height:45px;padding:10px 14px;text-align:center;border-radius:17px;background:rgba(255,255,255,.92);color:#465d68;font-weight:900;box-shadow:0 8px 19px rgba(72,70,51,.14)}
.lhBankStatus{position:absolute;z-index:17;left:18%;right:18%;bottom:7px;text-align:center;color:#fff5cf;font-size:9px;font-weight:900;text-shadow:0 2px 4px rgba(83,58,29,.5)}
.lhComboBurst{position:absolute;z-index:31;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:#fff36e;font-size:38px;font-weight:1000;text-shadow:0 4px 0 #8a401a}

.lhProgress{height:14px;margin:13px 4px;border-radius:999px;background:#d8c69e;overflow:hidden;box-shadow:inset 0 2px 5px rgba(82,63,30,.15)}
.lhProgress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d9474f,#ffc957,#3fb579);transition:.35s}
.lhActions,.lhShare{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.lhActions button,.lhShare button,.lhEnd button{border:0;border-radius:16px;padding:11px 18px;font-weight:900;cursor:pointer;box-shadow:0 6px 0 rgba(0,0,0,.14)}
.lhPrimary{background:linear-gradient(145deg,#d9474f,#a62e38);color:#fff}.lhSecondary{background:#fff;color:#365b68}.lhGold{background:linear-gradient(145deg,#ffd56d,#eab442);color:#5a3b0b}
.lhShare{margin-top:11px}.lhShare button{padding:8px 14px;background:rgba(255,255,255,.82);font-size:12px;color:#3f5d67}

.lhEnd{display:none;position:absolute;z-index:60;inset:0;align-items:center;justify-content:center;padding:20px;background:rgba(37,51,57,.79);backdrop-filter:blur(5px)}
.lhEnd.is-visible{display:flex}.lhEndCard{width:min(460px,100%);padding:29px;text-align:center;border-radius:31px;background:linear-gradient(160deg,#fff,#fff0c5);box-shadow:0 28px 80px rgba(0,0,0,.35);animation:lhEndIn .38s}
.lhEndBadge{font-size:26px}.lhCup{font-size:72px}.lhStars{font-size:37px}.lhEndCard h2{margin:6px;font-size:30px;color:#78343b}
.lhEndStats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.lhEndStats>div{padding:11px;border-radius:17px;background:#fff;box-shadow:0 7px 17px rgba(78,70,37,.08)}
.lhEndStats b,.lhEndStats small{display:block}.lhEndStats b{font-size:21px}.lhEndStats small{font-size:10px;color:#77766b}.lhBest{font-weight:900;color:#9b671a}.lhEndCard button{background:linear-gradient(145deg,#d9474f,#a62e38);color:#fff}

.lhPaused .lhWorld *,.lhPaused .lhScope{animation-play-state:paused!important}.lhPaused .lhChoices{pointer-events:none;filter:grayscale(.25)}

@keyframes lhSun{50%{transform:translateY(8px) rotate(6deg)}}@keyframes lhCloud{from{transform:translateX(0)}to{transform:translateX(-130vw)}}@keyframes lhBird{from{transform:translateX(0)}to{transform:translateX(-125vw)}}@keyframes lhTitle{50%{transform:scale(1.1) rotate(6deg)}}@keyframes lhFlag{50%{transform:rotate(-7deg) translateY(-4px)}}
@keyframes lhCardCorrect{45%{transform:translateX(-50%) translateY(-12px) scale(1.055);filter:brightness(1.12)}}@keyframes lhCardWrong{20%,60%{transform:translateX(calc(-50% - 9px))}40%,80%{transform:translateX(calc(-50% + 9px))}}
@keyframes lhTargetCorrect{45%{transform:translateX(-50%) translateY(-11px) scale(1.1);filter:brightness(1.16)}}@keyframes lhTargetWrong{20%,60%{transform:translateX(calc(-50% - 8px))}40%,80%{transform:translateX(calc(-50% + 8px))}}
@keyframes lhMark{45%{transform:translate(-50%,-50%) scale(1.7)}100%{transform:translate(-50%,-50%) scale(1)}}@keyframes lhEndIn{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}

@media(max-width:970px){
  .lhGame{padding:13px;border-radius:20px}.lhHeader p{font-size:12px}.lhLevels{gap:6px}.lhLevels button{padding:8px 4px}.lhLevels button small{display:none}
  .lhStats{grid-template-columns:repeat(3,1fr);gap:4px}.lhStats>div{display:block;text-align:center;padding:6px 2px}.lhStats>div>span{font-size:18px}.lhStats small{display:block;font-size:8px}.lhStats b{font-size:15px}
  .lhArena{min-height:900px}.lhTower{right:-20px;top:30px;transform:scale(.68);transform-origin:right top;opacity:.8}.lhHintPanel{left:3px;top:31px;transform:scale(.72);transform-origin:left top}
  .lhMission{top:55px;width:240px}.lhScope{top:347px;width:85px;height:85px;border-width:8px}.lhChoices{left:5%;right:5%;bottom:95px;grid-template-columns:repeat(3,1fr);gap:7px 11px}
  .lhChoice{min-height:145px}.lhChoiceFace{transform:translateX(-50%) scale(.82);transform-origin:center bottom}.lhChoice:hover .lhChoiceFace{transform:translateX(-50%) translateY(-5px) scale(.87)}
  .lhChoiceStand{height:62px}.lhMessage{left:5%;right:5%;bottom:25px;font-size:12px}.lhBankStatus{left:5%;right:5%;bottom:8px}
}
@media(max-width:560px){
  .lhHeader h1{font-size:30px}.lhKicker{font-size:9px}.lhSound{padding:9px 10px;font-size:11px}.lhArena{min-height:980px}
  .lhMission{top:65px;width:210px}.lhTarget{font-size:56px}.lhTower,.lhHintPanel{opacity:.58}.lhScope{top:355px}.lhChoices{bottom:98px}.lhChoice{min-height:151px}.lhChoiceValue{font-size:43px}
  .lhEndStats{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.lhGame *{animation:none!important;transition:none!important}}