/* Camada exclusiva da edição Web; tamanhos dinâmicos e áreas seguras. */
html,body{width:100%;height:100%;height:100dvh;overscroll-behavior:none}#view{width:100%;height:100%;height:100dvh;display:block}.overlay{position:fixed;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.card{max-width:100%;max-height:calc(100dvh - 24px)}button{touch-action:manipulation}#storageStatus{border-radius:9px;background:#e7ebdd;padding:12px;font-size:12px;overflow-wrap:anywhere}#editor{max-height:calc(100dvh - 32px)}.inventory-layout>*{min-width:0}.field select{min-width:0}#target{max-width:85vw;text-align:center}#toast{bottom:calc(110px + env(safe-area-inset-bottom))}
@media(any-pointer:coarse){.menu-content button{min-height:44px}.touch-utility{top:max(85px,calc(env(safe-area-inset-top) + 70px))}.touch-actions,#touchPad{bottom:calc(115px + env(safe-area-inset-bottom))}.bag-slot{touch-action:manipulation;-webkit-user-drag:none}.inventory-card .bag{grid-template-columns:repeat(6,minmax(0,1fr))}.inventory-layout{grid-template-columns:1fr}.inventory-card .quick-setup{grid-template-columns:repeat(9,minmax(0,1fr))}input,select,textarea{font-size:16px!important}}
@media(any-pointer:coarse) and (max-width:500px){.inventory-card .quick-setup{grid-template-columns:repeat(3,minmax(0,1fr))}.touch-actions{gap:5px;right:max(8px,env(safe-area-inset-right));grid-template-columns:repeat(2,auto)}#touchPad{width:112px;height:112px;left:max(10px,env(safe-area-inset-left))}#hotbar{width:calc(100vw - 16px);gap:2px}.slot{flex:1;min-width:0;width:calc((100vw - 50px)/9);height:54px}.slot label{font-size:7px}.slot img{max-width:26px;max-height:26px}.bottom{padding:0 4px}#farmStatus{font-size:9px;max-width:90vw}}
@media(any-pointer:coarse) and (max-height:500px){.touch-actions,#touchPad{bottom:calc(84px + env(safe-area-inset-bottom))}.touch-utility{top:max(58px,env(safe-area-inset-top))}.touch-utility button{min-height:40px!important}.touch-actions button{min-height:44px!important;padding:6px 10px}#touchPad{height:96px;width:96px}.bottom{max-width:58vw}#hotbar{width:auto}.slot{min-width:34px}#health{top:58px!important}.menu-content{padding:16px 22px}}
@media(max-width:360px){.menu-content{padding:16px}.menu-rail nav button{padding:9px 7px}.menu-rail .version-label{font-size:8px}.inventory-card{padding:12px}.inventory-head{gap:5px}.inventory-head button{padding:9px}.inventory-card .bag{grid-template-columns:repeat(4,minmax(0,1fr))}}