/* OUT v6 — continuous stage numbering + score-first result */

.overlay.result-mode .overlay-kicker{
  color:#8fdfff;
  font-weight:900;
  letter-spacing:.24em;
  font-size:11px;
  margin-bottom:5px;
}
.overlay.result-mode #overlayTitle{
  margin:0;
  font-size:clamp(68px,10vw,138px);
  line-height:.92;
  letter-spacing:-.045em;
  font-variant-numeric:tabular-nums;
  color:#fff;
  text-shadow:0 0 18px rgba(105,221,255,.28),0 0 54px rgba(150,78,255,.17),0 12px 36px rgba(0,0,0,.52);
}
.overlay.result-mode #overlayText{
  margin:11px auto 14px;
  color:#b9cce4;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
}
.overlay.result-mode .result-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
  margin:12px 0 10px;
}
.overlay.result-mode .result-item{
  min-width:0;
  padding:10px 6px;
  background:linear-gradient(180deg,rgba(18,34,55,.76),rgba(5,12,24,.84));
  border-color:rgba(255,255,255,.13);
}
.overlay.result-mode .result-item span{font-size:7px;letter-spacing:.12em}
.overlay.result-mode .result-item b{font-size:19px;font-variant-numeric:tabular-nums}
.overlay.result-mode .overlay-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.overlay.result-mode #shareResult{
  grid-column:1/-1;
  min-height:52px;
  border-color:rgba(105,221,255,.62);
  background:linear-gradient(135deg,rgba(16,75,107,.92),rgba(22,42,81,.94) 55%,rgba(68,29,94,.92));
  box-shadow:inset 0 1px rgba(255,255,255,.16),0 0 28px rgba(105,221,255,.18),0 10px 28px rgba(0,0,0,.32);
  color:#e9fbff;
  font-weight:950;
  letter-spacing:.08em;
}
.overlay.result-mode #shareResult:active{transform:translateY(1px) scale(.995)}

/* Setup moves still show timing, but +0 is intentional: only OUT earns score. */
.judgement small{font-variant-numeric:tabular-nums}

@media(max-width:760px){
  .overlay.result-mode .overlay-card{max-width:420px!important}
  .overlay.result-mode .overlay-kicker{font-size:8px!important;margin-bottom:4px!important}
  .overlay.result-mode #overlayTitle{
    font-size:clamp(58px,18vw,86px)!important;
    line-height:.9!important;
    margin:3px 0 0!important;
  }
  .overlay.result-mode #overlayText{font-size:9px!important;margin:8px auto 9px!important}
  .overlay.result-mode .character-strip{display:none!important}
  .overlay.result-mode .rule-chips,.overlay.result-mode .audio-picker{display:none!important}
  .overlay.result-mode .result-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:4px!important;
    margin:7px 0!important;
  }
  .overlay.result-mode .result-item{padding:6px 2px!important;border-radius:10px!important}
  .overlay.result-mode .result-item span{font-size:5px!important}
  .overlay.result-mode .result-item b{font-size:12px!important}
  .overlay.result-mode #shareResult{min-height:46px!important;font-size:9px!important}
  .overlay.result-mode .overlay-actions{gap:5px!important}
}

@media(max-width:390px){
  .overlay.result-mode #overlayTitle{font-size:58px!important}
  .overlay.result-mode .result-item b{font-size:11px!important}
  .overlay.result-mode #shareResult{font-size:8px!important}
}