/* One countdown over the real arena. No duplicate portrait cards. */
.versus{position:absolute;inset:0;z-index:6;display:flex;align-items:flex-start;justify-content:center;padding:clamp(82px,19dvh,145px) 12px 0;pointer-events:none;background:linear-gradient(180deg,#070b1422,transparent 70%)}
.versus-center{display:flex;flex-direction:column;align-items:center;max-width:min(80vw,360px);min-width:0;text-align:center;filter:drop-shadow(0 2px 8px #000b)}
.versus-center>span{margin:0 0 10px;font:700 10px/1.3 Arial,sans-serif;letter-spacing:2px;color:#e2e4e9}
.countdown-dial{position:relative;display:grid;place-items:center;width:100px;height:100px;border:1px solid #eed6a850;border-radius:50%;background:#080d17bd;box-shadow:0 0 0 6px #080d1722,inset 0 0 28px #e6bc5410}
.countdown-dial:before{content:'';position:absolute;inset:-3px;border:3px solid transparent;border-top-color:#f2c96a;border-right-color:#f2c96a;border-radius:50%;transform:rotate(-45deg)}
#versus-count{display:block;margin:0;font:900 66px/1 Arial,sans-serif;letter-spacing:-4px;font-variant-numeric:tabular-nums;color:#ffe0a1;text-shadow:none;padding-right:4px}
#versus-label{margin-top:11px;font:700 9px/1.2 Arial,sans-serif;letter-spacing:3px;color:#f4dcae}
.intro-matchup{display:flex;align-items:center;gap:12px;margin-top:12px;padding:7px 13px;background:#080d17b8;border:1px solid #ffffff20;border-radius:7px;font:700 10px/1.2 Arial,sans-serif;letter-spacing:.8px}
.intro-matchup span:first-child{color:#ffd09a}.intro-matchup span:last-child{color:#98e1ef}.intro-matchup i{font-size:8px;font-style:normal;color:#a3adba}
.versus[data-beat="2"] .countdown-dial:before{transform:rotate(75deg)}
.versus[data-beat="1"] .countdown-dial:before{transform:rotate(195deg)}
@media(orientation:landscape) and (max-height:550px){.versus{padding-top:74px}.versus-center>span{font-size:8px;margin-bottom:7px}.countdown-dial{width:72px;height:72px}#versus-count{font-size:48px;letter-spacing:-2px;padding-right:2px}#versus-label{font-size:8px;letter-spacing:2px;margin-top:8px}.intro-matchup{margin-top:8px;font-size:9px;padding:5px 9px}}
@media(orientation:landscape) and (max-height:320px){.versus{padding-top:59px}.versus-center>span{font-size:7px}.countdown-dial{width:58px;height:58px}#versus-count{font-size:39px}.intro-matchup{display:none}}
