.view-switch{position:absolute;z-index:24;left:50%;top:max(70px,calc(env(safe-area-inset-top) + 58px));transform:translateX(-50%);display:flex;padding:4px;border:3px solid #231c13;background:#3b3024e8}.view-switch button,.build-tools button{min-height:48px;border:3px solid #504536;background:#777;color:#fff;box-shadow:inset 2px 2px #aaa,inset -2px -2px #444;font-weight:900}.view-switch button.active,.build-tools button.active{border-color:#fff0a0;background:#4d8e3c;color:#fff}.target-info{position:absolute;z-index:23;left:50%;bottom:94px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;min-width:280px;padding:9px 13px;border:3px solid #211a12;background:#352b20ee;color:#fff;text-align:left}.target-info i{display:block;width:34px;height:34px;background:var(--c);border:2px solid #120e0a;box-shadow:inset 3px 3px #ffffff2b}.target-info b,.target-info span{display:block}.target-info span{color:#ffe999;font-size:13px}.build-tools{position:absolute;z-index:23;right:14px;top:145px;display:flex;flex-direction:column;gap:7px}.build-tools button{min-width:112px;padding:7px 10px}.build-view .voxel-cross,.build-view .voxel-controls,.build-view .npc-talk{display:none!important}.explore-view .build-tools{display:none}.explore-view .voxel-cross{display:block}.build-view .guide-panel{top:145px}.voxel-hotbar small{font-size:11px!important}.voxel-hotbar button{min-width:68px!important;width:68px!important;height:70px!important}.voxel-hotbar i{width:32px!important;height:32px!important}.voxel-game canvas{cursor:grab}.voxel-game canvas:active{cursor:grabbing}
@media(pointer:coarse),(max-width:900px){.view-switch{top:max(62px,calc(env(safe-area-inset-top) + 52px))}.view-switch button{min-width:125px;font-size:14px}.build-tools{top:auto;right:10px;bottom:176px;display:grid;grid-template-columns:repeat(2,80px);gap:5px}.build-tools button{min-width:80px;min-height:50px;padding:5px;font-size:12px}.target-info{bottom:86px;min-width:0;width:min(82vw,430px);padding:7px 9px}.target-info i{width:30px;height:30px;flex:0 0 auto}.target-info b{font-size:13px}.target-info span{font-size:11px}.voxel-hotbar{bottom:max(8px,env(safe-area-inset-bottom))!important}.voxel-hotbar button{min-width:64px!important;width:64px!important;height:68px!important}.voxel-hotbar small{display:block!important;font-size:10px!important}.build-view .guide-panel{top:126px}.explore-view .target-info{bottom:86px}.explore-view .npc-talk{bottom:188px}.explore-view .voxel-controls{bottom:160px}.voxel-start-tip{bottom:168px!important}}
@media(max-width:600px){.view-switch button{min-width:105px;font-size:12px}.build-tools{bottom:166px}.target-info{bottom:78px}.voxel-hotbar button{min-width:58px!important;width:58px!important}.guide-panel{max-height:135px;overflow:auto}}

/* Build view: keep information, camera and action controls in separate zones. */
.step-guide{position:absolute;z-index:22;left:14px;top:300px;width:270px;padding:12px;border:3px solid #20190f;background:#30271deF;color:#fff;box-shadow:inset 2px 2px #ffffff1c,inset -2px -2px #0006;text-align:left}
.step-guide b,.step-guide strong,.step-guide p{display:block;margin:0 0 7px}.step-guide b{color:#ffe999;font-size:13px}.step-guide strong{font-size:17px}.step-guide p{font-size:14px;line-height:1.45;color:#f6efe2}.step-guide button{width:100%;min-height:44px;border:2px solid #6b5b43;background:#5b7e45;color:#fff;font-weight:900;box-shadow:inset 2px 2px #ffffff33,inset -2px -2px #0005}
.camera-tools{position:absolute;z-index:23;right:14px;top:270px;display:flex;flex-direction:column;gap:8px;width:220px;padding:8px;border:3px solid #211a12;background:#30271de8;box-sizing:border-box;color:#fff}
.camera-group>b{display:block;margin:0 0 5px;color:#ffe999;font-size:11px;text-align:left}.camera-group>div{display:grid;gap:5px}
.camera-tools button{min-height:42px;padding:4px;border:3px solid #504536;background:#665947eF;color:#fff;box-shadow:inset 2px 2px #ffffff38,inset -2px -2px #0007;font-size:12px;font-weight:900;touch-action:manipulation}
.camera-tools button:active{transform:translateY(1px);background:#4d8e3c}
.camera-move>div{grid-template-columns:repeat(3,1fr);grid-template-areas:". forward ." "left home right" ". back ."}.camera-move button{min-height:46px;font-size:16px}.camera-move button small{display:block;font-size:9px}.cam-forward{grid-area:forward}.cam-left{grid-area:left}.cam-home{grid-area:home;background:#4d7042!important}.cam-right{grid-area:right}.cam-back{grid-area:back}
.camera-level>div{grid-template-columns:1fr 1fr}.camera-screen>div{grid-template-columns:1fr 1fr 1fr}
.target-info{left:auto;right:14px;top:145px;bottom:auto;transform:none;width:270px;min-width:0;box-sizing:border-box}
.build-tools{top:auto;right:auto;left:50%;bottom:90px;transform:translateX(-50%);flex-direction:row;gap:7px}
.build-tools button{min-width:100px;touch-action:manipulation}
.block-bubble{position:absolute;z-index:31;max-width:220px;padding:9px 11px;border:3px solid #211a12;border-radius:5px;background:#fff8dbf2;color:#241b11;box-shadow:0 6px 18px #0008;transform:translate(-50%,-112%);pointer-events:none;text-align:left}
.block-bubble b,.block-bubble span,.block-bubble small{display:block}.block-bubble b{font-size:16px}.block-bubble span{margin-top:3px;color:#4e6836;font-weight:900}.block-bubble small{margin-top:3px;color:#665845}
.voxel-hotbar button{position:relative}.voxel-hotbar button>span{position:absolute;right:2px;bottom:2px;padding:1px 3px;background:#16200ddd;border:1px solid #cfedae;color:#eaffd1;font-size:10px;font-weight:900;line-height:1.15}
.explore-view .camera-tools,.explore-view .step-guide{display:none}

@media(pointer:coarse),(max-width:900px){
  .build-view .guide-panel{top:126px;width:238px;max-height:142px;overflow:auto}
  .step-guide{left:10px;top:282px;width:238px;box-sizing:border-box;padding:9px}
  .step-guide strong{font-size:15px}.step-guide p{font-size:12px}
  .target-info{right:10px;top:126px;width:238px}
  .camera-tools{right:10px;top:234px;width:214px;gap:7px;padding:7px}
  .camera-tools button{min-height:42px;font-size:11px}.camera-move button{min-height:44px;font-size:15px}
  .build-tools{right:auto;left:50%;bottom:82px;display:grid;grid-template-columns:repeat(4,82px);transform:translateX(-50%);gap:5px}
  .build-tools button{min-width:82px;min-height:50px;padding:5px;font-size:12px}
  .target-info{bottom:auto;min-width:0;padding:7px 9px}
  .explore-view .target-info{top:auto;right:10px;bottom:86px}
}

@media(max-width:700px){
  .build-view .guide-panel{width:205px}.step-guide{width:205px;top:274px}.target-info{width:205px}
  .camera-tools{top:230px;width:198px}.camera-tools button{min-height:40px;font-size:10px}.camera-move button{min-height:42px}
  .build-tools{grid-template-columns:repeat(4,70px)}.build-tools button{min-width:70px;font-size:11px}
}

@media(max-width:520px){
  .build-view .guide-panel{left:7px;top:120px;width:185px;max-height:105px}.step-guide{left:7px;top:232px;width:185px;max-height:130px;overflow:auto}
  .target-info{right:7px;top:120px;width:176px}.camera-tools{right:7px;top:222px;width:176px;padding:5px;gap:5px}
  .camera-group>b{margin-bottom:3px;font-size:10px}.camera-tools button{min-height:36px;padding:2px}.camera-move button{min-height:38px}.build-tools{bottom:76px;grid-template-columns:repeat(4,64px)}.build-tools button{min-width:64px;min-height:45px}
}