/* Full resolution portraits and a viewport-sized ultimate introduction. */
#selection .select-showdown{height:clamp(380px,52vh,640px)}
#selection .showdown-art{background-size:contain!important;image-rendering:auto;inset:0 -5% -20%!important}
#selection .showdown-label{z-index:2}
#selection .card-art{image-rendering:auto}
body.ultimate-intro #arena{position:fixed;inset:0;z-index:1000;background:#030711;display:grid;place-items:center;border:0;border-radius:0}
body.ultimate-intro #fightCanvas{width:100vw;height:100dvh;object-fit:contain;max-height:none}
body.ultimate-intro #arena .hud,body.ultimate-intro #moveTitle,body.ultimate-intro #battleMessage,body.ultimate-intro #touchPad{visibility:hidden}
@media(max-width:600px){#selection .select-showdown{height:330px}#selection .showdown-art{inset:10px -22% -8%!important}}
@media(prefers-reduced-motion:reduce){.showdown-art{transition:none!important}}
@media(max-width:600px){
 #selection .select-showdown{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)!important;height:330px;min-height:330px}
 #selection .showdown-label{left:3px!important;right:3px!important;bottom:4px!important;padding:5px!important;text-align:center!important;border:0!important;background:#06121de6!important}
 #selection .showdown-label strong{font-size:16px!important;white-space:nowrap}
 #selection .showdown-label span{display:none}
 #selection .showdown-label small{font-size:7px;letter-spacing:0}
 #selection .showdown-center strong{font-size:35px}
 #selection .showdown-center span{display:none}
 #selection .side-switch{gap:5px;width:100%}#selection .side-switch button{padding:5px;gap:3px;flex:1;min-width:0}#selection .side-switch b{min-width:0;font-size:10px}
}