/* Query the available window after desktop-site compensation, not the virtual PC width.
   Only the width is queried here (inline-size) and the box grows with its content, so the
   document itself scrolls. A size container fixed to the screen height made pages
   unscrollable on iOS Safari before 18.4: WebKit applied layout containment with
   container-type, which drops overflowing content from the scrollable area.
   Height and orientation conditions use classes that viewport.js puts on <html>:
   cube-land (wider than tall), cube-h360 / cube-h600 / cube-h700 (height at most),
   cube-h900up (height at least). */
.cube-viewport{
  width:100%;
  min-height:calc(100 * var(--cube-vh, 1vh));
  min-height:calc(100 * var(--cube-vh, 1dvh));
  container-type:inline-size;
  container-name:cube;
}
/* A screen-sized panel that never scrolls (the shooting stage) may fix its height. */
.cube-viewport.cube-fixed{
  height:calc(100 * var(--cube-vh, 1vh));
  height:calc(100 * var(--cube-vh, 1dvh));
  container-type:size;
}
@media print{
  html{zoom:1!important}
  .cube-viewport,.cube-viewport.cube-fixed{height:auto;min-height:0;container-type:normal}
}