/* Room-only landscape stage. Lobby remains in the device's normal direction. */
body.room-active{overflow:hidden;overscroll-behavior:none;background:#10271e}
.room-active #screen-host{position:fixed;inset:0;background:#10271e;overflow:hidden}
.room-active #display-stage{
  position:fixed;inset:auto;left:0;top:0;width:var(--stage-width);height:var(--stage-height);
  transform-origin:0 0;container:room-screen / size;isolation:isolate;overflow:hidden;
  background:radial-gradient(ellipse at 50% 38%,#283d32,#101d18 80%);
  --safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);
  --screen-width:calc(var(--stage-width) - var(--safe-left) - var(--safe-right));
  --screen-height:calc(var(--stage-height) - var(--safe-top) - var(--safe-bottom));
  padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);
}
.room-active #display-stage.rotated{
  transform:translateX(var(--stage-height)) rotate(90deg);
  --safe-top:env(safe-area-inset-right,0px);--safe-right:env(safe-area-inset-bottom,0px);
  --safe-bottom:env(safe-area-inset-left,0px);--safe-left:env(safe-area-inset-top,0px);
}
.room-active #app{height:100%;width:100%}
.room-active .game-shell{height:100%;min-height:0;max-width:none;width:100%}
.room-active .rotate-hint{display:none}
.room-active .modal-backdrop{position:absolute;inset:0;max-width:none;max-height:none}
.room-active .modal{max-height:calc(var(--screen-height) - 24px)}
.room-active .toast{position:absolute;max-width:calc(var(--screen-width) - 40px)}
.room-active .fullscreen-button{display:inline-grid}
@container room-screen (max-height:600px){
  .game-shell .fullscreen-button{width:30px;height:30px}
}
@container room-screen (max-height:380px){
  .waiting-center{padding:7px 18px 5px}
  .waiting-room-code strong{font-size:32px}
  .waiting-status{margin:1px 0 5px}
  .waiting-center .primary-button,.waiting-for-host{min-height:31px;line-height:31px}
  .waiting-share{margin-top:3px}.waiting-share .text-button{min-height:22px}
}