#sustitucion-overlay{position:fixed;inset:0;z-index:1050;box-sizing:border-box;background-color:#08294c;background-image:radial-gradient(ellipse at top,#205b88,transparent);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;gap:3vh;padding:4vh 8vw;color:#fff;font-family:Arial,sans-serif;text-align:center;overflow:auto}
#sustitucion-overlay[hidden]{display:none}.sub-overlay-heading{flex-shrink:0}.sub-overlay-heading>span{font-size:clamp(16px,2vw,34px);font-weight:700;letter-spacing:.22em;color:#ffb470}.sub-overlay-heading h2{font-size:clamp(20px,3vw,54px);margin:1vh 0;overflow-wrap:anywhere}.sub-overlay-players{display:grid;grid-template-columns:minmax(0,1fr) 10% minmax(0,1fr);align-items:center;gap:3vw}.sub-player{min-width:0}.sub-direction{display:inline-block;padding:1vh 2vw;border-radius:12px;font-size:clamp(16px,2.5vw,42px);font-weight:800;letter-spacing:.12em;background:#075f42}.sale .sub-direction{background:#a92d20}.sub-portrait{height:45vh;margin:2vh auto;display:flex;align-items:center;justify-content:center}.sub-portrait img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 20px #0005)}.sub-portrait span{display:grid;place-items:center;width:min(100%,30vh);height:30vh;border:2px solid #ffffff66;border-radius:24px;background:#ffffff16;font-size:clamp(40px,10vw,150px);font-weight:bold}.sub-portrait [hidden]{display:none}.sub-player-caption{display:flex;flex-direction:column;align-items:center;gap:1vh}.sub-player-caption strong{font-size:clamp(22px,3vw,54px);color:#ffb470}.sub-player-caption>span{font-size:clamp(18px,3vw,54px);font-weight:800;overflow-wrap:anywhere;line-height:1.1}.sub-exchange{font-size:clamp(28px,6vw,100px);opacity:.8}@media(max-width:600px){#sustitucion-overlay{padding:24px 4vw}.sub-overlay-players{gap:2vw;grid-template-columns:minmax(0,1fr) 7% minmax(0,1fr)}.sub-portrait{height:30vh}.sub-portrait span{height:20vh}.sub-player-caption>span{font-size:20px}}