.grid-building .hud>*{visibility:hidden}.grid-building .world-labels{visibility:hidden}#gridBuilder{position:fixed;inset:0;z-index:8;pointer-events:none;color:#284f43}#gridBuilder button,#gridBuilder select,#gridBuilder input{pointer-events:auto;font:inherit;color:inherit;min-height:44px;border-radius:10px;border:1px solid #bfd1ad;background:#fff9e8;padding:8px 12px;font-size:13px;font-weight:850}#gridBuilder button[aria-pressed=true]{background:#ffcf74;border-color:#daab55}#gridBuilder button:disabled{opacity:.45}.grid-header{position:absolute;top:calc(12px + env(safe-area-inset-top));left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-radius:17px;background:#fff9e8ee;gap:12px}.grid-header b{display:block;font-size:20px}.grid-header small{display:block;font-size:11px;margin-top:3px}.grid-status{position:absolute;top:calc(91px + env(safe-area-inset-top));left:16px;right:16px;background:#274f43e8;color:#fff3d8;padding:9px 12px;border-radius:12px;text-align:center;font-size:12px;font-weight:800}.grid-nav{position:absolute;left:16px;top:calc(133px + env(safe-area-inset-top));display:flex;gap:4px}.grid-nav button{min-width:44px;padding:6px!important}.grid-tools{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 24px));background:#fff9e8f5;border:2px solid #fff;padding:12px;border-radius:18px;pointer-events:auto;box-shadow:0 5px 0 #91ac8b;max-height:45vh;overflow:auto}.grid-materials,.grid-actions,.grid-finish,.grid-controls{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:7px}.grid-materials button{flex:1}.grid-controls{align-items:center}.grid-controls label{display:flex;align-items:center;gap:4px;font-size:11px}.grid-controls select{padding:5px!important;font-size:12px!important}.grid-finish{margin-bottom:0}.grid-finish #confirmGrid{background:#ffcf74;flex:1}.grid-actions button{flex:1;white-space:nowrap;padding:6px!important}.grid-finish #workshopButton{font-size:11px}.grid-tools form{display:flex;gap:5px;margin-top:6px}.grid-tools input{min-width:0;flex:1;font-weight:500!important}.grid-tools button:focus-visible,.grid-tools select:focus-visible{outline:3px solid #499981;outline-offset:2px}
@media(max-width:600px){.grid-header{padding:8px 10px;gap:6px}.grid-header b{font-size:17px}.grid-header small{font-size:10px;max-width:215px}.grid-header button{font-size:11px!important;padding:6px!important;min-width:70px}.grid-status{top:89px;font-size:11px}.grid-nav{top:138px}.grid-nav button{font-size:11px!important}.grid-tools{padding:8px;max-height:43vh}.grid-materials button{font-size:10px!important;padding:6px 3px!important}.grid-controls{gap:4px}.grid-controls button{font-size:10px!important;padding:4px 6px!important}.grid-controls label{font-size:10px}.grid-controls select{max-width:103px}.grid-controls #gridLevel{font-size:11px}.grid-actions{gap:3px}.grid-actions button{font-size:10px!important;padding:4px!important}.grid-tools form input{font-size:12px!important}.grid-tools form{display:none}.grid-finish button{font-size:11px!important}}
@media(orientation:landscape) and (max-height:520px){.grid-tools{right:12px;left:auto;transform:none;width:330px;top:87px;bottom:12px;max-height:none}.grid-status{right:355px;top:90px}.grid-nav{top:141px}.grid-header small{display:none}.grid-tools button{font-size:10px!important;padding:5px!important}.grid-controls{gap:4px}.grid-controls select{max-width:105px}.grid-tools form{display:none}}

.grid-height{display:flex;align-items:center;gap:5px}@media(max-width:600px){.grid-height{flex-basis:100%;justify-content:center}}