/* Grow into the embed's available width without changing game coordinates. */
html[data-kcx-embedded] body{display:block;min-height:0}
.arcade{max-width:960px;height:auto;min-height:820px;padding-inline:clamp(14px,4vw,32px)}
.arcade .stage{flex:none;width:100%;min-height:0;aspect-ratio:400/430}
@media(min-width:481px){
 .arcade .heading h1{font-size:clamp(38px,6vw,56px)}
 .arcade .overlay h2{font-size:clamp(40px,7vw,64px)}
 .arcade .overlay.result h2{font-size:28px}
 .arcade .overlay-inner{max-width:560px;margin:auto}
 .arcade .stage-top{font-size:12px}
 .arcade footer{font-size:12px}
}