/* ===== source style 77: levels-no-xp-card-5star-final ===== */

/* Levels: remove XP target from the level list and show card as a 5-star prize. */
#screen-levels .level-meta-line span:nth-child(2){color:#efe7ff;}
#screen-levels .level-meta-line span:nth-child(n+3){display:none!important;}


/* ===== source style 78: first8-two-cards-boss-legendary-ui ===== */

#screen-levels .level-meta-line .level-card-reward-rule{color:#efe7ff!important;font-weight:1000!important;}
#screen-levels .level-card.boss .level-card-reward-rule{color:#ffd15b!important;}
.compact-reward.reward-legendary-card{border-color:rgba(255,209,91,.42)!important;background:linear-gradient(160deg,rgba(255,209,91,.18),rgba(55,21,120,.78))!important;box-shadow:0 0 20px rgba(255,209,91,.12),inset 0 1px 0 rgba(255,255,255,.08)!important;}
.compact-reward.reward-card-two{border-color:rgba(85,197,255,.28)!important;background:linear-gradient(160deg,rgba(85,197,255,.14),rgba(55,21,120,.74))!important;}


/* ===== source style 79: first3-tutorial-flow-styles ===== */

body.tutorial-active #bottomNav button:not([data-screen="levels"]),
body.tutorial-active #bottomNav button[data-rewards]{
  opacity:.42!important;
  filter:grayscale(.45)!important;
  pointer-events:none!important;
}
.tutorial-level-badge{
  position:absolute;left:9px;top:8px;z-index:6;min-height:20px;padding:4px 8px;border-radius:999px;
  display:inline-flex;align-items:center;gap:5px;
  background:linear-gradient(135deg,#55c5ff,#7a3cff);
  border:1px solid rgba(255,255,255,.24);box-shadow:0 8px 18px rgba(85,197,255,.18);
  color:#fff;font-size:9.5px;font-weight:1000;letter-spacing:.35px;text-transform:uppercase;
}
.tutorial-level-done .tutorial-level-badge{background:linear-gradient(135deg,#62f0a0,#55c5ff);color:#06172a}
.tutorial-coach-overlay{
  position:absolute;inset:0;z-index:310;display:none;align-items:center;justify-content:center;padding:18px;
  background:rgba(5,1,17,.56);backdrop-filter:blur(10px);
}
.tutorial-coach-overlay.show{display:flex;animation:fadeIn .18s ease both}
.tutorial-coach-card{
  width:100%;max-width:370px;border-radius:26px;padding:18px;
  background:radial-gradient(circle at 78% 0%,rgba(255,209,91,.15),transparent 30%),radial-gradient(circle at 12% 10%,rgba(85,197,255,.13),transparent 32%),linear-gradient(160deg,rgba(49,19,108,.98),rgba(12,4,36,.99));
  border:1px solid rgba(188,143,255,.28);box-shadow:0 22px 64px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.08);
  text-align:left;
}
.tutorial-coach-kicker{display:inline-grid;place-items:center;min-height:28px;padding:0 11px;margin-bottom:10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#ffd15b;font-size:11px;font-weight:1000;letter-spacing:.6px;text-transform:uppercase}
.tutorial-coach-card h2{margin:0 0 8px;font-size:23px;line-height:1.08;font-weight:1000;letter-spacing:-.3px}
.tutorial-coach-card p{margin:0 0 14px;color:#d8cafa;font-size:13px;font-weight:900;line-height:1.38}
.tutorial-coach-rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 14px}
.tutorial-coach-reward{min-height:64px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.11);font-size:11px;font-weight:1000;color:#efe7ff}
.tutorial-coach-reward i{font-style:normal;font-size:24px;line-height:1}
.tutorial-coach-actions{display:grid;grid-template-columns:1fr;gap:8px}
.tutorial-coach-actions .primary{min-height:50px;border-radius:18px}
.tutorial-inline-tip{
  position:absolute;left:14px;right:14px;bottom:calc(100px + var(--safeBottom));z-index:80;
  border-radius:20px;padding:12px 14px;background:rgba(12,5,33,.88);border:1px solid rgba(188,143,255,.24);
  box-shadow:0 14px 32px rgba(0,0,0,.36);color:#efe7ff;font-size:13px;font-weight:900;line-height:1.3;text-align:center;
}
#screen-game.tutorial-level-3 #boostTime{animation:tutorialBoostPulse 1.25s ease-in-out infinite;border-color:rgba(255,209,91,.55)!important;box-shadow:0 0 0 1px rgba(255,209,91,.18),0 0 24px rgba(255,209,91,.28),0 12px 24px rgba(0,0,0,.3)!important}
@keyframes tutorialBoostPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
body.tutorial-active #screen-levels .level-card:not([data-level="1"]):not([data-level="2"]):not([data-level="3"]){filter:saturate(.58) brightness(.64);opacity:.68}
@media(max-width:370px){.tutorial-coach-card{padding:16px}.tutorial-coach-card h2{font-size:21px}.tutorial-coach-rewards{grid-template-columns:1fr 1fr}.tutorial-inline-tip{bottom:calc(92px + var(--safeBottom));font-size:12px}}


/* ===== source style 80: tutorial-top-tip-correct-answer-highlight ===== */

/* Instruction is now under the game header, not over the answer area */
#screen-game .tutorial-inline-tip,
.tutorial-inline-tip{
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  top:calc(112px + var(--safeTop))!important;
  bottom:auto!important;
  z-index:95!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:11px 14px!important;
  border-radius:20px!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.24!important;
  font-weight:1000!important;
  color:#fff8ff!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,209,91,.16),transparent 35%),
    linear-gradient(160deg,rgba(56,22,125,.94),rgba(13,5,39,.96))!important;
  border:1px solid rgba(255,209,91,.32)!important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.42),
    0 0 22px rgba(255,209,91,.13),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
  pointer-events:none!important;
}
#screen-game .tutorial-inline-tip:before{
  content:"👆";
  flex:0 0 auto;
  font-size:20px;
  line-height:1;
  filter:drop-shadow(0 0 8px rgba(255,209,91,.34));
}
/* Make the top hint never cover the selectable stickers */
#screen-game:has(.tutorial-inline-tip:not([hidden])) .stage-play{
  margin-top:72px!important;
}
/* Correct tutorial answer: obvious for children */
.answer.tutorial-correct-answer{
  position:relative!important;
  opacity:1!important;
  filter:none!important;
  transform:translateY(-4px) scale(1.07)!important;
  border-color:rgba(255,209,91,.92)!important;
  background:
    radial-gradient(circle at 50% 36%,rgba(255,209,91,.34),transparent 48%),
    linear-gradient(145deg,rgba(255,157,53,.38),rgba(123,60,255,.56))!important;
  box-shadow:
    0 0 0 3px rgba(255,209,91,.36),
    0 0 32px rgba(255,209,91,.52),
    0 16px 28px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.22)!important;
  animation:tutorialCorrectPulse 1.08s ease-in-out infinite!important;
  z-index:4!important;
}
.answer.tutorial-correct-answer:before{
  content:"✓";
  position:absolute;
  right:-7px;
  top:-9px;
  width:27px;
  height:27px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#241006;
  font-size:17px;
  font-weight:1000;
  background:linear-gradient(135deg,#ffd15b,#ff9d35);
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 0 0 3px rgba(20,7,55,.94),0 0 18px rgba(255,209,91,.5);
}
.answer.tutorial-correct-answer:after{
  content:"ЖМИ";
  position:absolute;
  left:50%;
  bottom:-22px;
  transform:translateX(-50%);
  min-height:19px;
  padding:3px 8px;
  border-radius:999px;
  color:#241006;
  background:linear-gradient(135deg,#ffd15b,#ff9d35);
  border:1px solid rgba(255,255,255,.5);
  font-size:10px;
  font-weight:1000;
  letter-spacing:.35px;
  box-shadow:0 8px 16px rgba(0,0,0,.25);
  white-space:nowrap;
}
.answer.tutorial-dim-answer{
  opacity:.46!important;
  filter:saturate(.55) brightness(.72)!important;
}
@keyframes tutorialCorrectPulse{
  0%,100%{transform:translateY(-4px) scale(1.07)!important}
  50%{transform:translateY(-8px) scale(1.12)!important}
}
.motion-lite .answer.tutorial-correct-answer{animation:none!important;transform:translateY(-3px) scale(1.06)!important}
@media(max-width:370px){
  #screen-game .tutorial-inline-tip,.tutorial-inline-tip{top:calc(104px + var(--safeTop))!important;font-size:12.5px!important;min-height:50px!important;padding:10px 12px!important}
  #screen-game:has(.tutorial-inline-tip:not([hidden])) .stage-play{margin-top:66px!important}
  .answer.tutorial-correct-answer:after{bottom:-20px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.answer.tutorial-correct-answer{animation:none!important}}


/* ===== source style 81: first3-centered-answer-stickers-fix ===== */

/* Центрирование нижнего списка вариантов для первых трёх обучающих уровней */
#answerStrip.center-first3-stickers{
  justify-content:center!important;
  align-items:center!important;
  gap:16px!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow-x:hidden!important;
  scroll-snap-type:none!important;
}
#answerStrip.center-first3-stickers .answer{
  flex:0 0 74px!important;
  width:74px!important;
  max-width:74px!important;
}
@media(max-width:370px){
  #answerStrip.center-first3-stickers{gap:12px!important}
  #answerStrip.center-first3-stickers .answer{
    flex-basis:66px!important;
    width:66px!important;
    max-width:66px!important;
  }
}


/* ===== source style 82: enhanced-professional-booster-tutorial-l2-l3 ===== */

#screen-game.pro-booster-tutorial{
  --coachGold:#ffd15b;
  --coachPink:#ff4fa0;
  --coachBlue:#55c5ff;
  --coachGreen:#62f0a0;
}
#screen-game.pro-booster-tutorial .stage-play{
  box-shadow:var(--shadow),0 0 0 1px rgba(255,209,91,.10),0 0 34px rgba(123,60,255,.16)!important;
}
#screen-game.pro-booster-tutorial #boostTime:not(.tutorial-booster-focus),
#screen-game.pro-booster-tutorial #boostFreeze:not(.tutorial-booster-focus),
#screen-game.pro-booster-tutorial #boostReveal:not(.tutorial-booster-focus),
#screen-game.pro-booster-tutorial #boostRemove:not(.tutorial-booster-focus),
#screen-game.pro-booster-tutorial #boostMore:not(.tutorial-booster-focus){
  animation:none!important;
  border-color:rgba(188,143,255,.18)!important;
  box-shadow:0 9px 18px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06)!important;
  filter:saturate(.55) brightness(.72)!important;
}
.booster.tutorial-booster-focus{
  position:relative!important;
  z-index:110!important;
  animation:enhancedBoosterPulse 1.05s ease-in-out infinite!important;
  border-color:rgba(255,209,91,.92)!important;
  box-shadow:
    0 0 0 2px rgba(255,209,91,.24),
    0 0 0 7px rgba(255,209,91,.08),
    0 0 34px rgba(255,209,91,.48),
    0 14px 28px rgba(0,0,0,.38)!important;
  filter:brightness(1.18) saturate(1.25)!important;
}
.booster.tutorial-booster-focus:before{
  content:"";
  position:absolute;inset:-8px;border-radius:24px;
  border:1px dashed rgba(255,209,91,.55);
  animation:enhancedRingSpin 3.2s linear infinite;
  pointer-events:none;
}
.booster.tutorial-booster-focus:after{
  content:"ЖМИ";
  position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);
  min-height:20px;padding:2px 8px;border-radius:999px;
  background:linear-gradient(135deg,#ffd15b,#ff9d35);color:#2a1305;
  border:1px solid rgba(255,255,255,.48);font-size:9px;font-weight:1000;letter-spacing:.55px;
  box-shadow:0 9px 20px rgba(255,157,53,.34);
}
.answer.tutorial-wrong-demo-answer,
.answer.tutorial-correct-answer{
  position:relative!important;
  z-index:102!important;
}
.answer.tutorial-correct-answer{
  opacity:1!important;
  filter:saturate(1.18) brightness(1.12)!important;
  box-shadow:0 0 0 2px rgba(255,209,91,.34),0 0 30px rgba(255,209,91,.34),0 12px 24px rgba(0,0,0,.34)!important;
  border-color:rgba(255,209,91,.82)!important;
}
.answer.tutorial-wrong-demo-answer{
  opacity:1!important;
  filter:saturate(1.18) brightness(1.10)!important;
  box-shadow:0 0 0 2px rgba(255,82,105,.38),0 0 28px rgba(255,82,105,.40),0 12px 24px rgba(0,0,0,.34)!important;
  border-color:rgba(255,82,105,.86)!important;
  animation:enhancedWrongDemoPulse 1.05s ease-in-out infinite!important;
}
.answer.tutorial-wrong-demo-answer:after{
  content:"ПРОВЕРЬ ЩИТ";
  position:absolute;left:50%;bottom:-23px;transform:translateX(-50%);
  min-width:94px;min-height:19px;padding:2px 8px;border-radius:999px;
  background:linear-gradient(135deg,#ff5269,#ff9d35);color:white;
  border:1px solid rgba(255,255,255,.38);font-size:8.5px;font-weight:1000;letter-spacing:.35px;
  box-shadow:0 8px 18px rgba(255,82,105,.32);
}
#screen-game.pro-booster-tutorial .answer.tutorial-dim-answer:not(.tutorial-wrong-demo-answer):not(.tutorial-correct-answer){
  opacity:.30!important;filter:saturate(.42) brightness(.64)!important;
}
.enhanced-tutorial-tip{
  position:absolute!important;
  left:22px!important;right:22px!important;top:112px!important;bottom:auto!important;z-index:100!important;
  transform:none!important;
  max-width:none!important;
  padding:12px 14px!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(255,209,91,.13),transparent 34%),
    radial-gradient(circle at 92% 12%,rgba(255,79,160,.12),transparent 32%),
    linear-gradient(160deg,rgba(54,20,120,.90),rgba(18,6,47,.94))!important;
  border:1px solid rgba(255,209,91,.30)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.45),0 0 24px rgba(255,209,91,.13)!important;
  text-align:left!important;
  color:#fff!important;
  font-weight:950!important;
  line-height:1.22!important;
}
.enhanced-tip-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:7px}
.enhanced-step-chip{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 9px;border-radius:999px;background:rgba(255,209,91,.13);border:1px solid rgba(255,209,91,.28);color:#ffd15b;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.35px;white-space:nowrap}
.enhanced-phase-chip{display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:4px 8px;border-radius:999px;background:rgba(85,197,255,.10);border:1px solid rgba(85,197,255,.22);color:#dff4ff;font-size:10px;font-weight:1000;white-space:nowrap}
.enhanced-tip-title{display:block;margin:0 0 3px;font-size:15px;font-weight:1000;letter-spacing:-.1px;color:#fff}
.enhanced-tip-text{display:block;color:#e2d7ff;font-size:12.5px;font-weight:900;line-height:1.32}
.enhanced-effect-card{
  position:absolute;left:22px;right:22px;top:calc(112px + 86px);z-index:96;
  min-height:42px;padding:8px 11px;border-radius:18px;
  display:flex;align-items:center;gap:9px;
  background:linear-gradient(160deg,rgba(12,5,35,.80),rgba(35,12,81,.74));
  border:1px solid rgba(188,143,255,.20);
  box-shadow:0 12px 28px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.06);
  color:#d8cafa;font-size:11.5px;font-weight:900;line-height:1.26;
  pointer-events:none;
}
.enhanced-effect-card i{font-style:normal;width:31px;height:31px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.075);font-size:18px;flex:0 0 auto}
.enhanced-effect-card b{display:block;color:#fff;font-size:12px;margin-bottom:1px}
.enhanced-lesson-toast{
  position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:170;
  min-width:220px;max-width:86%;padding:14px 16px;border-radius:23px;text-align:center;
  background:linear-gradient(160deg,rgba(49,19,108,.96),rgba(14,4,39,.98));
  border:1px solid rgba(255,209,91,.30);box-shadow:0 22px 52px rgba(0,0,0,.52),0 0 30px rgba(255,209,91,.16);
  color:#fff;font-weight:1000;line-height:1.22;opacity:0;pointer-events:none;
}
.enhanced-lesson-toast.show{animation:enhancedLessonToast 1.25s ease forwards}
.enhanced-lesson-toast i{display:block;font-style:normal;font-size:31px;margin-bottom:4px}.enhanced-lesson-toast small{display:block;color:#d8cafa;font-size:12px;font-weight:900;margin-top:3px}
.enhanced-tutorial-start{
  position:absolute;inset:0;z-index:210;display:none;align-items:center;justify-content:center;padding:18px;
  background:rgba(5,1,18,.56);backdrop-filter:blur(10px);
}
.enhanced-tutorial-start.show{display:flex;animation:fadeIn .18s ease both}
.enhanced-start-card{width:100%;max-width:390px;border-radius:27px;padding:18px;background:radial-gradient(circle at 88% 0%,rgba(255,79,160,.17),transparent 32%),linear-gradient(160deg,rgba(49,19,108,.97),rgba(14,4,39,.99));border:1px solid rgba(188,143,255,.26);box-shadow:0 24px 62px rgba(0,0,0,.54);text-align:left}
.enhanced-start-card h2{margin:0 0 8px;font-size:23px;line-height:1.08;font-weight:1000}.enhanced-start-card p{margin:0;color:#d8cafa;font-size:13px;font-weight:900;line-height:1.38}
.enhanced-start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.enhanced-start-item{min-height:70px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.11);font-size:10.5px;font-weight:1000;color:#efe7ff}.enhanced-start-item i{font-style:normal;font-size:24px}.enhanced-start-card .primary{width:100%;min-height:50px;border-radius:18px}
@keyframes enhancedBoosterPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.085)}}
@keyframes enhancedWrongDemoPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.06)}}
@keyframes enhancedRingSpin{to{transform:rotate(360deg)}}
@keyframes enhancedLessonToast{0%{opacity:0;transform:translate(-50%,-42%) scale(.92)}12%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-58%) scale(1.02)}}
@media(max-width:370px){.enhanced-tutorial-tip{left:14px!important;right:14px!important;top:104px!important;padding:10px 12px!important}.enhanced-effect-card{left:14px;right:14px;top:calc(104px + 82px)}.enhanced-tip-title{font-size:14px}.enhanced-tip-text{font-size:11.5px}.booster.tutorial-booster-focus:after{bottom:-17px;font-size:8px}.answer.tutorial-wrong-demo-answer:after{bottom:-20px;font-size:7.7px;min-width:82px}.enhanced-start-grid{grid-template-columns:1fr 1fr}.enhanced-start-card h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.booster.tutorial-booster-focus,.answer.tutorial-wrong-demo-answer,.booster.tutorial-booster-focus:before,.enhanced-lesson-toast.show{animation:none!important}.enhanced-lesson-toast.show{opacity:1}}