/* The catch is a full scene: the face stays visible beside or above the results. */
#overScreen{
  display:flex;align-items:center;justify-content:flex-end;text-align:left;
  padding:64px clamp(28px,5vw,76px);overflow-y:auto;touch-action:pan-y;
  background:linear-gradient(90deg,#080c0855,transparent 24%,#080c0870 48%,#080c08f2 74%);
  backdrop-filter:none;animation:death-reveal .5s ease-out both;
}
.death-topline{position:absolute;inset:24px 28px auto;display:flex;justify-content:space-between;gap:20px;color:#acafa0;font:9px var(--mono);letter-spacing:1.5px}
.death-topline>span:first-child{display:flex;align-items:center;gap:10px;color:#e39780}
.death-heart{display:block;width:15px;height:14px;background:#b35f49;clip-path:polygon(0 17%,17% 17%,17% 0,42% 0,50% 18%,58% 0,83% 0,83% 17%,100% 17%,100% 59%,58% 100%,58% 65%,40% 51%,49% 28%,32% 44%,42% 63%,42% 94%,0 59%)}
#overScreen .result{position:relative;width:430px;max-width:100%;padding:0;border:0;background:none;box-shadow:none}
.death-heading{animation:death-rise .55s .04s both}
.death-eyebrow{font:10px var(--mono);letter-spacing:2px;color:#d9876f;display:flex;align-items:center;gap:12px}
.death-eyebrow:before{content:'';height:1px;width:28px;background:#c4755d}
#overScreen .result h2{font:800 clamp(66px,7.5vw,104px)/.88 var(--heading);letter-spacing:-1.5px;margin:19px 0 14px;color:#f3ecdc;text-shadow:2px 2px #76352766;white-space:nowrap}
#deathTitle>span{color:#cb7255}
#overScreen .result-quote{margin:0;color:#b8baaa;font:italic 13px/1.5 var(--sans)}
.death-report{display:grid;grid-template-columns:1.25fr 1fr;margin-top:28px;border:1px solid #858a6840;background:linear-gradient(135deg,#30332460,#161c1370);animation:death-rise .55s .12s both}
.stat-label{font:9px/1.3 var(--mono);letter-spacing:1.2px;color:#a6ad98}
.death-distance{padding:19px 22px 16px;display:flex;flex-direction:column;gap:7px}
.death-distance strong{font:700 78px/.9 var(--heading);font-variant-numeric:tabular-nums;color:#f1d89a;letter-spacing:-1px}
.death-distance small{font:400 23px var(--heading);margin-left:5px;color:#a3a78e;letter-spacing:0}
.death-totals{margin:19px 0 17px;border-left:1px solid #858a6840;padding:0 20px;display:flex;flex-direction:column;justify-content:space-around;gap:12px}
.death-totals>div{display:flex;justify-content:space-between;align-items:center;gap:14px}
.death-totals .stat-label{font-size:8px;letter-spacing:.8px}
.death-totals b{font:600 24px/1 var(--heading);font-variant-numeric:tabular-nums;color:#e1e5d1}
.death-record{grid-column:1/-1;border-top:1px solid #858a6840;padding:11px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;font:9px var(--mono);letter-spacing:.6px;color:#a2aa94}
.death-record b{color:#d7ddc7;font-weight:500}
.new-record .death-record{color:#eed080;background:#d9bd5710;border-top-color:#d5b96366}
.new-record .death-record b{color:#f5d989}
.death-controls{margin-top:22px;animation:death-rise .55s .2s both}
.death-retry{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;padding:14px 24px;border:1px solid #f4dfa0;border-bottom:3px solid #9f8443;color:#24291b;background:#e5c97f;box-shadow:0 4px 0 #080d07;font:600 12px var(--mono);letter-spacing:1.3px;transition:background .15s,transform .15s}
.death-retry:hover{filter:none;background:#f3da93;transform:translateY(-1px)}
.death-retry:active{transform:translateY(2px);box-shadow:0 2px #080d07}
.death-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}
.death-retry kbd{position:absolute;right:18px;color:#4e502b;border:1px solid #80714460;padding:2px 5px;font:13px var(--mono)}
#overScreen .result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
#overScreen .result-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px;border:1px solid #a0ab7b40;background:#29302140;color:#c3cbb1;font:9px var(--mono);letter-spacing:.3px;transition:background .15s,border-color .15s}
#overScreen .result-actions button:hover{filter:none;background:#39432b80;border-color:#a0ab7b80}
#overScreen .share-status{margin:10px 0 0;min-height:0;font:11px/1.5 var(--sans);color:#e6d6a3;text-align:center}
#overScreen .share-status:empty{display:none}
.death-home{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;width:100%;padding:10px 0 0;margin-top:9px;border:0;background:none;color:#929d84;font:9px var(--mono);letter-spacing:.8px}
.death-home:hover{color:#dee3cf}
.game.ended{border-color:#666348}
.game.ended+.game-footer .keyboard-legend,.game.ended+.game-footer .mobile-legend{visibility:hidden}
@keyframes death-reveal{from{opacity:0}to{opacity:1}}
@keyframes death-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:899px){
  #overScreen{align-items:flex-end;justify-content:center;padding:24px 26px 19px;background:linear-gradient(180deg,#080c081c 0%,transparent 15%,#080c0820 31%,#080c08c9 49%,#080c08fa 68%)}
  .death-topline{inset:20px 22px auto;font-size:8px;letter-spacing:1px}
  #overScreen .result{width:440px}
  #overScreen .result h2{font-size:72px;margin:13px 0 9px}
  .death-eyebrow{font-size:9px;letter-spacing:1.5px}
  .death-report{margin-top:20px}
  .death-distance{padding:15px 18px 14px}
  .death-distance strong{font-size:68px}
  .death-totals{margin:16px 0;padding:0 18px}
  .death-controls{margin-top:16px}
  .death-retry{min-height:50px}
  .death-retry kbd{display:none}
}
@media(max-width:440px),(max-height:760px) and (max-width:899px){
  #overScreen{padding:20px 19px 12px}
  #overScreen .result h2{font-size:60px;margin:11px 0 7px}
  #overScreen .result-quote{font-size:12px}
  .death-report{margin-top:16px}
  .death-distance{padding:13px 15px 12px}
  .death-distance strong{font-size:58px}
  .death-totals{padding:0 13px;margin:13px 0;gap:9px}
  .death-totals>div{gap:8px}.death-totals b{font-size:22px}.death-totals .stat-label{font-size:7px}
  .death-record{padding:9px 15px;font-size:8px}
  .death-controls{margin-top:14px}
  #overScreen .result-actions{margin-top:10px;gap:8px}
  #overScreen .result-actions button{font-size:8px;gap:6px}
  .death-home{margin-top:4px;min-height:32px}
}
@media(max-height:650px) and (min-width:900px){
  #overScreen{padding-block:55px 20px}.death-topline{top:18px}#overScreen .result h2{font-size:68px;margin:12px 0 9px}.death-report{margin-top:17px}.death-controls{margin-top:16px}.death-distance strong{font-size:64px}
}
@media(prefers-reduced-motion:reduce){#overScreen,.death-heading,.death-report,.death-controls{animation:none}.death-retry{transition:none}}

#scareVeil{position:absolute;inset:0;background:#020302;opacity:0;z-index:9;pointer-events:none}
.game.catching{border-color:#574632}
.game.catching .vignette{opacity:.7}
.game.catching+.game-footer .keyboard-legend,.game.catching+.game-footer .mobile-legend{visibility:hidden}