.lcGame{
  --ink:#2f4757;
  --orange:#ee7a38;
  --red:#d54b54;
  --violet:#7655c5;
  --blue:#3b83cc;
  --gold:#ffca5d;
  --green:#32b878;
  direction:rtl;
  position:relative;
  overflow:hidden;
  border-radius:32px;
  padding:22px;
  color:var(--ink);
  background:
    radial-gradient(circle at 12% 7%,rgba(255,255,255,.94),transparent 18%),
    linear-gradient(180deg,#d8f2ff 0 33%,#e9d0a0 33% 100%);
  font-family:"Alexandria",Tahoma,Arial,sans-serif;
  box-shadow:0 25px 72px rgba(47,74,95,.24);
  isolation:isolate
}
.lcGame *{box-sizing:border-box}
.lcGame button{font:inherit}
.lcWorld{position:absolute;inset:0;pointer-events:none}
.lcCloud{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:lcCloud 24s linear infinite}
.lcCloud:before,.lcCloud:after{content:"";position:absolute;border-radius:50%;background:inherit}
.lcCloud:before{width:58px;height:58px;right:20px;bottom:7px}
.lcCloud:after{width:43px;height:43px;left:20px;bottom:8px}
.lcCloudOne{top:72px;right:-150px}
.lcCloudTwo{top:155px;left:-140px;animation-duration:30s;animation-delay:-13s;transform:scale(.78)}
.lcNote{position:absolute;color:#704fa8;font-family:Georgia,serif;font-weight:900;text-shadow:0 4px 0 rgba(255,255,255,.65);animation:lcNote 5s ease-in-out infinite}
.lcNoteOne{left:7%;top:52px;font-size:47px}
.lcNoteTwo{right:8%;top:136px;font-size:38px;animation-delay:-1.5s}
.lcNoteThree{left:20%;top:175px;font-size:31px;animation-delay:-3s}

.lcHeader{position:relative;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:2px 3px 16px}
.lcTitleBlock{max-width:760px}
.lcKicker{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)}
.lcHeader h1{margin:8px 0 3px;font-size:clamp(31px,5vw,52px);line-height:1;color:#77408a;text-shadow:0 3px 0 rgba(255,255,255,.72)}
.lcHeader h1 span{display:inline-block;animation:lcTitle 2.2s ease-in-out infinite}
.lcHeader p{margin:0;font-weight:800;color:#477481}
.lcSound{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)}

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

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

.lcStudio{position:relative;z-index:2;min-height:850px;overflow:hidden;border-radius:29px;background:linear-gradient(180deg,#b8dcec 0 31%,#8a684c 31% 100%);box-shadow:inset 0 0 0 5px rgba(255,255,255,.28),inset 0 -25px 45px rgba(48,30,17,.2),0 15px 35px rgba(58,80,72,.16)}
.lcStudio:before{content:"";position:absolute;left:-5%;right:-5%;bottom:-95px;height:275px;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#5a3b29,#2c1d17);box-shadow:inset 0 18px 0 rgba(255,255,255,.04)}
.lcStudioWall{position:absolute;inset:0 0 auto;height:31%;background:
  linear-gradient(135deg,rgba(47,66,77,.12) 25%,transparent 25%) -22px 0/44px 44px,
  linear-gradient(225deg,rgba(47,66,77,.12) 25%,transparent 25%) -22px 0/44px 44px,
  linear-gradient(315deg,rgba(47,66,77,.12) 25%,transparent 25%) 0 0/44px 44px,
  linear-gradient(45deg,rgba(47,66,77,.12) 25%,transparent 25%) 0 0/44px 44px,
  linear-gradient(180deg,#bcdde9,#8dbacb)}
.lcFoam{position:absolute;width:105px;height:70px;border-radius:12px;background:repeating-linear-gradient(45deg,#536774 0 8px,#3f535f 9px 16px);box-shadow:0 8px 13px rgba(33,48,56,.2)}
.lcFoamOne{left:4%;top:32px}.lcFoamTwo{left:18%;top:119px}.lcFoamThree{right:4%;top:39px}.lcFoamFour{right:18%;top:128px}
.lcWindow{position:absolute;left:50%;top:27px;transform:translateX(-50%);width:250px;height:145px;border:13px solid #3b4c57;background:linear-gradient(145deg,#d7f3ff,#80b6d3);box-shadow:0 13px 20px rgba(38,61,73,.2)}
.lcWindow:before{content:"🎤";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:65px;filter:drop-shadow(0 8px 7px rgba(50,62,65,.2))}

.lcSpeakerBox{position:absolute;z-index:7;top:246px;width:155px;height:250px;border-radius:24px;background:linear-gradient(145deg,#4d5c66,#222f36);border:9px solid #1f2d34;box-shadow:0 18px 0 rgba(46,31,22,.25),0 25px 28px rgba(39,38,31,.2)}
.lcSpeakerLeft{left:29px}.lcSpeakerRight{right:29px}
.lcSpeakerBox:before,.lcSpeakerBox:after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#293b44 0 24%,#111c22 25% 44%,#596d79 45% 54%,#1b282f 55%);box-shadow:inset 0 0 0 5px #111b21}
.lcSpeakerBox:before{top:27px;width:92px;height:92px}
.lcSpeakerBox:after{bottom:24px;width:113px;height:113px}
.lcSpeakerBox span{position:absolute;right:16px;top:14px;width:13px;height:13px;border-radius:50%;background:#75ff9c;box-shadow:0 0 13px #75ff9c;animation:lcLight 1.5s ease-in-out infinite}
.lcSpeakerBox i{position:absolute;left:17px;top:16px;width:13px;height:13px;border-radius:50%;background:#ffcc5b;box-shadow:0 0 13px #ffcc5b}

.lcConsole{position:absolute;z-index:8;left:19%;right:19%;bottom:158px;height:145px;border-radius:30px 30px 16px 16px;background:linear-gradient(180deg,#6b7981,#34454e);border:10px solid #293a43;box-shadow:0 18px 0 rgba(45,29,20,.25),0 27px 34px rgba(41,39,31,.2)}
.lcConsole:before{content:"";position:absolute;left:7%;right:7%;top:20px;height:55px;border-radius:13px;background:#1c2b32;box-shadow:inset 0 0 0 5px #536771}
.lcConsoleLight{position:absolute;z-index:2;top:38px;width:14px;height:14px;border-radius:50%}
.lcLightOne{right:18%;background:#ff575f;box-shadow:0 0 12px #ff575f}
.lcLightTwo{right:26%;background:#ffcf54;box-shadow:0 0 12px #ffcf54}
.lcLightThree{right:34%;background:#64ed90;box-shadow:0 0 12px #64ed90}
.lcSliders{position:absolute;left:7%;right:7%;bottom:16px;display:flex;justify-content:space-around}
.lcSliders i{display:block;width:9px;height:43px;border-radius:999px;background:#1c2b32;position:relative}
.lcSliders i:after{content:"";position:absolute;left:50%;top:var(--slider,12px);width:24px;height:11px;border-radius:4px;background:#d0d7da;transform:translateX(-50%)}
.lcSliders i:nth-child(2):after{top:25px}.lcSliders i:nth-child(3):after{top:7px}.lcSliders i:nth-child(4):after{top:20px}.lcSliders i:nth-child(5):after{top:12px}

.lcMission{position:absolute;z-index:14;left:50%;top:32px;transform:translateX(-50%);width:330px;min-height:302px;padding:30px 18px 17px;text-align:center;border-radius:31px;background:linear-gradient(160deg,#fff,#fff0c3);border:5px solid rgba(255,255,255,.9);box-shadow:0 16px 0 rgba(87,64,40,.19),0 25px 34px rgba(44,64,61,.2)}
.lcMission.is-correct{animation:lcCardCorrect .65s}
.lcMission.is-wrong{animation:lcCardWrong .52s}
.lcMissionBadge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);min-width:145px;padding:6px 12px;border-radius:999px;background:#7754c7;color:#fff;font-size:10px;font-weight:1000;box-shadow:0 5px 0 #55369e}
.lcMission>small{display:block;color:#866844;font-weight:900}
.lcMainSpeaker{position:relative;width:150px;height:150px;margin:8px auto 0;border:0;border-radius:50%;background:linear-gradient(145deg,#f59b35,#d54b54);color:#fff;cursor:pointer;box-shadow:0 13px 0 #9b3340,0 20px 27px rgba(169,62,61,.23);transition:.18s}
.lcMainSpeaker:hover{transform:translateY(-4px)}
.lcMainSpeaker:active{transform:translateY(6px);box-shadow:0 7px 0 #9b3340}
.lcHeadphones{position:absolute;left:50%;top:13px;transform:translateX(-50%);font-size:49px}
.lcPlayIcon{display:block;padding-top:62px;font-size:38px}
.lcMainSpeaker b{display:block;font-size:10px}
.lcWaves{height:34px;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:7px}
.lcWaves i{display:block;width:6px;height:15px;border-radius:999px;background:#d54b54}
.lcWaves.is-playing i{animation:lcWave .65s ease-in-out infinite}
.lcWaves i:nth-child(2),.lcWaves i:nth-child(6){height:25px;animation-delay:.08s}
.lcWaves i:nth-child(3),.lcWaves i:nth-child(5){height:34px;animation-delay:.16s}
.lcWaves i:nth-child(4){height:43px;animation-delay:.24s}
.lcInstruction{margin:3px 0;color:#6b5540;font-size:12px;font-weight:900}
.lcFallbackReveal{display:block;min-height:27px;color:#783d73;font-family:"Baloo Bhaijaan 2","Alexandria",sans-serif;font-size:24px}
.lcVoiceStatus{display:block;min-height:18px;color:#9b4a2b;font-size:9px;font-weight:900}

.lcOptions{position:absolute;z-index:17;left:6%;right:6%;top:365px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:stretch}
.lcOption{position:relative;min-height:132px;border:0;border-radius:21px;padding:9px;background:linear-gradient(145deg,#fff,#fff0c3);color:#533545;cursor:pointer;box-shadow:0 9px 0 #b98a55,0 15px 20px rgba(45,44,36,.17);font-family:"Baloo Bhaijaan 2","Alexandria",sans-serif;font-size:31px;font-weight:900;transition:.18s;overflow:hidden}
.lcOption:hover{transform:translateY(-5px)}
.lcOption.is-correct{animation:lcOptionCorrect .68s;background:linear-gradient(145deg,#e8ffd8,#72d88b);box-shadow:0 8px 0 #3b9956}
.lcOption.is-wrong{animation:lcOptionWrong .5s;background:linear-gradient(145deg,#ffd6d8,#ee858e);box-shadow:0 8px 0 #a33a44}
.lcOption.is-hint{opacity:.16;filter:grayscale(1);pointer-events:none}
.lcOption[disabled]{cursor:default}
.lcPicture{width:100%;height:96px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#fff;overflow:hidden}
.lcPicture img{width:100%;height:100%;display:block;object-fit:contain}
.lcPicture span{font-size:43px}
.lcOption small{display:block;margin-top:5px;font-family:"Alexandria",sans-serif;font-size:9px;color:#665a52}

.lcHintMeter{position:absolute;z-index:11;left:20px;top:295px;width:110px;padding:13px 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}
.lcHintMeter span,.lcHintMeter b,.lcHintMeter small{display:block}
.lcHintMeter span{font-size:32px}
.lcHintMeter b{font-size:28px}
.lcHintMeter small{font-size:9px}
.lcMessage{position:absolute;z-index:20;left:17%;right:17%;bottom:29px;min-height:45px;padding:10px 14px;text-align:center;border-radius:17px;background:rgba(255,255,255,.94);color:#465d68;font-weight:900;box-shadow:0 8px 19px rgba(72,70,51,.14)}
.lcBankStatus{position:absolute;z-index:20;left:18%;right:18%;bottom:8px;text-align:center;color:#fff1ce;font-size:9px;font-weight:900;text-shadow:0 2px 4px rgba(65,43,27,.6)}
.lcComboBurst{position:absolute;z-index:31;top:55%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:#fff36e;font-size:38px;font-weight:1000;text-shadow:0 4px 0 #8a401a}

.lcProgress{height:14px;margin:13px 4px;border-radius:999px;background:#d8c69e;overflow:hidden;box-shadow:inset 0 2px 5px rgba(82,63,30,.15)}
.lcProgress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7655c5,#3d83cf,#ffca5c,#32b878);transition:.35s}
.lcActions,.lcShare{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.lcActions button,.lcShare button,.lcEnd button{border:0;border-radius:16px;padding:11px 18px;font-weight:900;cursor:pointer;box-shadow:0 6px 0 rgba(0,0,0,.14)}
.lcPrimary{background:linear-gradient(145deg,#7655c5,#51349b);color:#fff}
.lcSecondary{background:#fff;color:#365b68}
.lcGold{background:linear-gradient(145deg,#ffd56d,#eab442);color:#5a3b0b}
.lcShare{margin-top:11px}
.lcShare button{padding:8px 14px;background:rgba(255,255,255,.83);font-size:12px;color:#3f5d67}

.lcEnd{display:none;position:absolute;z-index:60;inset:0;align-items:center;justify-content:center;padding:20px;background:rgba(34,47,57,.81);backdrop-filter:blur(5px)}
.lcEnd.is-visible{display:flex}
.lcEndCard{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:lcEndIn .38s}
.lcEndBadge{font-size:26px}
.lcCup{font-size:72px}
.lcStars{font-size:37px}
.lcEndCard h2{margin:6px;font-size:30px;color:#66418f}
.lcEndStats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}
.lcEndStats>div{padding:11px;border-radius:17px;background:#fff;box-shadow:0 7px 17px rgba(78,70,37,.08)}
.lcEndStats b,.lcEndStats small{display:block}
.lcEndStats b{font-size:21px}
.lcEndStats small{font-size:10px;color:#77766b}
.lcBest{font-weight:900;color:#9b671a}
.lcEndCard button{background:linear-gradient(145deg,#7655c5,#51349b);color:#fff}

.lcPaused .lcWorld *,.lcPaused .lcWaves i{animation-play-state:paused!important}
.lcPaused .lcOptions{pointer-events:none;filter:grayscale(.25)}

@keyframes lcCloud{from{transform:translateX(0)}to{transform:translateX(-130vw)}}
@keyframes lcNote{50%{transform:translateY(13px) rotate(8deg)}}
@keyframes lcTitle{50%{transform:scale(1.08) rotate(6deg)}}
@keyframes lcLight{50%{opacity:.35;box-shadow:0 0 4px #75ff9c}}
@keyframes lcWave{50%{transform:scaleY(.35);opacity:.45}}
@keyframes lcCardCorrect{45%{transform:translateX(-50%) translateY(-11px) scale(1.05);filter:brightness(1.12)}}
@keyframes lcCardWrong{20%,60%{transform:translateX(calc(-50% - 8px))}40%,80%{transform:translateX(calc(-50% + 8px))}}
@keyframes lcOptionCorrect{45%{transform:translateY(-8px) scale(1.07);filter:brightness(1.14)}}
@keyframes lcOptionWrong{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
@keyframes lcEndIn{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}

@media(max-width:1000px){
  .lcGame{padding:13px;border-radius:20px}
  .lcHeader p{font-size:12px}
  .lcLevels,.lcModes{gap:6px}
  .lcLevels button,.lcModes button{padding:8px 4px}
  .lcLevels button small,.lcModes button small{display:none}
  .lcStats{grid-template-columns:repeat(3,1fr);gap:4px}
  .lcStats>div{display:block;text-align:center;padding:6px 2px}
  .lcStats>div>span{font-size:18px}
  .lcStats small{display:block;font-size:8px}
  .lcStats b{font-size:15px}
  .lcStudio{min-height:1080px}
  .lcFoam,.lcWindow{opacity:.55}
  .lcWindow{transform:translateX(-50%) scale(.76);transform-origin:center top}
  .lcSpeakerBox{top:285px;transform:scale(.68)}
  .lcSpeakerLeft{left:-23px;transform-origin:left top}
  .lcSpeakerRight{right:-23px;transform-origin:right top}
  .lcMission{top:48px;width:245px}
  .lcOptions{left:5%;right:5%;top:405px;grid-template-columns:repeat(3,1fr);gap:8px}
  .lcOption{min-height:125px;font-size:26px}
  .lcConsole{left:5%;right:5%;bottom:160px}
  .lcHintMeter{left:3px;top:665px;transform:scale(.72);transform-origin:left top}
  .lcMessage{left:5%;right:5%;bottom:29px;font-size:12px}
  .lcBankStatus{left:5%;right:5%;bottom:8px}
}
@media(max-width:600px){
  .lcHeader h1{font-size:29px}
  .lcKicker{font-size:9px}
  .lcSound{padding:9px 10px;font-size:11px}
  .lcStudio{min-height:1220px}
  .lcMission{top:55px;width:215px}
  .lcMainSpeaker{width:125px;height:125px}
  .lcHeadphones{font-size:40px}
  .lcPlayIcon{padding-top:53px;font-size:31px}
  .lcOptions{top:405px;grid-template-columns:repeat(2,1fr)}
  .lcOption{min-height:132px}
  .lcPicture{height:86px}
  .lcConsole{bottom:165px}
  .lcHintMeter{display:none}
  .lcEndStats{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.lcGame *{animation:none!important;transition:none!important}}