/* Result actions stay reachable while the summary can scroll on short screens. */
#result-dialog {
  width: min(408px, calc(100vw - 24px));
  padding: var(--popup-bar-height) 24px 30px;
  overflow: hidden;
}
#result-body {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-height: calc(100dvh - 128px);
  min-height: 0;
  isolation: isolate;
}
.result-summary { position: relative; z-index: 1; min-height: 0; overflow: auto; scrollbar-width: thin; }
.result-crest { position: relative; width: 180px; height: 126px; margin: 0 auto 8px; }
.result-laurel { position: absolute; inset: 0; color: var(--kit-quiet-ink,#706b63); }
.result-laurel svg { display: block; width: 100%; height: 100%; }
#result-dialog .result-crown {
  position: absolute;
  width: 78px;
  inset: 25px auto auto 51px;
  margin: 0;
  color: var(--kit-quiet-ink,#706b63);
  filter: drop-shadow(0 3px 1px #171410) drop-shadow(0 0 20px #b08a4925);
}
.result-crown svg { display: block; width: 100%; }
#result-dialog .result-title {
  font-size: clamp(42px, 12vw, 56px);
  line-height: 1.3;
  margin: 4px 0 12px;
  color: var(--kit-ink,#292724);
  text-shadow:none;
}
#result-dialog .result-detail { margin: 0; padding: 0 6px 12px; font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; }
.result-popup-actions { position: relative; z-index: 1; flex: none; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
#result-dialog .result-popup-actions button { margin: 0; min-width: 0; width: 100%; min-height: 54px; padding: 12px 10px; font-size: 15px; line-height: 1.4; }
.result-popup-actions .result-retry { grid-column: 1 / -1; }
#result-dialog[data-outcome="defeat"] .result-laurel { opacity: .35; color: var(--kit-quiet-ink,#706b63); }
#result-dialog[data-outcome="defeat"] .result-crown { color: var(--kit-quiet-ink,#706b63); filter: drop-shadow(0 3px 3px #171410); transform: rotate(-8deg); }
#result-dialog[data-outcome="defeat"] .result-title { color: var(--kit-ink,#292724); text-shadow:none; }
.result-confetti { position: absolute; inset: -24px -12px 0; z-index: 0; overflow: hidden; pointer-events: none; }
.result-confetti-bit {
  position: absolute;
  top: 0;
  left: var(--x);
  width: 5px;
  height: 10px;
  background: #fffdf7;
  opacity: 0;
  animation: result-confetti-fall 2700ms var(--delay) cubic-bezier(.18,.55,.35,1) both;
}
.result-confetti-bit:nth-child(3n) { width: 4px; height: 6px; background: #fffdf7; }
.result-confetti-bit:nth-child(4n) { width: 3px; height: 11px; background: #e6ddca; }
@keyframes result-confetti-fall {
  0% { opacity: 0; transform: translate3d(0,-16px,0) rotate(0deg); }
  12% { opacity: .85; }
  75% { opacity: .55; }
  100% { opacity: 0; transform: translate3d(var(--drift),var(--fall),0) rotate(var(--spin)); }
}
#result-dialog:not([open]) .result-confetti-bit { animation: none; }
@media (max-height: 620px) {
  #result-body { gap: 16px; }
  .result-crest { width: 144px; height: 101px; }
  #result-dialog .result-crown { width: 62px; top: 20px; left: 41px; }
}
@media (prefers-reduced-motion: reduce) { .result-confetti { display: none; } }
.result-connection-status{font-size:12px;line-height:1.6;color:var(--kit-quiet-ink,#706b63);margin:12px 0 0;word-break:keep-all}
.pvp-result-rank{display:flex;flex-direction:column;align-items:center;gap:5px;margin:-12px 0 14px;padding:12px 16px;border-block:1px solid #aa854540;color:var(--kit-quiet-ink,#706b63);font-size:12px}.pvp-result-delta{font-size:26px;line-height:1.2}.pvp-result-rank[data-delta=up] .pvp-result-delta{color:#37774d}.pvp-result-rank[data-delta=down] .pvp-result-delta{color:#7f362e}.pvp-result-rank small{color:var(--kit-quiet-ink,#706b63);font-size:10px;line-height:1.5}