/* Shared portrait gate; only touch devices are gated, narrow desktop windows stay usable. */
.mobile-landscape-gate{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:calc(env(safe-area-inset-top) + 28px) 24px calc(env(safe-area-inset-bottom) + 24px);background:radial-gradient(ellipse at 50% 30%,#1c3476,#080d30 70%);color:#fff0b4;text-align:center;overflow:auto;font-family:Arial,sans-serif}
.mobile-landscape-gate[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.mobile-landscape-gate::backdrop{background:#080d30}.mobile-landscape-gate h2{max-width:300px;margin:0;font:15px/1.9 ArcadePixel,PressStart,monospace;color:#fff0b4}.mobile-landscape-gate p{margin:0;color:#b5c8e9;font-size:13px;line-height:1.6}.mobile-landscape-gate button{min-height:48px;padding:14px 20px;border:2px solid #fff0b1;box-shadow:4px 5px #020825;background:linear-gradient(#fff3ba,#d0b777);color:#111e43;font:9px/1.6 ArcadePixel,PressStart,monospace}.mobile-landscape-gate a{padding:12px;font:8px/1.6 ArcadePixel,PressStart,monospace;color:#acbcdf;text-decoration:none}.mobile-landscape-gate :focus-visible{outline:3px solid white;outline-offset:5px}.mobile-rotate-icon{position:relative;display:block;width:93px;height:52px;border:4px solid #efd68b;box-shadow:0 0 0 5px #111f4d,0 0 0 6px #5d6c94;transform:rotate(-10deg);margin:8px 0 13px}.mobile-rotate-icon::before{content:'';position:absolute;right:5px;top:19px;width:4px;height:4px;background:#efd68b}.mobile-rotate-icon::after{content:'↻';position:absolute;top:-34px;left:20px;color:#efd68b;font:30px Arial}.mobile-landscape-gate [hidden]{display:none!important}
html[data-mobile-game=touch]{overscroll-behavior:none;-webkit-text-size-adjust:100%;touch-action:manipulation}html[data-mobile-portrait=true] body{overflow:hidden!important}
@media(prefers-reduced-motion:reduce){.mobile-rotate-icon{transform:none}}