/* Explicit width prevents grid-item auto margins from shrink-wrapping the host
   after the invitation is folded away at round start. Pupil layout is untouched. */
#quickToolBody > .slf-class-app,
#quickToolBody > .slf-hub,
#quickToolBody > .slf-computer { width:min(1120px,100%); min-width:0; box-sizing:border-box; }
.slf-class-app .qr-game-host,.slf-class-app .qr-game-card { min-width:0; }
.slf-class-app .qr-game-host > .qr-game-card { width:100%; box-sizing:border-box; }
/* A normal mandala stage is square. In presentation mode it must follow the
   viewport, otherwise its centre moves below a landscape projection. */
#mandalaStage { height:100dvh; min-height:0; aspect-ratio:auto; }
#mandalaScreen.presentation-mode #mandalaStage,
#mandalaScreen:fullscreen #mandalaStage { height:100dvh!important; min-height:0!important; max-height:100dvh!important; aspect-ratio:auto!important; }