.mg-stage{--mg-stage-height:calc(100dvh - var(--ds-header-offset,7rem) - var(--space-xl,2rem));--mg-pad:11rem;height:var(--mg-stage-height);min-height:24rem;margin-block:var(--space-md,1rem);display:grid;container-type:size}.mg-stage>*{width:min(100cqw, (100cqh - 2 * var(--space-md,1rem) - 6px) * var(--mg-stage-ratio) + 2 * var(--space-md,1rem) + 6px + var(--space-md,1rem) + 11rem);place-self:center}@media (pointer:coarse){.mg-stage>.mg-frame--touch[data-hud=side]{width:min(100cqw, (100cqh - 2 * var(--space-md,1rem) - 6px) * var(--mg-stage-ratio) + 2 * var(--space-md,1rem) + 6px + 2 * var(--space-md,1rem) + 11rem + var(--mg-pad))}}.mg-stage>.mg-frame[data-hud=top]{width:100cqw}
.mg-screen{background:var(--color-surface-base);grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.mg-screen__bar{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);display:flex}.mg-screen__title{text-overflow:ellipsis;white-space:nowrap;font:var(--text-label);letter-spacing:var(--text-label-tracking);color:var(--color-text-muted);margin:0;overflow:hidden}.mg-screen__stage{--mg-stage-height:100%;min-height:0;padding-inline:var(--space-sm)}.mg-screen__stage .mg-stage{min-height:0;margin-block:0}