#orientation-gate{margin:0;padding:max(32px,env(safe-area-inset-top)) 26px;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;background:radial-gradient(ellipse at 50% 30%,#3e503e,#1b2823 75%);color:#f3e3b8;text-align:center;overflow:auto;overscroll-behavior:none}#orientation-gate[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}#orientation-gate::backdrop{background:#1b2823}#orientation-gate h1{font-size:24px;margin:12px 0 0;line-height:1.5}#orientation-gate p{max-width:320px;font-size:13px;line-height:1.9;margin:0;color:#becbb4}#orientation-gate .brand{font-size:10px;letter-spacing:4px;color:#c6ad72;margin-bottom:25px}.rotate-device{width:114px;height:65px;border:3px solid #dec17f;border-radius:12px;position:relative;box-shadow:0 0 30px #d5b67218}.rotate-device:before{content:'↻';position:absolute;inset:-30px;font-size:88px;line-height:110px;color:#9bbaa08c}.rotate-device:after{content:'';position:absolute;right:5px;top:27px;width:5px;height:5px;border-radius:50%;background:#dec17f}#rotate-fullscreen{border-radius:24px;padding:12px 23px;margin-top:14px;background:#4a5b3a;font-size:13px}#orientation-hint{font-size:11px!important;margin-top:8px!important}.portrait-blocked #game-shell{visibility:hidden}#enter-fullscreen{display:none}#game-shell{width:100%;height:100dvh}
/* A landscape phone uses two thumb zones, including phones wider than 800px. */
@media(orientation:landscape) and (max-height:600px){
 .joystick{display:flex;left:max(16px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:106px;height:106px}
 .combat-controls{left:auto;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));transform:none;flex-direction:column;align-items:flex-end;gap:7px}
 .skills{grid-template-columns:repeat(5,43px);gap:4px;padding:5px}.skill{width:43px;height:43px}.skill strong{font-size:20px;line-height:21px}.skill span{font-size:8px;line-height:10px}.skill kbd{font-size:8px}.attack-controls{gap:8px;padding:0}#attack{width:56px;height:56px}#attack small,#auto-attack small{display:none}#auto-attack{height:43px;width:57px}
 .player-panel{top:max(8px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:180px;padding:7px}.player-heading strong{font-size:12px}.player-heading small{font-size:8px}.portrait{width:26px;height:30px}.player-foot{display:none}.meter{height:12px}.meter span{font-size:9px;line-height:10px}
 .camera-panel{top:max(8px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:143px;padding:6px}.camera-panel #angle{display:none}.camera-buttons button{height:25px}#overview,#motion{font-size:8px;padding:3px 0}#motion{display:inline-block}
 .target-panel{top:9px;left:50%;width:165px;transform:translateX(-50%);padding:6px 9px;text-align:center}.target-panel strong{font-size:10px}.target-panel small{font-size:9px}
 .world-tools{top:114px;left:max(12px,env(safe-area-inset-left));right:auto;width:180px;text-align:left;display:flex;gap:5px}.world-tools strong,.world-tools p{display:none}.world-tools button{font-size:9px;padding:7px;width:auto}#enter-fullscreen{display:block}
 .mini-panel{top:115px;right:max(12px,env(safe-area-inset-right));width:100px;padding:4px}.mini-panel canvas{width:90px;height:62px}.mini-panel strong{font-size:8px;margin-bottom:3px}.mini-panel small{display:none}
 .control-hint{display:none}#interact{bottom:max(19px,env(safe-area-inset-bottom));left:43%;font-size:10px;padding:9px 14px;max-width:36vw;white-space:normal}#notice{top:76px;font-size:10px;padding:6px 12px;max-width:42vw}#npc-dialog{bottom:45px;left:47%;width:310px;padding:14px}#npc-name{font-size:14px}#npc-text{font-size:11px}
 .world-dialog{width:min(800px,95vw);max-height:94dvh;padding:14px}.world-dialog h1{font-size:17px}.world-dialog p{font-size:9px;line-height:1.5;margin-bottom:8px}.world-grid{grid-template-columns:repeat(3,1fr);gap:8px}.city-picture{height:48px}.world-card{padding-bottom:7px}.world-card strong{font-size:12px;margin:5px 9px 0}.world-card span{display:none}.world-card small{font-size:9px;margin:5px 9px 0}.world-dialog footer{font-size:9px;margin-top:8px}
}
.portrait-blocked #game-shell{display:none}