/* The existing controls and circuit mast sit above the poster fighter. */
body.art-menus #menu .menu-copy{position:relative;z-index:2}
body.art-menus #menu .circuit-crest,body.art-menus #menu .street-stamp{top:5%;right:4%;z-index:2;transform:scale(.8);transform-origin:top right}
body.art-menus #menu .circuit-mast{z-index:2;right:27%}
.art-menus.visual-menus #arcade-route{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.art-menus.visual-menus #arcade-route .arcade-stage{display:block;min-width:0;position:relative;min-height:0;padding:0;border:0;background:none;box-shadow:none;border-radius:10px}
.art-menus.visual-menus #arcade-route .rival-card{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:0;position:relative;width:100%;height:clamp(115px,19vh,172px);overflow:hidden;border-radius:9px;padding:0 0 6px;border:1px solid #48505c;background:#111720;color:#fff;text-align:left;isolation:isolate}
#arcade-route .rival-card[aria-pressed=true]{outline:2px solid var(--rival-ink);outline-offset:-2px;background:#202836}
#arcade-route .rival-card:focus-visible{outline:2px solid white;outline-offset:-3px}
#arcade-route .rival-card img{display:block;position:static;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 14%;border-radius:8px 8px 0 0}
#arcade-route .rival-rank{display:block;color:var(--rival-ink);margin:4px 6px 1px;font:750 8px/1.15 system-ui;letter-spacing:.06em}
.art-menus.visual-menus #arcade-route .rival-card-name{position:static;display:block;min-width:0;margin:0 5px 0 6px;padding:0}
.art-menus.visual-menus #arcade-route .rival-card-name strong{display:block;font:800 clamp(10px,1.18vw,15px)/1.12 system-ui;color:#fff;overflow-wrap:anywhere}
#arcade-route .rival-card-name small{display:block;color:#b3bfcc;font:600 8px/1.2 system-ui;margin-top:3px}
.art-menus.visual-menus #arcade-route .arcade-stage:after{display:none}
.visual-menus .arcade-opponent #arcade-opponent-image{object-fit:cover;object-position:center 10%;border-color:#5a6573}
#wk-ticket{position:relative;isolation:isolate;overflow:hidden}#wk-ticket:has(#wk-rival-portrait:not([hidden])) .wk-ticket-copy{max-width:72%;position:relative;z-index:2}#wk-rival-portrait:not([hidden]){position:absolute;right:0;bottom:0;z-index:1;width:36%;height:100%;object-fit:cover;object-position:center 28%;mask-image:linear-gradient(90deg,transparent,#000 25%)}
body.art-menus #menu .fighter-card img,.art-menus .fr-card.fr-active img{object-position:center 14%}
@media(max-width:640px) and (orientation:portrait){
 .art-menus.visual-menus #arcade-route{gap:4px}
 .art-menus.visual-menus #arcade-route .rival-card{height:clamp(88px,23vw,122px);padding-bottom:5px}
 #arcade-route .rival-rank{font-size:7px;margin:3px 3px 2px}
 #arcade-route .rival-card-name small{display:none}
 .art-menus.visual-menus #arcade-route .rival-card-name{margin:0 2px 0 3px}
 .art-menus.visual-menus #arcade-route .rival-card-name strong{font-size:clamp(8px,2.25vw,12px);letter-spacing:-.035em}
}
@media(orientation:landscape) and (max-height:550px){
 .art-menus.visual-menus #arcade-route .rival-card{height:82px}
 #arcade-route .rival-card-name small{display:none}
 #arcade-route .rival-rank{margin-top:2px}
}

/* The scouting detail uses the same intact stance as the fight. Only thumbnails
   are portraits, and their numbered strip sits outside the photograph. */
.art-menus.visual-menus .arcade-opponent #arcade-opponent-image{display:block;box-sizing:border-box;object-fit:contain;object-position:50% 94%;width:clamp(95px,13vw,150px);height:clamp(125px,21vh,196px);max-width:47%;flex-shrink:0;padding:8px 4px 6px;border-radius:10px;background:radial-gradient(ellipse at 51% 42%,color-mix(in srgb,var(--scout-ink,#86b5b2) 22%,#1b2026),#111922 82%);border:1px solid #ffffff2d}
.art-menus .league-rival{right:0;bottom:2%;width:46%;height:92%;object-fit:contain;object-position:50% 100%}
@media(orientation:landscape) and (max-height:550px){.art-menus.visual-menus .arcade-opponent #arcade-opponent-image{height:96px;width:88px}}