.hud{position:fixed;inset:0;pointer-events:none;z-index:10}.hud button{pointer-events:auto}.hud-left{position:absolute;left:max(14px,env(safe-area-inset-left));top:max(14px,env(safe-area-inset-top));display:flex;gap:12px;align-items:flex-start}.hud-logo{width:125px}.energy-card,.mission-card,.coin-card,.diagnostics{background:#10293ddd;border:1px solid #ffffff24;box-shadow:0 5px 0 #0003}.energy-card{width:145px;padding:9px 12px}.energy-card small{font-size:8px;font-weight:900;letter-spacing:1px}.meter{height:6px;background:#243f4d;margin:7px 0}.meter i{display:block;height:100%;background:#72e38c}.energy-card b{font-size:9px}.mission-card{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(360px,46vw);padding:9px 15px;text-align:center}.mission-meta{display:flex;justify-content:space-between;font-size:8px;color:#7ef0bb}.mission-card strong{display:block;font-size:15px}.mission-card span{font-size:10px}.hud-right{position:absolute;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));display:flex;gap:8px}.coin-card{padding:11px}.square{font-size:20px}.crosshair{position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%)}.crosshair i{position:absolute;background:#fff}.crosshair i:nth-child(1),.crosshair i:nth-child(2){width:7px;height:2px;top:11px}.crosshair i:nth-child(1){left:0}.crosshair i:nth-child(2){right:0}.crosshair i:nth-child(3),.crosshair i:nth-child(4){height:7px;width:2px;left:11px}.crosshair i:nth-child(3){top:0}.crosshair i:nth-child(4){bottom:0}.break-ring{position:absolute;inset:-8px;border-radius:50%;background:conic-gradient(#ffdf56 var(--break,0deg),transparent 0);mask:radial-gradient(circle,transparent 61%,#000 63%)}.target-info,.interaction-hint,.toast,.selected-label{position:absolute;left:50%;transform:translateX(-50%);background:#0d2334df;border:1px solid #ffffff22;border-radius:8px;padding:7px 10px}.target-info{top:55%;font-size:10px}.target-info b{margin-right:8px}.interaction-hint{bottom:120px;font-size:11px}.interaction-hint kbd{background:#fff;color:#142d3c;padding:4px 7px;border-radius:5px;margin-right:7px}.toast{top:75%;font-weight:800}.hotbar-wrap{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%)}.selected-label{bottom:76px;font-size:9px}.hotbar{display:flex;background:#10293ddd;padding:5px;border:1px solid #ffffff33}.slot{position:relative;width:58px;height:58px;background:#20394a;color:white;border:1px solid #6a7c89;display:flex;flex-direction:column;align-items:center;justify-content:center}.slot.active{outline:3px solid #f6d749}.slot small{font-size:7px}.slot kbd{position:absolute;right:3px;top:2px;font-size:7px}.slot .count{position:absolute;right:4px;bottom:2px;font-size:9px}.block-swatch{width:22px;height:22px;border-radius:2px;background:#888}.grass{background:#5caa38}.dirt{background:#76502f}.stone{background:#777}.wood{background:#815a38}.brick{background:#9d443a}.lamp{background:#ffcf36}.held-item{position:absolute;right:8%;bottom:4%;width:120px;height:150px;transform:rotate(-8deg)}.held-item .hand{position:absolute;right:0;bottom:0;width:52px;height:90px;background:#d99c78}.held-item .tool-stick{position:absolute;right:55px;bottom:40px;width:10px;height:95px;background:#6d4328;transform:rotate(-25deg)}.held-item .tool-head{position:absolute;right:42px;bottom:115px;width:55px;height:13px;background:#a8adb1;transform:rotate(-25deg)}.objective-pointer{position:absolute;left:50%;top:14%;transform:translateX(-50%);color:#ffd94b}.objective-pointer b{display:block;background:#21384a;padding:2px 5px;font-size:8px}.diagnostics{position:absolute;left:15px;bottom:15px;padding:10px;display:flex;flex-direction:column;font:11px monospace;pointer-events:none}