/* Tablet controls: joystick, menu button, side columns in landscape, no zoom buttons. */
html,body{height:100%;touch-action:pan-x pan-y}
#world{height:100%}
.diag52{text-align:left;white-space:pre-wrap;word-break:break-word;font:600 12px/1.5 Consolas,monospace;background:#f6ebd3;border-radius:10px;padding:10px;margin:0 0 12px}
#errbox52{position:fixed;left:8px;right:8px;bottom:8px;z-index:9999;background:#8f3f3a;color:#fff3d9;font:700 13px Nunito,sans-serif;padding:8px 12px;border-radius:10px;box-shadow:0 3px #0004}
.zoom,#help,#sound{display:none!important}
.touch49 .touchpad{display:none!important}
#menu52{position:absolute;left:12px;top:12px;width:50px;height:50px;pointer-events:auto;background:#fff0d5;border:3px solid #735037;border-radius:15px;box-shadow:0 4px #5d412c;font-size:24px;line-height:1;padding:0}
#menu52:active{transform:translateY(2px);box-shadow:0 2px #5d412c}
#dev-open31{top:12px;left:70px;right:auto;bottom:auto}
#joy52{position:fixed;z-index:6;pointer-events:none;width:0;height:0}
#joy52 i{position:absolute;left:0;top:0;border-radius:50%;display:block}
.joy-base52{width:136px;height:136px;transform:translate(-50%,-50%);background:#fff3d92e;border:3px solid #fff3d9a6;box-shadow:0 0 0 2px #5d412c33,inset 0 0 22px #ffffff33}
.joy-knob52{width:58px;height:58px;background:#fff0d5e6;border:3px solid #735037;box-shadow:0 4px #5d412c88}
.menu-modal52 .dialog{max-width:420px;text-align:center}
.menu-modal52 .choices{flex-direction:column}
.menu-modal52 .choice{min-height:54px;font-size:18px;justify-content:center}
/* Landscape: side columns hold the controls, the scene keeps the middle. */
@media(orientation:landscape){
 .toolbar{left:12px;top:74px;bottom:auto;flex-direction:column;gap:8px}
 .toolbar .tool .word{display:none}
 .toolbar .tool{width:50px;min-width:50px;padding:0;display:flex;align-items:center;justify-content:center}
 .toolbar .tool em{margin:0;font-size:22px}
 .prompt{left:auto;right:12px;bottom:16px;transform:none;width:190px;max-width:190px;padding:12px 14px;white-space:normal}
 #task-cancel49{left:12px;top:200px;transform:none;width:50px;padding:8px 4px;font-size:11px;white-space:normal;line-height:1.15}
}
@media(orientation:landscape) and (max-width:900px){
 .objective{left:74px;top:72px;max-width:230px}
}
@media(orientation:portrait){
 .toolbar{left:12px;bottom:16px;top:auto;flex-direction:row}
}