/* Unified, game-native post-race presentation: Sunset Sprint and online 1v1. */
#modal[data-result-kind]:not(.hidden) {
  background:radial-gradient(ellipse at 75% 55%,#a32d6d40,transparent 58%),
             linear-gradient(115deg,#160c23e8,#220c2bdd);
  align-items:center;justify-content:center;padding:clamp(10px,3vh,30px);
}
#modal[data-result-kind]:not(.hidden) .modal-card {
  width:min(780px,94vw);min-width:0;max-width:94vw;
  max-height:calc(100dvh - 24px);overflow:auto;
  padding:clamp(18px,3vw,38px);
  text-align:center;border:1px solid #ff568f88;
  background:linear-gradient(145deg,#28152de8,#100e22f2);
  box-shadow:0 24px 90px #080310a8,0 0 50px #ff568f19;
  animation:resultsPanelIn .48s cubic-bezier(.2,1,.2,1) both;
}
#modal[data-result-kind] .eyebrow {
  display:flex;justify-content:center;gap:12px;
  font:800 italic clamp(14px,1.7vw,21px) var(--display,'Barlow Condensed',Impact,sans-serif);
  color:var(--white);letter-spacing:2px;
}
#modal[data-result-kind] .eyebrow::before {
  content:"";width:24px;height:24px;flex:0 0 24px;
  background:linear-gradient(105deg,transparent 0 18%,var(--pink) 19% 40%,transparent 41% 54%,var(--pink) 55% 80%,transparent 81%);
}
#modal[data-result-kind] #modal-title {
  font:900 italic clamp(54px,8vw,104px)/.95 var(--display,'Barlow Condensed',Impact,sans-serif);
  margin:22px 0 20px;color:var(--white);
  text-shadow:0 4px 25px #0005;
}
#modal[data-result-kind] #modal-title::after {
  content:"";display:block;width:65%;height:4px;margin:18px auto 0;
  background:linear-gradient(90deg,transparent,var(--pink),transparent);
}
#modal[data-result-kind] #modal-desc {
  margin:0 auto 12px;max-width:560px;
  font:600 12px/1.5 var(--body,'Space Grotesk',Arial,sans-serif);
  color:#d9bad1;letter-spacing:.3px;
}
#modal[data-result-kind] #modal-desc:empty{display:none}
#modal[data-result-kind] .session-race-results {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;margin:22px auto 26px;padding:15px;
  background:#130d1d88;border:1px solid #ff568f77;border-radius:14px;
}
#modal[data-result-kind] .session-result {
  min-height:100px;padding:16px 20px;
  background:#ffffff08;border:1px solid #ffffff13;
  border-left:5px solid var(--pink);border-radius:8px;
  text-align:left;animation:resultsCellIn .45s ease both;
  animation-delay:calc(var(--result-index,0)*110ms);
}
#modal[data-result-kind] .session-result small {
  font:800 italic clamp(15px,1.5vw,20px)/1 var(--display,'Barlow Condensed',Impact,sans-serif);
  color:#d8c1d7;letter-spacing:1px;
}
#modal[data-result-kind] .session-result strong {
  margin-top:8px;font:900 italic clamp(29px,4vw,47px)/1 var(--display,'Barlow Condensed',Impact,sans-serif);
  color:var(--white);overflow-wrap:anywhere;
}
#modal[data-result-kind="sprint"] .session-result:last-child strong {color:var(--pink)}
#modal[data-result-kind] #pause-session-summary:empty,
#modal[data-result-kind] #pause-online-slot:empty {display:none}
#modal[data-result-kind] .modal-card button {
  display:flex;align-items:center;justify-content:center;
  width:100%;min-width:0;min-height:50px;
  margin:10px 0 0;padding:12px 20px;
  border:1px solid #b9589e88;border-radius:0;
  transform:skew(-9deg);
  background:#34203c;color:var(--white);
  font:900 italic clamp(19px,2.4vw,28px)/1 var(--display,'Barlow Condensed',Impact,sans-serif);
  letter-spacing:.4px;transition:background .15s,filter .15s;
}
#modal[data-result-kind] .modal-card button:hover {background:#513053;filter:brightness(1.1)}
#modal[data-result-kind] .modal-card button#restart {
  background:linear-gradient(100deg,#fc2d8e,#dc216d);color:#fff;
  border-color:#ff8dbb;min-height:62px;margin-top:22px;
}
#modal[data-result-kind] .modal-card button#restart:hover {background:#ff4c9e}
#modal[data-result-kind="duel"] #modal-title {color:var(--mint)}
#modal[data-result-kind="duel"][data-result-outcome="defeat"] #modal-title,
#modal[data-result-kind="duel"][data-result-outcome="cancelled"] #modal-title {color:var(--pink)}
#modal[data-result-kind="duel"] #modal-title::after {
  background:linear-gradient(90deg,transparent,var(--mint),transparent);
}
#modal[data-result-kind="duel"][data-result-outcome="defeat"] #modal-title::after,
#modal[data-result-kind="duel"][data-result-outcome="cancelled"] #modal-title::after {
  background:linear-gradient(90deg,transparent,var(--pink),transparent);
}
#modal[data-result-kind="duel"] .session-race-results {grid-template-columns:repeat(3,minmax(0,1fr))}
#modal[data-result-kind="duel"] .session-result {border-left-color:var(--mint)}
#modal[data-result-kind="duel"] #back-menu {
  background:linear-gradient(100deg,#f42b8a,#d31b6b);
  border-color:#ff8dbb;min-height:60px;margin-top:20px;
}
@keyframes resultsPanelIn {from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@keyframes resultsCellIn {from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:680px) {
  #modal[data-result-kind] .modal-card{padding:16px}
  #modal[data-result-kind] .session-race-results{gap:7px;padding:8px}
  #modal[data-result-kind] .session-result{min-height:70px;padding:10px}
  #modal[data-result-kind="duel"] .session-race-results{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  #modal[data-result-kind] .modal-card,
  #modal[data-result-kind] .session-result {animation:none}
}