/* 1.5: responsive success result only. Failure layout intentionally unchanged. */
.result-overlay[data-kind="success"] .result-overlay-backdrop{
  background:radial-gradient(circle at 50% 38%,rgba(35,76,68,.2),rgba(5,12,15,.58) 72%);
  backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)
}
.result-overlay[data-kind="success"] .result-title-fx{
  left:50%;top:clamp(20px,4.5vh,48px);width:100%;transform:translateX(-50%);
  text-align:center;font-size:clamp(46px,5vw,78px);line-height:1;letter-spacing:.08em
}
.result-overlay[data-kind="success"] .result-panel.success{
  left:50%;right:auto;top:50%;width:min(680px,calc(100vw - 40px));
  max-height:calc(100dvh - 150px);padding:24px 28px 26px;overflow:auto;
  transform:translate(-50%,-43%);text-align:center;border-radius:26px;
  background:linear-gradient(180deg,rgba(20,48,48,.96),rgba(10,29,35,.96));
  border:1px solid rgba(255,226,132,.3);box-shadow:0 26px 70px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.1)
}
.result-overlay[data-kind="success"] .result-badge{padding:6px 15px;font-size:12px}
.result-overlay[data-kind="success"] .result-panel h2{
  margin:10px 0 0;font-size:clamp(25px,2.2vw,34px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.result-overlay[data-kind="success"] .big-stars{margin:5px 0 13px;font-size:36px;line-height:1.15;letter-spacing:7px}
.result-overlay[data-kind="success"] .result-stats{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0
}
.result-overlay[data-kind="success"] .result-stats span{
  display:flex;min-height:54px;padding:8px 6px;align-items:center;justify-content:center;
  border-radius:12px;background:rgba(255,255,255,.075);font-size:12px;line-height:1.35
}
.result-overlay[data-kind="success"] .result-actions{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px
}
.result-overlay[data-kind="success"] .result-actions .btn,
.result-overlay[data-kind="success"] .result-actions-3 .btn:last-child{
  grid-column:auto;width:100%;min-width:0;justify-self:stretch;aspect-ratio:3.7/1;font-size:15px
}

@media(max-width:760px){
  .result-overlay[data-kind="success"] .result-title-fx{
    top:max(14px,2.5svh);font-size:clamp(36px,11vw,48px);letter-spacing:.05em
  }
  .result-overlay[data-kind="success"] .result-panel.success{
    left:12px;right:12px;top:max(72px,11svh);bottom:auto;
    width:auto;height:auto;max-height:calc(100dvh - max(82px,13svh));padding:14px 13px 13px;transform:none;border-radius:20px
  }
  .result-overlay[data-kind="success"] .result-badge{padding:4px 11px;font-size:10px}
  .result-overlay[data-kind="success"] .result-panel h2{margin-top:6px;font-size:20px}
  .result-overlay[data-kind="success"] .big-stars{margin:2px 0 8px;font-size:28px;letter-spacing:5px}
  .result-overlay[data-kind="success"] .result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .result-overlay[data-kind="success"] .result-stats span{min-height:38px;padding:5px 4px;font-size:10px;border-radius:9px}
  .result-overlay[data-kind="success"] .result-stats span:last-child:nth-child(odd){grid-column:1/-1}
  .result-overlay[data-kind="success"] .result-actions{
    display:grid;grid-template-columns:1fr 1fr;gap:5px 7px;margin-top:9px
  }
  .result-overlay[data-kind="success"] #resultNext{
    order:-1;grid-column:1/-1;width:min(270px,82%);justify-self:center
  }
  .result-overlay[data-kind="success"] .result-actions .btn,
  .result-overlay[data-kind="success"] .result-actions-3 .btn:last-child{
    width:100%;min-height:0;aspect-ratio:3.7/1;font-size:13px
  }
}

@media(max-height:560px) and (orientation:landscape){
  .result-overlay[data-kind="success"] .result-title-fx{left:31%;top:12px;width:58%;font-size:34px}
  .result-overlay[data-kind="success"] .result-panel.success{
    left:auto;right:12px;top:12px;bottom:auto;width:min(440px,54vw);height:auto;max-height:calc(100dvh - 24px);padding:11px 13px;transform:none
  }
  .result-overlay[data-kind="success"] .result-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .result-overlay[data-kind="success"] .result-stats span{min-height:32px}
  .result-overlay[data-kind="success"] .result-actions{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:5px}
  .result-overlay[data-kind="success"] #resultNext{order:0;grid-column:auto;width:100%}
}