/* A common centered vertical presentation for all sixteen MASTER battles. */
.master-vertical-stage{--vertical-ui-top:37%;--vertical-actor-top:82px}
.master-vertical-stage .master-battle-field{image-rendering:auto;background-position:center}
.master-vertical-stage .master-battle-field::after{background:linear-gradient(#08192705,#08192710 45%,#08192733)}
.master-vertical-stage .master-battle-frame{left:calc(50% + var(--vertical-character-shift,0px));top:var(--vertical-actor-top);width:min(90%,840px);height:var(--vertical-character-height,70%)!important}
.master-vertical-stage .master-battle-heading{text-align:center}
.master-vertical-stage .master-layer-content{left:50%;right:auto;transform:translateX(-50%);top:var(--vertical-ui-top);bottom:max(12px,env(safe-area-inset-bottom));width:min(calc(100% - 40px),960px);gap:6px}
.master-vertical-stage .master-layer-question-copy{flex:0 1 auto;min-height:72px;max-height:min(44%,230px)}
.master-vertical-stage .master-layer-content .panel{padding:12px 16px!important}
.master-vertical-stage .panel>.eyebrow{display:none}
.master-vertical-stage .question,.master-vertical-stage .iroha-original{text-align:center}
.master-vertical-stage .master-layer-answers{flex:0 0 auto;max-height:calc(100% - 130px);width:100%;margin-top:auto;padding:3px}
.master-vertical-stage .master-layer-content .choices{gap:8px!important}
.master-vertical-stage .master-layer-content .choice{position:relative;min-height:60px;padding:10px 16px;text-align:center}
.master-vertical-stage .choice b{position:absolute;left:14px;top:50%;transform:translateY(-50%);margin:0}
.master-vertical-stage .choice>span{flex:1;min-width:0;padding:0 40px;text-align:center}
.master-vertical-stage .master-layer-read-more{align-self:center;margin:-4px 3px}
.master-vertical-stage .master-layer-question-copy>.master-battle-dialogue{min-height:72px!important}
.master-vertical-stage .master-layer-intro-content{top:auto;bottom:max(20px,env(safe-area-inset-bottom));max-height:36%}
.master-vertical-stage .master-layer-information{top:var(--vertical-ui-top);max-height:none}
.master-vertical-stage .master-layer-information .master-battle-dialogue{min-height:130px!important}
@media(max-width:899px),(orientation:portrait){
 .master-vertical-stage{--vertical-ui-top:45%}
 .master-vertical-stage .master-layer-content{width:min(calc(100% - 24px),900px)}
 .master-vertical-stage .master-layer-question-copy{max-height:240px}
 .master-vertical-stage .master-layer-content .choice{min-height:64px}
 .master-vertical-stage [data-master-layer="pottery"] .master-battle-field{background-position:100% center}
 .master-vertical-stage [data-master-layer="sage"] .master-battle-field{background-position:20% center}
 .master-vertical-stage [data-master-layer="king"] .master-battle-field{background-position:80% center}
}
@media(max-width:600px){
 .master-vertical-stage{--vertical-ui-top:40%;--vertical-actor-top:76px}
 .master-vertical-stage .master-layer-content{width:calc(100% - 16px);bottom:10px}
 .master-vertical-stage .master-layer-content .choice{min-height:60px}
 .master-vertical-stage .master-layer-intro-content{bottom:14px}
}
@media(orientation:landscape) and (max-height:760px){
 .master-vertical-stage{--vertical-ui-top:34%;--vertical-actor-top:74px}
 .master-vertical-stage .master-battle-frame{height:64%!important}
 .master-vertical-stage .master-layer-content .panel{padding-top:8px!important;padding-bottom:8px!important}
}
