/* Replay overlay owns its visual rules; the replay simulation owns its clock.
   IW4 hud_720.menu: white font 9 title; ordinary red vs final black alpha .5.
   54/65 visible band units of 480; title scales .9 / .5833 of a 32-unit font.
   Responsive clamping, progress, credits and touch skip remain browser adaptations. */
#killcam[data-mode="final"]{--replay-band:rgba(0,0,0,.5);--replay-title:clamp(18px,3.8887vh,32.4px)}

#killcam{--replay-band:rgba(125,13,8,.5);--replay-title:clamp(24px,6vh,50px);position:fixed;inset:0;pointer-events:none;z-index:7;background:linear-gradient(var(--replay-band),var(--replay-band)) top/100% 11.25% no-repeat,linear-gradient(var(--replay-band),var(--replay-band)) bottom/100% 13.5417% no-repeat}
.killcam-heading{position:absolute;top:max(22px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(440px,70%);text-align:center}
.killcam-heading>strong{display:block;font:400 var(--replay-title)/1.2 MW2Bank,Field,Arial,sans-serif;letter-spacing:0;color:#fff;text-shadow:0 2px 4px #000}
.killcam-heading>span{display:block;font-size:9px;letter-spacing:2px;margin:8px}
.killcam-heading>div{height:2px;background:#fff3}
.killcam-heading i{display:block;height:2px;background:#e25744;transform-origin:left}
.killcam-card{position:absolute;bottom:max(70px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(450px,90%);display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:linear-gradient(110deg,#12140be8,#48492ed9);border-top:2px solid #a6a27b;box-sizing:border-box}
.killcam-card small{font-size:8px;letter-spacing:2px;color:#c5c7b0;display:block}
.killcam-card strong{display:block;font-size:20px;margin:6px 0}
.killcam-card #killcam-perks{display:flex;gap:6px}
.killcam-card #killcam-perks img{width:23px;height:23px}
.killcam-gun{display:flex;flex-direction:column;align-items:center;font-size:11px;gap:5px}
.killcam-gun img{width:140px;height:52px;object-fit:contain}
#killcam-skip{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);min-height:44px;padding:8px 24px;pointer-events:auto;background:#141b10c9;border:1px solid #b7b58b80;color:#eeedd3;font-size:12px;letter-spacing:2px}
.killcam-view #touch-controls,.killcam-view #center-message,.killcam-view #killfeed,.killcam-view #kill-confirm,.killcam-view #damage-flash,.killcam-view .hud-bottom,.killcam-view .hud-top .score,.killcam-view .hud-top .zone,.killcam-view #enemy-label,.killcam-view #shot-direction-hud,.killcam-view #damage-direction-hud{visibility:hidden}
.killcam-view #crosshair{visibility:hidden}
@media(max-height:550px){.killcam-heading{top:12px}
.killcam-heading>span{font-size:7px;margin:5px}
.killcam-card{bottom:57px;padding:6px 14px;width:350px}
.killcam-card strong{font-size:16px}
.killcam-card #killcam-perks img{width:18px;height:18px}
.killcam-gun img{height:36px}
#killcam-skip{bottom:7px;font-size:10px}
}
@media(max-width:480px){.killcam-gun img{width:110px}
.killcam-card{padding:12px}
.killcam-heading>span{font-size:7px;letter-spacing:1px}
}