/* A quiet dive report: score first, name entry next, deeper statistics on demand. */
#over.overlay{background:linear-gradient(180deg,#02121bcc,#01090fef);backdrop-filter:blur(5px)}
#over .panel{position:relative;width:min(100%,600px);max-width:600px;padding:26px 30px;border:1px solid #466367;border-radius:18px;background:radial-gradient(ellipse at 95% 0,#20454b80,transparent 42%),linear-gradient(155deg,#0b2029,#06131d);box-shadow:0 28px 100px #0009,inset 0 1px 0 #b5e1d01c;isolation:isolate}
#over .eyebrow{display:flex;align-items:center;gap:9px;color:#90bfb8;letter-spacing:.2em;font-size:9px;margin-bottom:8px}
#over .eyebrow::before{content:'';width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#e7a38d;box-shadow:0 0 12px #e7a38d40}
#over.returned .eyebrow::before{background:#b5e1d0;box-shadow:0 0 12px #b5e1d040}
#over .big,#over.returned .big{font-size:clamp(24px,4vw,31px);line-height:1.12;letter-spacing:-.015em;color:#edb59f}
#over.returned .big{color:#b5e1d0}
#over .result-context{font-size:11px;letter-spacing:.025em;color:#acc7c0;margin-top:8px}
#over .result-score{margin:20px 0 18px}
#over .result-score>span{font-size:9px;letter-spacing:.2em;color:#9bbab4}
#over #ovScore{font-size:clamp(48px,9vw,70px);letter-spacing:-.055em;line-height:1.12;color:#f0f5e8}
#over #resultBestLine{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;font-size:11px;color:#aec6be;margin-top:5px}
#over #resultBestLine[hidden]{display:none}
#over #ovBest.new{color:#efd09c}
#over #ovBest.new::after{content:'LOADOUT RECORD';display:inline-block;vertical-align:middle;margin-left:9px;padding:3px 6px;border:1px solid #b99c665e;border-radius:4px;background:#b99c6612;color:#efd09c;font-size:8px;letter-spacing:.09em;font-weight:600}
#over .result-highlights{gap:14px;padding:14px 0;border-color:#385359}
#over .result-highlights>div:first-child{padding-left:12px;border-left:2px solid #9acec2}
#over .result-highlights dt{font-size:9px;color:#a8c2bb;letter-spacing:.06em;text-transform:uppercase}
#over .result-highlights dd{font-size:21px;letter-spacing:-.02em}
#over #resultHabitat{font-size:10px;letter-spacing:0;color:#a0c1b9}
#over #resultEnding{margin:12px 0 15px;font-size:11px;color:#bfd0c8}
#over .resultactions{margin-bottom:16px;gap:10px}
#over .resultactions .btn{border-radius:8px;min-height:46px;font-size:11px}
#over .result-disclosure>summary{font-size:11px;min-height:43px;color:#b5cec6}
#over .result-disclosure{border-color:#2a424a}
#over .result-disclosure>summary::after{color:#9ec8be}
#over .achievementline{font-size:11px;color:#d6c29c}
@media(min-width:640px) and (min-height:650px){
  #over .panel{display:grid;grid-template-columns:1fr auto;column-gap:24px}
  #over .panel>*{grid-column:1/-1}
  #over .eyebrow{grid-column:1;grid-row:1;align-self:end}
  #over .big{grid-column:1;grid-row:2;align-self:center}
  #over .result-context{grid-column:1;grid-row:3;align-self:start;margin:6px 0 0}
  #over .result-score{grid-column:2;grid-row:1/4;text-align:right;margin:0;align-self:center;max-width:250px}
  #over #ovScore{font-size:clamp(44px,6vw,62px)}
  #over #resultBestLine{justify-content:flex-end;font-size:10px;max-width:225px}
  #over #ovBest.new::after{display:block;margin:5px 0 0;text-align:center}
  #over .result-highlights{margin-top:18px}
}
@media(max-width:560px){
  #over.overlay{padding:10px}
  #over .panel{padding:22px 18px;border-radius:14px;max-height:calc(100dvh - 20px)}
  #over .result-score{margin:16px 0 14px}
  #over #ovScore{font-size:clamp(46px,12vw,62px)}
  #over .result-highlights{gap:9px;padding:12px 0}
  #over .result-highlights dt{min-height:26px;line-height:1.45}
  #over .result-highlights dd{font-size:18px}
  #over .result-highlights>div:first-child{padding-left:9px}
}
@media(max-height:520px){
  #over .panel{padding:18px 22px}
  #over .result-score{margin:10px 0}
  #over #ovScore{font-size:42px}
  #over .result-highlights{padding:10px 0}
}
@media(min-width:640px) and (max-height:520px){
  #over:has(#resultLeaderboard:not([hidden])) .panel{width:min(100%,820px);max-width:820px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:22px;padding:16px 20px}
  #over:has(#resultLeaderboard:not([hidden])) .panel>*{grid-column:1/-1}
  #over:has(#resultLeaderboard:not([hidden])) .eyebrow{grid-column:1;grid-row:1;align-self:end;margin-bottom:5px}
  #over:has(#resultLeaderboard:not([hidden])) .big{grid-column:1;grid-row:2;font-size:24px}
  #over:has(#resultLeaderboard:not([hidden])) .result-context{grid-column:1;grid-row:3;margin-top:5px}
  #over:has(#resultLeaderboard:not([hidden])) .result-score{grid-column:1;grid-row:4;margin:12px 0 10px;text-align:left}
  #over:has(#resultLeaderboard:not([hidden])) #ovScore{font-size:42px}
  #over:has(#resultLeaderboard:not([hidden])) #resultBestLine{font-size:10px}
  #over:has(#resultLeaderboard:not([hidden])) .result-highlights{grid-column:1;grid-row:5;gap:9px;padding:10px 0;margin:0}
  #over:has(#resultLeaderboard:not([hidden])) .result-highlights dt{font-size:8px;min-height:23px}
  #over:has(#resultLeaderboard:not([hidden])) .result-highlights dd{font-size:17px;margin-top:2px}
  #over:has(#resultLeaderboard:not([hidden])) #resultEnding{grid-column:1;grid-row:6;margin:8px 0 0}
  #over:has(#resultLeaderboard:not([hidden])) .achievementline{grid-column:1;grid-row:7;margin:6px 0 0;font-size:10px}
  #over:has(#resultLeaderboard:not([hidden])) #resultStorageNote{grid-column:1;grid-row:8;margin:6px 0 0;font-size:10px}
  #over:has(#resultLeaderboard:not([hidden])) #resultLeaderboardHost{grid-column:2;grid-row:1/9;align-self:start}
  #over:has(#resultLeaderboard:not([hidden])) #resultLeaderboard{margin:0;padding:0 13px}
  #over:has(#resultLeaderboard:not([hidden])) .result-rank-form{grid-template-columns:minmax(0,1fr)}
  #over:has(#resultLeaderboard:not([hidden])) .result-rank-foot{gap:10px}
  #over:has(#resultLeaderboard:not([hidden])) .result-rank-foot .competition-note{font-size:9px}
  #over:has(#resultLeaderboard:not([hidden])) .resultactions{grid-column:1/-1;grid-row:9;margin:8px 0 12px}
}
@media(prefers-reduced-motion:reduce){#over.overlay{backdrop-filter:none}}