/* FINAL LAUNCH CANDIDATE: End-of-run results live in a dedicated layer, NOT inside
   the physically small CRT glass. This is the reliable fix for cropped CTAs. */
#finishScreen{
  position:fixed!important; inset:0!important;
  z-index:10050!important; display:flex;
  align-items:safe center; justify-content:center;
  width:100vw;height:100dvh;max-height:100dvh;
  overflow-y:auto;overscroll-behavior:contain;
  padding:clamp(10px,3vw,28px);
  background:rgba(3,5,13,.88)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  text-align:center;
}
#finishScreen.hide{display:none!important}
body.results-open{overflow:hidden}
#finishScreen .finish-core{
  position:relative; flex:0 1 600px;
  max-width:600px;min-width:0;width:100%;
  margin:auto!important;padding:clamp(18px,3.1vw,30px);
  border:2px solid #bc9047;
  border-radius:16px;
  background:linear-gradient(152deg,#1d2338 0%,#0c0e1b 58%,#191023 100%);
  box-shadow:0 0 0 6px #03060e,0 36px 90px #000d,inset 0 1px 0 #ffffff22;
  display:flex; flex-direction:column; align-items:center;gap:8px;
}
#finishScreen .results-close{
  align-self:flex-end; min-height:28px;margin:-5px -5px 0 0;padding:3px 7px;
  border:0;background:transparent;color:#adb4c7;
  font:700 20px/1 Arial,sans-serif;letter-spacing:.3px;
}
#finishScreen .results-close span{vertical-align:middle;font:800 9px Arial,sans-serif;letter-spacing:1px}
#finishScreen .results-close:hover{color:#fff}
#finishScreen .screen-kicker{font-size:10px;letter-spacing:2px;color:#e8b85c}
#finishScreen h2{font:900 clamp(30px,5vw,51px)/1.03 Impact,'Arial Black',sans-serif;margin:0;color:#f6e4bb;letter-spacing:.6px}
#finishScreen .finish-core>p{font-size:clamp(11px,1.4vw,14px);line-height:1.45;margin:0 0 2px;max-width:490px;color:#cbd0df}
#finishScreen .final-score{display:flex;flex-direction:column;align-items:center;gap:1px;margin:2px 0 8px!important}
#finishScreen .final-score span{font-size:10px;color:#9fa9c4;letter-spacing:1.7px}
#finishScreen .final-score strong{font:900 clamp(49px,7vw,75px)/.98 Impact,'Arial Black',sans-serif;letter-spacing:2px;color:#ffd27c}
#finishScreen .final-score small{font-size:11px;line-height:1.3;color:#b9c1d3;letter-spacing:.4px}
#finishScreen .finish-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:530px;gap:10px;margin:0;}
#finishScreen .finish-actions>*{box-sizing:border-box;width:100%;min-width:0;min-height:49px;
  padding:12px 10px;margin:0;display:flex;align-items:center;justify-content:center;
  text-align:center;font:900 12px/1.2 Arial,sans-serif;letter-spacing:.5px;
  border-radius:7px;white-space:normal;}
#finishScreen .finish-actions a.end-video-link{
  grid-column:1/-1;min-height:66px;padding:13px 14px;gap:12px;
  font:900 clamp(13px,2.1vw,18px)/1.16 Arial,sans-serif;
  background:linear-gradient(120deg,#f44356,#ac173a);color:white;
  border:1px solid #ff6f7e;box-shadow:0 12px 25px #ec294744;
  text-decoration:none;
}
#finishScreen .finish-actions a.end-video-link:hover{filter:brightness(1.1)}
#finishScreen .finish-actions .video-play-icon{width:34px;height:33px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;background:#fff;color:#b71935;font-size:17px;border-radius:8px}
#finishScreen .finish-actions #againBtn{background:linear-gradient(#ffdb91,#d49c48);color:#17101a;border:1px solid #f7d392;}
#finishScreen .finish-actions #shareBtn{background:#242e49;border:1px solid #67789e;color:#f2f6ff}
#finishScreen .finish-actions #finishPresaveBtn{background:#1b3442;border:1px solid #4a8993;color:#e2fbff}
#finishScreen .finish-actions #clubEndBtn{background:#1b1c30;border:1px solid #4d4f6e;color:#b7bad0}
#finishScreen .finish-actions button:hover{filter:brightness(1.15)}
#finishScreen .best-line{font-size:10px;color:#dcb567;margin:4px 0 0;line-height:1.3}
@media(max-width:480px){
 #finishScreen{padding:12px;}
 #finishScreen .finish-core{padding:14px 13px 16px;border-width:1px;border-radius:12px;gap:5px}
 #finishScreen h2{font-size:clamp(27px,8vw,38px)}
 #finishScreen .finish-core>p{font-size:11px}
 #finishScreen .final-score{margin:2px 0 6px!important}
 #finishScreen .final-score strong{font-size:50px}
 #finishScreen .final-score small{font-size:9px}
 #finishScreen .finish-actions{gap:7px}
 #finishScreen .finish-actions>*{min-height:44px;padding:9px 5px;font-size:10px;letter-spacing:0}
 #finishScreen .finish-actions a.end-video-link{min-height:58px;font-size:12px;gap:8px;padding:10px 8px}
 #finishScreen .finish-actions a.end-video-link .video-play-icon{width:29px;height:28px;flex-basis:29px}
 #finishScreen .best-line{font-size:9px}
}
@media(max-width:340px){
 #finishScreen .finish-core{padding:11px 9px 13px;gap:4px}
 #finishScreen h2{font-size:25px}
 #finishScreen .finish-actions>*{font-size:9px;padding:7px 4px}
 #finishScreen .finish-actions a.end-video-link{font-size:10.5px;min-height:51px}
 #finishScreen .final-score strong{font-size:42px}
}
@media(max-height:570px){
 #finishScreen{align-items:flex-start}
 #finishScreen .finish-core{margin:0 auto!important}
}

/* Short landscape view: make all five actions visible without cropping. */
@media (max-height:520px){
  #finishScreen{padding:8px;align-items:flex-start}
  #finishScreen .finish-core{flex:0 0 auto;margin:auto!important;padding:8px 16px;gap:2px}
  #finishScreen .results-close{min-height:19px;font-size:16px;margin:0 0 -3px;padding:1px 4px}
  #finishScreen .results-close span{font-size:8px}
  #finishScreen .screen-kicker{font-size:8px}
  #finishScreen h2{font-size:25px;margin:0;line-height:1}
  #finishScreen .finish-core>p{font-size:9px;margin:0;line-height:1.2}
  #finishScreen .final-score{margin:1px 0 3px!important;gap:0}
  #finishScreen .final-score span{font-size:8px}
  #finishScreen .final-score strong{font-size:35px;line-height:.96}
  #finishScreen .final-score small{font-size:8px}
  #finishScreen .finish-actions{gap:5px}
  #finishScreen .finish-actions>*{min-height:32px;padding:5px 8px;font-size:9px}
  #finishScreen .finish-actions a.end-video-link{min-height:44px;padding:7px 10px;font-size:12px}
  #finishScreen .finish-actions .video-play-icon{width:24px;height:24px;flex-basis:24px;font-size:11px}
  #finishScreen .best-line{font-size:8px;margin:2px 0 0}
}