/* Shared orientation guard for the approved lobby and multiplayer waiting room.
   iOS Safari cannot generally force device rotation; block touch portrait input instead. */
.landscape-gate{display:none;position:fixed;inset:0;z-index:2147483646;background:radial-gradient(circle at 50% 24%,#184864,#071322 72%);color:#f3f8ff;padding:max(22px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));align-items:center;justify-content:center;text-align:center;overflow:auto;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif}
.landscape-gate__inner{max-width:360px;display:grid;gap:14px;justify-items:center}
.landscape-gate__phone{font-size:68px;line-height:1.2;transform:rotate(-90deg);filter:drop-shadow(0 7px 18px #05101b)}
.landscape-gate__title{font-size:clamp(22px,6vw,32px);font-weight:950;margin:0;color:#aeefee}
.landscape-gate__hint{font-size:16px;line-height:1.65;margin:0;color:#cfdef0}
.landscape-gate__foot{font-size:13px;color:#9cb8c9}
@media (orientation:portrait) and (pointer:coarse) {
  .landscape-gate{display:flex}
  body{overflow:hidden!important}
  body > #app,body > header,body > main,body > footer{pointer-events:none!important}
}