html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#20292e;overscroll-behavior:none}.game-frame{position:fixed;inset:0;display:block;border:0;width:100vw;height:100vh;height:100dvh}.rotate-tip{display:none;pointer-events:none;position:fixed;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:2;margin:0;padding:7px 12px;background:#111d24c9;border-radius:20px;color:#fff4d8;font:11px Arial,sans-serif;white-space:nowrap}
@media(max-width:900px) and (orientation:portrait){.game-frame{inset:auto;left:50%;top:50%;width:100vh;width:100dvh;height:100vw;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}.rotate-tip{display:block;animation:tip-fade 6s forwards}}
@keyframes tip-fade{0%,70%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.rotate-tip{animation:none}}