/* Fight takes over the screen instead of sitting inside a small card. */
#soloBattle:not([hidden]){position:fixed!important;inset:0!important;z-index:1000!important;width:100vw!important;max-width:none!important;height:100dvh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:linear-gradient(#050915c7,#050915e0),url('./art/arena-bg.webp') center/cover!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;box-shadow:none!important}
#soloBattle .matchup{flex:none;font-size:15px;letter-spacing:.12em;padding:18px 8px!important;background:#060916e8}
#soloBattle #soloFrame{display:block!important;width:100%!important;max-height:none!important;min-height:0!important;height:0!important;flex:1 1 auto!important;object-fit:contain!important;aspect-ratio:auto!important;background:#0a0e15!important;border:0!important;border-radius:0!important}
#soloBattle #soloResult:not([hidden]){flex:none;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;background:linear-gradient(180deg,#060913f0,#1b1214ec)!important;padding:16px 14px calc(16px + env(safe-area-inset-bottom))!important;border-top:1px solid #bd8656}
#soloBattle #soloVerdict{font:italic 900 clamp(30px,8vw,52px)/1 Impact,'Arial Black',sans-serif!important}
#soloBattle #soloNext{width:min(360px,100%)!important;border:0!important;border-radius:0!important;min-height:64px!important;background:transparent url('./art/button-primary-v08.webp') center/100% 100% no-repeat!important;margin:4px auto!important;box-shadow:none!important}

#soloBattle:not([hidden]){isolation:isolate!important;overflow:hidden!important;background:#080a14!important}
#soloBattle::before{content:'';pointer-events:none;position:absolute;inset:-50px;z-index:-1;background-image:var(--fight-ambient);background-position:center;background-size:cover;filter:blur(22px) brightness(.65) saturate(1.2);transform:scale(1.13)}
#soloBattle #soloFrame{z-index:1;position:relative;filter:drop-shadow(0 4px 15px #0009)}
#soloBattle #soloResult:not([hidden]){position:relative;z-index:2}
