/* Round 14 rotate prompt (mobile only, created on first need by mobile-orientation.js). It is a child of body, outside #gameHud: #gameHud
   (z 2) is one stacking context holding every HUD window up to the role modal 1000, so this overlay is above all of it, header/footer 3
   and #loading 5. Never a trap: "เล่นแนวตั้งต่อ" closes it for the session and it hides itself in landscape. */
#orientationPrompt{position:fixed;inset:0;z-index:1200;display:grid;place-items:safe center;overflow-y:auto;padding:24px 16px;box-sizing:border-box;background:#061014eb;color:#f3ead6;text-align:center;pointer-events:auto;overscroll-behavior:contain}
#orientationPrompt[hidden]{display:none}
.orientation-card{width:min(330px,100%);padding:26px 20px 20px;box-sizing:border-box;background:linear-gradient(#13232be6,#0b171ef0);border:1px solid #c6b58a9e;border-radius:8px;box-shadow:0 8px 40px #000a}
.orientation-phone{display:block;width:44px;height:74px;margin:0 auto 20px;box-sizing:border-box;border:3px solid #e2c389;border-radius:9px;box-shadow:inset 0 -9px 0 -6px #e2c389;animation:eos-rotate-hint 2.6s ease-in-out infinite}
@keyframes eos-rotate-hint{0%,22%{transform:rotate(0)}50%,78%{transform:rotate(-90deg)}100%{transform:rotate(0)}}
.orientation-card p{margin:0 0 8px;font-size:16px;line-height:1.7;color:#f3ead6}
.orientation-hint{display:block;margin:0 0 18px;font-size:12px;line-height:1.6;color:#a4b5b9}
.orientation-actions{display:grid;gap:10px}
.orientation-actions button{min-height:48px;padding:10px 14px;border-radius:4px;border:1px solid #c2a66b88;background:linear-gradient(#323637f5,#141a1cf5);color:#f0dfb8;font-size:14px}
.orientation-actions .orientation-fullscreen{border-color:#e2c389;background:linear-gradient(#5a5038,#2b2a20);color:#fff2d0}
.orientation-actions button[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.orientation-phone{animation:none;transform:rotate(-90deg)}}
/* V panel "มือถือ" section (mobile only), same look as the walk pad section above it. */
#actionPreferences .mobile-settings{margin-top:14px;padding-top:11px;border-top:1px solid #a4b5b938}
#actionPreferences .mobile-settings>b{font-size:12px;color:#e6c88c}
#actionPreferences .mobile-settings .action-check{margin-top:8px}
#mobileLandscapeNow{display:block;width:100%;min-height:44px;margin-top:10px}
#actionPreferences .mobile-status{margin-top:8px}