/*
 * EducTools Player Feedback Plus v1.32.0
 * Rich answer feedback: sound control, combo rewards, burst rings and gentle motion.
 */
body.egs-kids-theme.game-player-body .hud-score{
  position:relative;
  gap:8px!important;
}
body.egs-kids-theme.game-player-body .hud-sound-toggle{
  display:grid;
  width:34px;
  height:34px;
  flex:0 0 34px;
  place-items:center;
  padding:0;
  border:2px solid rgba(108,82,174,.17);
  border-radius:50%;
  background:#f4f0ff;
  color:#4f3a7d;
  font:inherit;
  font-size:1rem;
  line-height:1;
  cursor:pointer;
  box-shadow:0 4px 0 rgba(92,65,153,.12);
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
}
body.egs-kids-theme.game-player-body .hud-sound-toggle:hover{transform:translateY(-1px) scale(1.05)}
body.egs-kids-theme.game-player-body .hud-sound-toggle:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(92,65,153,.12)}
body.egs-kids-theme.game-player-body .hud-sound-toggle.is-off{background:#f0eef4;filter:grayscale(.35);opacity:.78}
body.egs-kids-theme.game-player-body .ar-hud-actions .hud-sound-toggle{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-color:rgba(255,255,255,.82);
  background:rgba(255,255,255,.9);
  box-shadow:0 5px 14px rgba(30,25,62,.18);
}

.answer-celebration-rewards{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:9px;
}
.answer-celebration-rewards:empty{display:none}
.answer-celebration-points{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:5px 12px;
  border:2px solid #91e0ae;
  border-radius:999px;
  background:#e9fff1;
  color:#12663c;
  font-size:.86rem;
  font-weight:950;
  box-shadow:0 5px 0 rgba(33,145,82,.13);
  animation:egsFeedbackPointsIn .42s cubic-bezier(.2,.85,.28,1.3) both;
}
.answer-celebration-rewards .answer-celebration-streak{margin-top:0!important}
.answer-celebration-streak.is-super{
  border-color:#ffb42d!important;
  background:linear-gradient(135deg,#fff6b7,#ffe083)!important;
  color:#794200!important;
  animation:egsFeedbackComboPulse .72s ease-in-out infinite alternate;
}
.answer-celebration-streak.is-mega{
  border-color:#be8cff!important;
  background:linear-gradient(135deg,#efe4ff,#ffd9f2)!important;
  color:#5c2b8d!important;
  box-shadow:0 6px 0 rgba(105,55,164,.14),0 0 22px rgba(178,110,255,.25)!important;
  animation:egsFeedbackMegaPulse .62s ease-in-out infinite alternate;
}
.answer-celebration-streak.is-legend{
  border-color:#63cfe9!important;
  background:linear-gradient(110deg,#dffbff,#fff2a9,#ffddeb,#e7dcff)!important;
  background-size:240% 240%!important;
  color:#49367a!important;
  box-shadow:0 6px 0 rgba(79,105,181,.13),0 0 26px rgba(87,195,255,.28)!important;
  animation:egsFeedbackLegend 1.6s linear infinite!important;
}
.answer-celebration-card.is-combo{
  outline:4px solid rgba(255,207,49,.28);
  outline-offset:4px;
}
.answer-celebration-card.is-mega-combo{
  outline-color:rgba(174,114,255,.38);
  box-shadow:0 16px 0 color-mix(in srgb,var(--celebration-accent) 65%,#49316e),0 30px 68px rgba(67,39,106,.38),0 0 42px rgba(191,130,255,.22),inset 0 0 0 2px rgba(255,255,255,.68)!important;
}
.answer-celebration-card.is-combo .answer-celebration-icon{
  box-shadow:0 10px 0 rgba(152,101,0,.18),0 18px 35px rgba(78,50,0,.16),0 0 0 8px rgba(255,223,89,.14);
}
.answer-celebration-card.is-mega-combo .answer-celebration-icon{animation-duration:.52s!important}

.player-result-effects .player-feedback-ring{
  position:absolute;
  z-index:0;
  top:50%;
  left:50%;
  width:90px;
  height:90px;
  border:6px solid rgba(255,255,255,.86);
  border-radius:50%;
  opacity:0;
  transform:translate(-50%,-50%) scale(.2);
  pointer-events:none;
}
.player-result-effects.is-correct .player-feedback-ring{
  border-color:rgba(255,229,93,.9);
  box-shadow:0 0 0 8px rgba(92,220,148,.15);
  animation:egsFeedbackRing .72s ease-out forwards;
}
.player-result-effects.is-wrong .player-feedback-ring{
  border-color:rgba(170,194,255,.72);
  animation:egsFeedbackRingSoft .58s ease-out forwards;
}
.player-result-effects.is-combo .player-feedback-ring{
  border-width:9px;
  box-shadow:0 0 0 12px rgba(255,204,64,.16),0 0 40px rgba(255,195,45,.28);
  animation-duration:.9s;
}
.player-result-effects.is-mega-combo .player-feedback-ring{
  border-color:rgba(204,153,255,.92);
  box-shadow:0 0 0 13px rgba(255,214,85,.15),0 0 0 26px rgba(116,212,255,.09),0 0 55px rgba(179,116,255,.3);
}
.game-mount.player-result-combo-flash:after{
  position:absolute;
  z-index:57;
  inset:clamp(7px,1.3vw,14px);
  border:4px solid rgba(255,224,83,.58);
  border-radius:inherit;
  content:"";
  pointer-events:none;
  animation:egsFeedbackStageBorder .85s ease-out forwards;
}
.game-mount.player-result-wrong-shake{animation:egsFeedbackGentleShake .32s ease-out 1}

@keyframes egsFeedbackPointsIn{
  0%{opacity:0;transform:translateY(10px) scale(.72)}
  70%{opacity:1;transform:translateY(-2px) scale(1.06)}
  100%{transform:translateY(0) scale(1)}
}
@keyframes egsFeedbackComboPulse{
  from{transform:scale(1);filter:saturate(1)}
  to{transform:scale(1.045);filter:saturate(1.18)}
}
@keyframes egsFeedbackMegaPulse{
  from{transform:scale(1) rotate(-.3deg)}
  to{transform:scale(1.055) rotate(.3deg)}
}
@keyframes egsFeedbackLegend{
  0%{background-position:0% 50%;transform:scale(1)}
  50%{background-position:100% 50%;transform:scale(1.04)}
  100%{background-position:0% 50%;transform:scale(1)}
}
@keyframes egsFeedbackRing{
  0%{opacity:.95;transform:translate(-50%,-50%) scale(.2)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(5.4)}
}
@keyframes egsFeedbackRingSoft{
  0%{opacity:.7;transform:translate(-50%,-50%) scale(.35)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(3.2)}
}
@keyframes egsFeedbackStageBorder{
  0%{opacity:0;transform:scale(.985)}
  30%{opacity:1}
  100%{opacity:0;transform:scale(1.008)}
}
@keyframes egsFeedbackGentleShake{
  0%,100%{transform:translateX(0)}
  25%{transform:translateX(-3px)}
  50%{transform:translateX(3px)}
  75%{transform:translateX(-1px)}
}

@media(max-width:640px){
  body.egs-kids-theme.game-player-body .hud-sound-toggle{width:30px;height:30px;flex-basis:30px;font-size:.9rem}
  body.egs-kids-theme.game-player-body .hud-score{padding-inline:9px!important}
  .answer-celebration-rewards{gap:6px;margin-top:7px}
  .answer-celebration-points,.answer-celebration-streak{font-size:.78rem!important;padding:5px 9px!important}
}
@media(prefers-reduced-motion:reduce){
  .answer-celebration-points,.answer-celebration-streak.is-super,.answer-celebration-streak.is-mega,.answer-celebration-streak.is-legend,
  .player-result-effects .player-feedback-ring,.game-mount.player-result-combo-flash:after,.game-mount.player-result-wrong-shake{animation:none!important}
  .player-result-effects .player-feedback-ring,.game-mount.player-result-combo-flash:after{display:none!important}
}

.result-achievements{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  width:min(620px,100%);
  margin:10px auto 0;
}
.result-achievements span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 13px;
  border:2px solid #eadbff;
  border-radius:999px;
  background:linear-gradient(135deg,#fff9cb,#f1e8ff);
  color:#53367d;
  font-size:.88rem;
  font-weight:950;
  box-shadow:0 5px 0 rgba(92,67,146,.12);
}

/* v1.32.1 - browser audio unlock / test control */
body.egs-kids-theme.game-player-body .game-intro-sound-check{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  flex-wrap:wrap;
  margin:4px 0 2px;
}
body.egs-kids-theme.game-player-body .game-intro-sound-check button{
  appearance:none;
  border:1px solid rgba(117,88,182,.24);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#4b376b;
  padding:8px 12px;
  font:inherit;
  font-size:.82rem;
  font-weight:850;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(72,48,117,.08);
}
body.egs-kids-theme.game-player-body .game-intro-sound-check button:hover{transform:translateY(-1px)}
body.egs-kids-theme.game-player-body .game-intro-sound-check small{
  color:#685b7a;
  font-size:.76rem;
  font-weight:750;
}
@media(max-width:600px){
  body.egs-kids-theme.game-player-body .game-intro-sound-check{gap:6px}
  body.egs-kids-theme.game-player-body .game-intro-sound-check small{width:100%;text-align:center}
}

