/* Larger mobile movement targets; action controls stay compact. */
@media(pointer:coarse),(max-width:700px){
 #touch #left,#touch #right{width:clamp(64px,18vw,76px);height:76px;border-radius:22px;font-size:28px;flex-shrink:0}
 #touch>div{align-items:flex-end}
 #touch>div:first-child{gap:8px}
 body #heal{bottom:calc(var(--bottom) + 86px)}
}
/* Expedition layout: one equipment row, independent camera, safe-area controls. */
#heal{position:absolute;left:var(--left);bottom:calc(var(--bottom) + 62px);height:36px;padding:6px 10px;font-size:12px;background:#213942ec}#heal:disabled{opacity:.65}#craft{overflow-y:auto;touch-action:pan-y}#recipes button,#recipes button *{touch-action:pan-y}.recipe-status{margin-top:4px;color:#ffe0a0!important}
:root{--left:max(10px,env(safe-area-inset-left));--right:max(10px,env(safe-area-inset-right));--top:max(8px,env(safe-area-inset-top));--bottom:max(12px,env(safe-area-inset-bottom))}
[hidden]{display:none!important}#world{position:fixed;inset:0;width:100vw;height:100dvh}header{top:var(--top);left:var(--left);right:var(--right);height:30px;gap:8px}header strong{font-size:17px}header button{height:30px;padding:4px 9px}#home{font-size:21px;min-width:32px}#sound{font-size:11px}#hotbar{left:var(--left);top:calc(var(--top) + 38px);bottom:auto;transform:none;display:flex;flex-wrap:nowrap;width:max-content;max-width:calc(100vw - 210px);gap:3px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x;padding:1px}#hotbar::-webkit-scrollbar{display:none}#hotbar button{flex:0 0 38px;width:38px;min-width:0;height:38px;padding:2px;font-size:0}#hotbar .item-name{display:none}#hotbar i{display:block;width:26px;height:26px;background-size:26px;margin:3px auto 0}#hotbar b{font-size:10px;right:2px;top:0}#vitals{top:calc(var(--top) + 84px);left:var(--left);max-width:calc(100vw - 200px);font-size:11px;padding:3px 6px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#viewTools{position:absolute;right:var(--right);top:calc(var(--top) + 38px);display:flex;gap:3px}#viewTools button{padding:4px;min-width:30px;height:30px;font-size:13px;background:#172c37d9}#zoomReset{font-size:10px!important;min-width:37px!important}#mapToggle{min-width:40px!important}#minimap{position:absolute;right:var(--right);top:calc(var(--top) + 76px);width:144px;height:58px;border:1px solid #acb28299;background:#182938d9;border-radius:3px;pointer-events:none}#atlasPanel{position:absolute;z-index:8;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));top:calc(var(--top) + 40px);max-height:calc(100dvh - 90px);overflow:auto;touch-action:pan-y;padding:16px;background:#142831f5;border:1px solid #9baf8c;border-radius:8px;box-shadow:0 10px 70px #0008}#atlasPanel h2{font-size:18px}#mapClose{float:right;font-size:20px;padding:0 10px}#atlasPanel p{font-size:12px;color:#d2dabe}#atlasPanel small{font-size:11px;color:#bdd1cb}#atlas{position:static;display:block;width:100%;height:auto;max-height:55dvh;object-fit:contain;border:1px solid #769c9177;background:#729baf}#touch{display:flex;position:absolute;left:var(--left);right:var(--right);bottom:var(--bottom);justify-content:space-between;pointer-events:none}#touch>div{display:flex;gap:7px}#touch button{width:52px;height:52px;font-size:20px;padding:5px;pointer-events:auto;border-radius:50%;background:#1c3437b8;border-color:#a2b7a16b;box-shadow:inset 0 1px #e2d8a233}#touch #mode{font-size:12px}#touch #jump{font-size:28px}#craftToggle{top:auto;right:var(--right);bottom:calc(var(--bottom) + 61px);height:31px;font-size:12px;padding:5px 10px;background:#193139c9}#craft{top:auto;bottom:calc(var(--bottom) + 99px);right:var(--right);width:300px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 165px);overflow:auto;touch-action:pan-y;padding:14px;z-index:7}#craft p{font-size:12px}#craft h2{font-size:18px}#recipes button{font-size:12px;padding:8px;margin:6px 0}#hint{bottom:19px;font-size:10px;pointer-events:none}#toast{top:auto;bottom:calc(var(--bottom) + 76px);max-width:65vw;font-size:12px;z-index:6}#entry{z-index:10}#entry input{font-size:16px}canvas,button,button *,header,#vitals,#hint,#toast,#viewTools{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}
@media(pointer:coarse),(max-width:700px){#hint{display:none}header span{display:none}#hotbar{max-width:calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right));width:calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right))}#hotbar button{flex:1 0 30px;width:34px;height:36px}#viewTools{top:calc(var(--top) + 81px)}#vitals{top:calc(var(--top) + 119px);max-width:calc(100vw - 150px);white-space:normal;font-size:10px;max-height:36px}#minimap{top:calc(var(--top) + 120px);width:128px;height:51px}#entry>div{width:min(90vw,480px);max-height:90dvh;overflow:auto;padding:22px}#touch button{width:48px;height:48px}#touch>div{gap:6px}}
@media (max-height:500px) and (min-width:650px){#hotbar{max-width:calc(100vw - 210px);width:auto}#hotbar button{flex:0 0 36px;width:36px;height:36px}#viewTools{top:calc(var(--top) + 38px)}#vitals{top:calc(var(--top) + 79px);max-width:calc(100vw - 210px)}#minimap{top:calc(var(--top) + 76px);width:128px;height:51px}#touch button{width:48px;height:48px}#craft{max-height:calc(100dvh - 125px);bottom:calc(var(--bottom) + 58px);right:calc(var(--right) + 170px)}#entry>div{padding:12px;max-width:580px}#entry h1{font-size:28px;margin:0}#entry p{margin:6px 0}#entry input{width:48%;margin-right:2%}#play{width:48%}#atlasPanel{padding:10px}#atlasPanel p{margin:5px 0}}