.mrtb-feedback-host{
  position:relative !important;
  isolation:isolate;
}

.mrtb-game-feedback-overlay{
  --mrtb-feedback-accent:#6d5dfc;
  position:absolute;
  inset:0;
  z-index:999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  border-radius:inherit;
  box-sizing:border-box;
  pointer-events:none;
  overflow:hidden;
}

/* =========================================================
   ΣΩΣΤΗ ΑΠΑΝΤΗΣΗ
   ========================================================= */

.mrtb-game-feedback-overlay.mrtb-feedback-correct{
  background:
    radial-gradient(circle at 50% 50%,rgba(255,245,148,.48),transparent 42%),
    linear-gradient(135deg,rgba(233,255,244,.30),rgba(255,255,255,.10));
  backdrop-filter:blur(2px);
  animation:mrtbFeedbackOverlayIn .28s ease both;
}

.mrtb-feedback-star-sticker{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:clamp(118px,32%,220px);
  aspect-ratio:1;
  padding:27px;
  color:#6a4000;
  text-align:center;
  transform:rotate(-7deg);
  filter:drop-shadow(0 20px 24px rgba(125,80,0,.30));
  animation:mrtbFeedbackStarPop .78s cubic-bezier(.18,.9,.28,1.3) both;
}

.mrtb-feedback-star-sticker::before,
.mrtb-feedback-star-sticker::after{
  content:"";
  position:absolute;
  clip-path:polygon(
    50% 0%,61% 31%,94% 20%,73% 48%,100% 68%,66% 67%,66% 100%,
    50% 79%,33% 100%,34% 67%,0% 68%,27% 48%,6% 20%,39% 31%
  );
}

.mrtb-feedback-star-sticker::before{
  inset:-9px;
  background:#fff;
}

.mrtb-feedback-star-sticker::after{
  inset:0;
  background:
    radial-gradient(circle at 38% 28%,#fffbd3 0 10%,transparent 11%),
    linear-gradient(145deg,#fff36b 0%,#ffc83d 52%,#ff9d2f 100%);
  box-shadow:inset 0 -11px 19px rgba(190,91,0,.17);
}

.mrtb-feedback-star-sticker > *{
  position:relative;
  z-index:2;
}

.mrtb-feedback-star-sticker i{
  display:block;
  margin:-10px 0 -2px;
  color:#fff;
  font-size:clamp(28px,7vw,50px);
  font-style:normal;
  line-height:1;
  text-shadow:0 4px 0 rgba(192,105,0,.18);
}

.mrtb-feedback-star-sticker strong{
  display:block;
  color:#6b4100;
  font-size:clamp(15px,4vw,30px);
  font-weight:1000;
  line-height:1;
  letter-spacing:-.04em;
  text-shadow:0 1px 0 rgba(255,255,255,.72);
}

.mrtb-feedback-star-sticker small{
  display:block;
  max-width:125px;
  margin-top:7px;
  color:#8b5700;
  font-size:clamp(7px,1.7vw,12px);
  font-weight:1000;
  line-height:1.15;
}

.mrtb-feedback-correct::before,
.mrtb-feedback-correct::after{
  content:"✦";
  position:absolute;
  color:#ffc83d;
  font-size:34px;
  text-shadow:
    50px 22px 0 #66d89a,
    -52px 34px 0 #78a5ff,
    26px -42px 0 #ff8fc1,
    -38px -39px 0 #9b77f3;
  animation:mrtbFeedbackSparkles 1.05s ease both;
}

.mrtb-feedback-correct::after{
  transform:rotate(35deg) scale(.72);
  animation-delay:.12s;
}

/* =========================================================
   ΛΑΘΟΣ · ΣΩΣΤΗ ΑΠΑΝΤΗΣΗ
   ========================================================= */

.mrtb-game-feedback-overlay.mrtb-feedback-wrong{
  background:rgba(63,12,22,.17);
  backdrop-filter:blur(4px);
  animation:mrtbFeedbackOverlayIn .3s ease both;
}

.mrtb-feedback-wrong-card{
  position:relative;
  width:min(90%,720px);
  max-height:92%;
  padding:24px 26px 22px;
  border:5px solid #fff;
  border-radius:28px;
  background:
    radial-gradient(circle at 86% 14%,rgba(255,255,255,.19),transparent 24%),
    linear-gradient(145deg,#ff6679 0%,#e72e4e 52%,#b71434 100%);
  color:#fff;
  box-shadow:
    0 24px 48px rgba(146,20,48,.36),
    inset 0 0 0 2px rgba(255,255,255,.17);
  text-align:center;
  transform:rotate(-1deg);
  animation:mrtbFeedbackWrongPop .62s cubic-bezier(.2,.84,.25,1.18) both;
  overflow:auto;
}

.mrtb-feedback-wrong-card::before{
  content:"";
  position:absolute;
  inset:8px;
  border:1px dashed rgba(255,255,255,.48);
  border-radius:18px;
  pointer-events:none;
}

.mrtb-feedback-wrong-label{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 15px;
  border-radius:999px;
  background:#fff;
  color:#d82445;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.12em;
}

.mrtb-feedback-wrong-card > small{
  position:relative;
  z-index:2;
  display:block;
  margin-top:11px;
  color:#ffe6eb;
  font-size:13px;
  font-weight:900;
}

.mrtb-feedback-answers{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin-top:12px;
}

.mrtb-feedback-answer-chip,
.mrtb-feedback-answer-text{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:48px;
  padding:7px 14px;
  border:2px solid rgba(255,255,255,.76);
  border-radius:15px;
  background:rgba(255,255,255,.97);
  color:#b61d39;
  box-shadow:0 8px 18px rgba(104,11,29,.18);
  box-sizing:border-box;
}

.mrtb-feedback-answer-chip b,
.mrtb-feedback-answer-text{
  color:#9e1731;
  font-size:clamp(17px,3vw,28px);
  font-weight:1000;
  line-height:1;
}

.mrtb-feedback-answer-chip em{
  color:#ca3650;
  font-size:clamp(8px,1.6vw,12px);
  font-style:normal;
  font-weight:1000;
  line-height:1.08;
}

.mrtb-feedback-symbol{
  position:relative;
  z-index:2;
  display:block;
  margin-top:12px;
  color:#fff;
  font-size:clamp(15px,3vw,24px);
  font-weight:1000;
  letter-spacing:-.03em;
  text-shadow:0 3px 10px rgba(100,5,24,.25);
}

.mrtb-feedback-detail{
  position:relative;
  z-index:2;
  margin:8px 0 0;
  color:#ffe8ed;
  font-size:11px;
  font-weight:800;
  line-height:1.3;
}

/* =========================================================
   AUTO RESPONSIVE ΑΝΑ PLAYER CARD
   ========================================================= */

.mrtb-game-feedback-overlay.mrtb-feedback-xs{
  padding:6px;
}

.mrtb-feedback-xs .mrtb-feedback-star-sticker{
  width:96px;
  padding:15px;
}

.mrtb-feedback-xs .mrtb-feedback-star-sticker small{
  display:none;
}

.mrtb-feedback-xs .mrtb-feedback-wrong-card{
  width:96%;
  padding:12px 10px 11px;
  border-width:3px;
  border-radius:17px;
}

.mrtb-feedback-xs .mrtb-feedback-wrong-card > small{
  margin-top:6px;
  font-size:8px;
}

.mrtb-feedback-xs .mrtb-feedback-answers{
  gap:4px;
  margin-top:6px;
}

.mrtb-feedback-xs .mrtb-feedback-answer-chip,
.mrtb-feedback-xs .mrtb-feedback-answer-text{
  min-height:30px;
  padding:3px 7px;
  border-radius:9px;
}

.mrtb-feedback-xs .mrtb-feedback-symbol{
  margin-top:5px;
  font-size:11px;
}

.mrtb-feedback-sm .mrtb-feedback-star-sticker{
  width:125px;
}

.mrtb-feedback-sm .mrtb-feedback-wrong-card{
  width:94%;
  padding:15px 14px 13px;
  border-width:3px;
  border-radius:19px;
}

.mrtb-feedback-lg .mrtb-feedback-star-sticker{
  width:230px;
}

.mrtb-feedback-lg .mrtb-feedback-wrong-card{
  width:min(78%,760px);
  padding:31px 36px 28px;
}

/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes mrtbFeedbackOverlayIn{
  from{opacity:0}
  to{opacity:1}
}

@keyframes mrtbFeedbackStarPop{
  0%{opacity:0;transform:scale(.18) rotate(-28deg)}
  58%{opacity:1;transform:scale(1.16) rotate(4deg)}
  78%{transform:scale(.96) rotate(-10deg)}
  100%{opacity:1;transform:scale(1) rotate(-7deg)}
}

@keyframes mrtbFeedbackSparkles{
  0%{opacity:0;transform:scale(.2) rotate(-30deg)}
  55%{opacity:1;transform:scale(1.18) rotate(12deg)}
  100%{opacity:.9;transform:scale(1) rotate(0)}
}

@keyframes mrtbFeedbackWrongPop{
  0%{opacity:0;transform:scale(.68) rotate(-5deg)}
  58%{opacity:1;transform:scale(1.045) rotate(1deg)}
  100%{opacity:1;transform:scale(1) rotate(-1deg)}
}

@media (prefers-reduced-motion:reduce){
  .mrtb-game-feedback-overlay,
  .mrtb-feedback-star-sticker,
  .mrtb-feedback-wrong-card,
  .mrtb-feedback-correct::before,
  .mrtb-feedback-correct::after{
    animation:none !important;
  }
}