html, body { margin: 0; height: 100%; background: #f4efe4; overflow: hidden; -webkit-user-select: none; user-select: none; }
canvas { display: block; width: 100vw; height: 100vh; touch-action: none; }
#hud { position: fixed; inset: 0; pointer-events: none; font-family: "Pretendard", "Malgun Gothic", system-ui, sans-serif; }
#build { position: fixed; right: 6px; bottom: 4px; font: 11px monospace; color: #8a8273; pointer-events: none; }
.joy { position: fixed; width: 120px; height: 120px; margin: -60px 0 0 -60px; border-radius: 50%;
  background: rgba(255,255,255,.25); border: 3px solid rgba(255,255,255,.7); pointer-events: none; display: none; }
.joy i { position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; margin: -26px 0 0 -26px;
  border-radius: 50%; background: rgba(255,255,255,.85); }