/* One portrait shell: home poster and both questionnaire routes render at 9:16. */
.presentation {padding:0!important}
.kiosk{
  width:min(100vw,56.25vh)!important;
  width:min(100vw,56.25dvh)!important;
  aspect-ratio:9/16!important;
  max-height:100vh!important;
  max-height:100dvh!important;
  border-radius:0!important;
}
@media (max-width:700px){
  .desktop-hint{display:none}
}

/* Explicit height fallback: aspect-ratio is unsupported on older Tizen Chromium. */
.kiosk {
  height:min(100vh,177.77778vw)!important;
  height:min(100dvh,177.77778vw)!important;
  flex:0 0 auto;
}

/* Samsung Tizen 6.5 does not support dvh. Always size the root and presentation. */
html,body{width:100%;min-height:100%;margin:0;overflow:hidden}
body{height:100vh;height:100dvh}
.presentation{box-sizing:border-box;width:100vw;height:100vh;height:100dvh;max-width:100vw;max-height:100vh;max-height:100dvh;overflow:hidden;justify-content:center;align-items:center;padding:0!important;margin:0!important}
.kiosk{max-width:100vw!important;max-height:100vh!important;max-height:100dvh!important;margin:0!important;overflow:hidden}
@media (orientation:portrait){
  .desktop-hint{display:none!important}
}


/* 2026-10-30: The homepage and questionnaires must have an identical center.
 * The old desktop hint was a second flex child in .presentation, shifting
 * only the homepage poster left when the viewport is landscape.
 * Make its fullscreen control floating/desktop-only, never a layout column.
 */
.presentation { justify-content:center!important; gap:0!important; }
.desktop-hint {
  position:fixed!important;
  z-index:40;
  top:auto!important;
  bottom:clamp(12px,1.8vw,28px);
  right:clamp(12px,1.8vw,28px);
  left:auto!important;
  transform:none!important;
  width:auto!important;
  max-width:none!important;
  align-self:auto!important;
  margin:0!important;
  pointer-events:none;
}
.desktop-hint > :not(button) { display:none!important; }
.desktop-hint button {
  display:block;
  margin:0!important;
  pointer-events:auto;
  border-radius:999px;
}
@media (max-width:1160px), (orientation:portrait) {
  .desktop-hint { display:none!important; }
}