/* Results have their own scrollable poster; the compact pause dialog stays unchanged. */
body.showing-results{overflow:hidden}
#overlay.result-overlay{position:fixed;inset:0;z-index:40;display:block;overflow-y:auto;overscroll-behavior:contain;background:#080e1cf5;backdrop-filter:blur(16px);padding:max(24px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));touch-action:pan-y}
#overlay.result-overlay .overlay-card{width:min(940px,100%);max-width:940px;margin:0 auto;padding:26px 30px;border:1px solid #42546b;border-radius:16px;background:linear-gradient(130deg,#182338,#0b1423);text-align:left;box-shadow:0 20px 90px #0008}
#overlay.result-overlay .eyebrow{justify-content:flex-start;font-size:10px;letter-spacing:2px;color:#efcf83}
#overlay.result-overlay h2{font-size:30px;margin:12px 0 6px;color:#fff2cc;letter-spacing:1px}
#overlay.result-overlay #overlay-description{font-size:12px;margin:0 0 20px;color:#a5b5cd}
.result-poster{position:relative;border:1px solid #54637766;border-radius:8px;overflow:hidden;background:#101c2e}
.result-poster canvas{display:block;width:100%;height:auto;image-rendering:pixelated}
.result-fighter-names{position:absolute;inset:auto 0 15px;display:grid;grid-template-columns:1fr 1fr;pointer-events:none}
.result-fighter-name{display:flex;align-items:center;flex-wrap:wrap;gap:4px 9px;padding:0 34px;justify-content:center;color:#c4d5e8}
.result-fighter-name small{width:100%;text-align:center;font-size:9px;letter-spacing:1px;color:#8499b4}
.result-fighter-name strong{font-size:19px;font-weight:800;letter-spacing:1px}
.result-fighter-name span{font:700 10px ui-monospace,monospace;padding:2px 5px;border:1px solid #7e9db155;border-radius:3px}
.result-fighter-name.result-winner{color:#ffe3a0}.result-fighter-name.result-winner small{color:#e7c576}
.result-scoreboard{display:flex;justify-content:space-between;align-items:center;padding:20px 4px 16px;gap:16px}
.result-scoreboard>div{display:flex;align-items:center;gap:20px}.result-scoreboard small{font-size:11px;color:#b7c5d9}.result-scoreboard strong{font:800 30px ui-monospace,monospace;letter-spacing:3px;color:#fff3cd}
.result-scoreboard .result-duration{gap:12px}.result-duration strong{font-size:20px;letter-spacing:1px;color:#d8e3f3}
.result-stats{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:12px}
.result-stats th,.result-stats td{padding:10px 13px;border-bottom:1px solid #7a95b11c;text-align:right}
.result-stats th:first-child{text-align:left;width:38%;font-weight:500;color:#a6b9d1}
.result-stats thead{background:#ffffff06}.result-stats thead th{color:#e4efff;font-size:11px}.result-stats td{color:#d9e8fb;width:31%}.result-stats td.result-stat-winner{color:#ffe5a6}
#overlay.result-overlay .result-stats-note{font-size:10px;line-height:1.7;color:#8296af;margin:14px 0 20px}
#overlay.result-overlay .overlay-actions{display:flex;justify-content:center;gap:20px;align-items:center;padding-top:2px}
#overlay.result-overlay .secondary-button{width:auto;flex:0 1 auto;font-size:13px;padding:12px 38px;background:#f2cf83;color:#152036;border-color:#f2cf83;font-weight:800;white-space:nowrap}
#overlay.result-overlay .text-button{flex-shrink:0;white-space:nowrap;font-size:12px;margin:0;padding:10px;color:#bed0e6}
.draw-result .result-fighter-name{color:#d8f0ff}.draw-result .result-fighter-name small{color:#8ecce0}
@media(max-width:600px){
  #overlay.result-overlay{padding:14px 10px max(18px,env(safe-area-inset-bottom))}
  #overlay.result-overlay .overlay-card{padding:19px 14px;border-radius:10px}
  #overlay.result-overlay h2{font-size:24px}.result-fighter-name{padding:0 7px}.result-fighter-name strong{font-size:15px}.result-fighter-name small{font-size:8px}.result-fighter-names{bottom:12px}
  #overlay.result-overlay .eyebrow{font-size:8px;letter-spacing:1px}
  #overlay.result-overlay #overlay-description{font-size:10px;margin-bottom:15px}
  .result-scoreboard{padding:16px 0 12px;gap:8px}.result-scoreboard>div{display:block}.result-scoreboard small{display:block;font-size:9px;margin-bottom:4px}.result-scoreboard strong{font-size:27px}.result-scoreboard .result-duration{text-align:right}.result-duration strong{font-size:19px}
  .result-stats th,.result-stats td{padding:9px 6px;font-size:11px}.result-stats thead th{font-size:10px}
  #overlay.result-overlay .overlay-actions{gap:10px}#overlay.result-overlay .secondary-button{padding:11px 26px;font-size:12px}
}
@media(max-height:500px) and (min-width:601px){#overlay.result-overlay .overlay-card{max-width:760px;padding:20px}#overlay.result-overlay h2{font-size:25px}.result-poster{max-width:640px;margin:auto}}